連絡先を一覧表示するにはどうすればよいですか？
メッセージを送信するだけのチャットモバイルアプリがあるとします。
私がユーザーです。 Xにメッセージを送信します。
- 人Xが私の連絡先リストに含まれているが、アプリを持っていない場合、私は彼女にテキストを送ると、その人は自動的にアプリをインストールするための招待状を受け取ります。
- 人Xが私の連絡先リストにあり、アプリを持っている場合、私は彼女にテキストを送信します。簡単です。
- 人Xが私の連絡先リストにないが、アプリがインストールされている場合、私は彼女/彼のユーザー名を見つけて検索します。クリックして入力します。簡単です。
- 人Xが私の連絡先リストにないが、アプリがインストールされていない場合、私は彼/彼女を招待します。
私たちが持っている最も重要な要件は、連絡先すでにアプリがインストールされているが表示され、アクセス可能であることです。
会社にメッセージを送ることもできますが、その場合はリストから会社を選んで書くだけです。
これが現在のドラフトです。
乱雑に見えることに同意していただけると思います。どうすればこれを改善できますか？
おそらく、機能を個別のページに分割する必要があります。モバイルデバイスの画面領域は限られているため、ページごとに1つのタスクを実行することに集中する必要があります。 1つのタスクを実行するだけでも、アプリを簡素化し、アプリを学習するためのユーザーの認知負荷を軽減できるという利点があります。
これは、メッセージングアプリの非常に一般的なレイアウトです。連絡先リストはページ全体を占める必要があります。検索機能では、連絡先、ユーザー、会社名の一般的な検索を実行する必要があります。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
これらの人気のあるメッセージングアプリからアイデアを借りてみてください。彼らはおそらく彼らのUIで多くのユーザビリティテストを実施しました。採用率が高いため、これらの設計パターンの一部はユーザーにとって標準になっています。アプリがどのように機能するかを学ぶために余分な労力を費やす必要はありません。
そうは言っても、おそらく1つまたは2つの設計機能を追加して、アプリを他のアプリと区別することができます。いつものように、これらの設計要素をテストし、明確にするよう努めます。
私の推測では、メイン画面でユーザーが最近チャットを行う必要があります。個人的なチャットは企業との会話よりも重要だとしましょう。つまり、個人的なチャットに焦点を当て、メイン画面に表示する必要があります。
コンタクトブックについては、既存のすべての連絡先を含む画面を、人と会社の2つのセクションに分けることを提案します。この画面に「招待を入れる」アクションを追加します。
上記の各箇条書き項目は、個別のユーザータスクと目標を説明しています。どのタスクがどのインターフェース要素を必要とするかについて考える必要があります。最も実行されるタスクを特定することから始めます。タスクに優先順位を付けるには、次の質問をします。タスクはどのくらいの頻度で行われますか？このタスクを行うユーザーは何人ですか？回答に基づいて、どのタスクが優先され、どの機能がそのタスクに関連付けられているかを優先できます。例：連絡先リストに含まれ、アプリも持っている人にテキストメッセージを送る。ユーザーが実際にアプリを使用する場合、このタスクは最もよく使用されるタスクの1つであり、多くのユーザーによって実行されます。このタスクでは、アプリを持っている連絡先のリストに簡単にアクセスできるため、簡単にテキストメッセージを送信できます。他のタスクはそれほど頻繁に実行する必要がない場合があるので、タスクを完了する必要があるまで、それらのタスクの要素を非表示にしたり配置したりすることができます。したがって、ユーザーをアプリに招待することが通常、私の例の最初のタスクほど頻繁に行われない場合は、ユーザーが友達を招待する必要があるまで、関連する要素を非表示にする必要があります。おそらく、より多くのボタンを提供するか、ユーザーがこのタスクを完了したいときに、このインターフェース要素をユーザーに表示できるようにする相互作用を設計します。