フルスクリーンログインとアカウント作成

フィードバックです!:smile:

良いと思います。ただ、もう少しビジュアルアイデンティティが欠けているように感じますね。:thinking:. (編集:Penarと同じように、アイデンティティについて同じように感じます)

モバイル

ポートレートモードでは良い感じです。

スクリーンショット

ランドスケープモードではいくつか問題があります:

  • ヘッダーが切れています。上にスクロールすることはできませんが、下にスクロールすることはできます。
スクリーンショット

ポートレートモードでも発生します。
キーボードがログインページでコンテンツを押し上げています。登録ページでは発生しません。

ランドスケープモードについて。ほとんどの人は使用しませんが、発生する可能性があり、ユーザーエクスペリエンスは良くありません。ウェルカムメッセージの周りにブロックを浮動させるために、いくつかのCSSを調整できると思います。理想的ではありませんが、許容範囲です:

例1

しかし、私にとって最も視覚的に魅力的なのは、資格情報とソーシャルボタンを半分に分割することです:

例2

  • 直接関係ありません。モバイルでは、最初の入力フィールドにフォーカスが当たり、キーボードが直接開きます。(どこでも同じ動作かはわかりません)
    これは2つの理由でユーザーエクスペリエンスを悪化させると思います:
  1. 最初はページ全体が見えず、歓迎されている感じがしません。
  2. すべてのログインオプションが見えません。(特にソーシャルログインを使用するユーザーにとっては、毎回キーボードを閉じる必要があります)
ログインをクリックした後に表示されるもの

デスクトップ

ほとんど良いですが、いくつか問題があります。

  • 中程度の画面サイズでは良い感じです:
スクリーンショット

  • 大きな画面では、よくわかりません。良い感じですが、すべてのソーシャルボタンが1行にあるのは便利に見えますが、珍しいです(小さなコンテンツが中央に配置され、その下に大きなコンテンツがあります)。間違っているわけではなく、大丈夫に見えます。以前のスタイルからの習慣かもしれませんが、注意が中央の1つの場所に集中するためです。
スクリーンショット

以前に行っていたことは実際には非常にエレガントでした。Penarが提案したように、最大幅があれば見栄えが良くなるはずです。大きな画面で2列表示され、その後自動的に折り返されるのを見ても構いません。

最大幅調整による以前と同様のログイン

  • レスポンシブの面では、最小の高さ以下になると、左側のパネルにスクロールバーが表示されます。実際のデバイスでテストできないので、これも発生するかどうかはわかりません。ユーザーにとっては、内部コンポーネントをスクロールするよりも、ページをスクロールする方が自然だと思います。
スクリーンショット

共通

ログインモーダルが開いているときにフォーラムのスクロールバーが表示され、操作できてしまいます。ユーザーは何も無いのに何かがあると思ってしまう可能性があります。モーダルスクロールバーも同時に表示されると、トリッキーになる可能性があります。

例

「いいね!」 4