詳細な分析: インターネット ログイン インターフェイスのインタラクション設計 things_html/css_WEB-ITnose

Web ページやモバイル APP のデザインに関係なく、非常に重要なポイントは、小ささと美しさと機能の複雑さの間のバランスをどのように見つけるかです。この記事では、モバイル APP のフォーム デザインを簡単に分析し、デザイナーがデザインとインタラクティブ エクスペリエンスの間で小さいながらも美しいバランスをどのように達成しているかを確認します。

一つ。究極の引き算

これは従来の設計思想とは異なるログインボックス製品です。これは通常の意味でのログインウィンドウではありません。ユーザー名の入力のみが保持され、Enter キーを押すことで確認できます。ログイン インターフェイスのデザインのルールや規制を破り、カラー マッチングは目を引くシンプルなものです。

2つ。目を引くユーザーインターフェイス

1. ぼかした背景

最近、ぼかした背景の使用が増えてきました。これは、ぼかした背景を使用すると、Web サイト全体がより人間らしく見えるだけでなく、Web サイトを素晴らしいものにするためです。ウェブサイトが表現すべき雰囲気。以下に紹介するケースは、背景画像のトーンとボタンの色を同色系に厳選し、ミニマルなアイコンと細い線でデザインした魅力的なログインインターフェースです。全体的に調和してひとつにまとまっています。

2. 暗い背景

以下のケースを一目見ると、明るい入力ボックスが注目を集めます。暗い背景画像により、ログインフォームがページの視覚的な中心となり、ユーザーの注意をそらすものは何もありません。それは上質な感覚体験だけでなく、快適なユーザーエクスペリエンスでもあります。

3. フラットな単色の背景

以下の場合、フラットなデザインに魅了されます。基本的なスタイルは単調で退屈に見えますが、色を慎重に合わせると、フラットなログインインターフェイスが生き生きとした遊び心のあるものになります。

3つ。明確な垂直方向の視線

人々の視覚ブラウジングは通常、上から下、左から右への「L」字型の視線に従います。フォーム インターフェイスのデザインでは、ユーザーをガイドすることが非常に重要視されます。インターフェイスがあまり多くの要素を強調しない場合、フォームの視覚的な閲覧順序は「L」字型のルールに従い、基本的にユーザーの心理的な期待に応えます。これにより、ユーザーはあまり考えたり検索したりする必要がなく、簡単かつ効率的にフォーム項目の入力と送信を完了することができます。

ウェブサイトのログインインターフェイスデザインの簡単な分析: デザインとインタラクティブエクスペリエンスのバランスの美しさ、インターネットに関するいくつかのこと IV.ユーザーエクスペリエンスのデザインに注目してください

ログインフォームと登録フォームの使用率は非常に高く、実際にはフォームのデザインは考慮する必要があるものです。登録とログインを 1 つのページにまとめることを好む人もいますし、AJAX を使用して更新効果を持たずに表示することを好む人もいます。要するに、すべては最高のユーザー エクスペリエンスに基づいています。デザインに終わりはない！登録フォームであっても、詳しく調べる価値があります。ユーザーエクスペリエンスを真剣に考慮しない場合、Web サイトは多くのユーザーを失うことになります。

1. ユーザー入力を減らす

一般的に、登録フォームにフィールドが追加されるたびに、それに応じて登録率は低下します。

ユーザーにとって、特に携帯電話の場合、登録時にメールアドレスを2回入力したり、パスワードを再入力したりするのは非常に面倒です。実際、ユーザーは通常、通常のメールアドレスとパスワードを使用して登録するため、忘れることは簡単ではありません。ワンタイムパスワードを入力して登録を完了するほうがユーザーの期待に沿っていますが、パスワードの入力がユーザーの予想と異なることを防ぐために、ユーザーが閲覧できるようにする方法を使用できます。プレーンテキストのパスワード。ユーザーがある日パスワードを忘れた場合、電子メールでパスワードを取得できるとします。パスワードを 2 回入力すると、ユーザーが失われる可能性が高くなります。

2. 情報登録プロンプト

エンドユーザーに効果的な情報プロンプトを提供することは、特にユーザーが複数の入力フィールドを使用して情報を登録および入力する場合、入力する必要があるフィールドは次のとおりです。相互に排他的であるため、曖昧さが生じる可能性がある場合、これらのメッセージ プロンプトにより、ユーザーの思考時間や推測時間を短縮できます。ページの上部にある小さな付箋を点滅させたり、バブル ボックスに隠れたメッセージをポップアップさせたりするなど、プロンプト情報を表示するにはさまざまな方法があります。

デザインパフォーマンスは登録フォームに特徴を与え、インターフェースデザインはユーザーが感じる体験です。プロンプトを増やすと、入力エラーによるユーザーの再入力を防ぐことができます。

3. ユーザーに強制的な操作を削減します

ログインまたは登録時にユーザーの認証は行われますか?重大な安全上の問題がなければ、やらないほうがいいと思います。確認コードは、ユーザーが一定回数間違って入力した場合にのみ表示されます。 （最初から認証コードがあるわけではありませんし、入力ミスが多すぎるとログインできなくなるわけでもありません）。しかし、ほとんどの場合、テクニカル パートナーは、「セキュリティ」に大きな問題があると告げるようです。そのため、多くの場合、「詳細な体験のためにシステムのセキュリティ上の不満を容認する」ことはできません。 .Web サイトのログイン インターフェイス デザインの簡単な分析: デザインとインタラクティブなエクスペリエンスにおけるバランスの美しさ、インターネットに関するいくつかのこと 4. 間違ったパスワード入力の記憶

ユーザーが初めて間違ったパスワードを入力すると、システムはそのパスワードを保存します。エラーを判断した後にユーザーが入力したパスワードが間違っている場合 ユーザーが再度入力した場合 パスワードが間違っている場合、システムはクライアント上で自動的に「パスワードが間違っています」というメッセージを表示します。これにより、ユーザーによる誤操作が 1 つ減り、サーバーに送信されるタスクも 1 つ減ります。理由: パスワード入力画面が * であり、正確な入力結果を直接確認できないため、多くの場合、ユーザーがパスワードを間違って覚えているか、間違って入力しています。

AnyForWeb が顧客にとってより魅力的な Web フォームを構築するとき、私たちは常に自問しています。フォームに記入する忍耐力はあるだろうか?ユーザーにとってフォームを使いやすくするにはどうすればよいでしょうか?これらの質問に対する完璧な答えが常に見つかるとは限りませんが、これらの質問について考え続け、ユーザーの視点からデザインを経験すれば、少なくとも方向性は正しいと信じています。つまり、ログインと登録は製品とユーザーが真にコミュニケーションし、製品がユーザーにとってより多くの価値を反映できるようにする「ドア」です。

だから、このドアは、十分に広く、十分に低く、常に開いていて、出入りするたびに覚えていなければなりません...