悪いインターフェースからの教訓

GruberがStevens Creek TripLog / 1040インターフェースを最初に公開した日、私は不利に調整されました。 色は明るく、コントロールは完全にランダムな順序で配置されているように見えました。 これは私たちのデザイナーが支持するすべてに反しました。 ただ混乱。 すぐにFlickrページは攻撃とin辱のプラットフォームになりました。 しかし、その後、非常に興味深いことが起こりました。 TripLogデザイナーのSteve Pattは、このすべての胆汁フローの最中に、最終的にこの設計オプションにつながるロジックを共有するコメント投稿しました 。 耳を傾けないことを選択した人は何も学びませんが、他の人はソフトウェア開発の興味深いアイデアと経験についてのプラット氏の20歳の説明から多くを学ぶことができます。











TripLogへの最初のre責は、「カオス」であり、これは画面上の要素の過剰です。 カオスに戻りますが、最初に速度について話しましょう。 Pattは、TripLogの第1の目標は、補償された旅行の追跡を支援することだと説明しています。 すぐに旅行を予約できない場合、データを入力するのが難しいため、記録を保持する動機が抑えられます。 購入者にとって、記録されていないデータはキロメートルであり、そのコストはそれによって補償されません。 したがって、Pattaにとっては、速度が最も優先されます。



速度はカオスと何の関係がありますか? シカゴでエドワード・タフテのセミナーに出席したことがあり、そこで彼は興味深いコンセプトを発表しました。 情報は、空間で結合された(空間で隣接)または時間で重なった(時間で積み重ねられた)として表現できるという事実についてでした。 たとえば、本を見てください。 2つの図が同じページにある場合、それらはスペースで組み合わされて配置されます。 それらの間で注意を切り替えるには、目を回すだけで十分です。 これを、2つのイラストが異なるターンに配置されている状況と比較してください。 同時に見ることはできません。 最初のページを表示してから別のイラストを表示するには、ページを前後に切り替える必要があります。



空間内で組み合わされた、または時間的に重複した要素の配置間の妥協は、常にインターフェイス設計者の裁量に任されています。 1つの画面に多くの要素を配置すると、移動(ナビゲーション)の必要性が減り、ユーザーに「必要なものはすべて手元にある」という完全な感覚が与えられます。 ある要素から別の要素にフォーカスを移動するのは簡単で簡単です。 一方、要素を異なる画面に分割すると、ナビゲーションが遅くなりますが、インターフェイスの明瞭さとクリーンさが向上します。 ページ上の要素が少なくなると、ツールチップに使用できる空きスペースが増え、空きスペースが原因で要素をより明確に分離できるようになります。 目は、より少ないエンティティでナビゲートしやすいです。 アクションはユーザーにとってより明白になります。



では、Pattは画面上にいくつの要素を配置しましたか? たぶん彼はそれらを「間に合うように」分離すべきだったのでしょうか? そのインターフェースは本当に「カオス」ですか?



この質問に答えるために、私たちはコンピューターから離れて自分自身を買い手に見せなければなりません。 Pattは、バイヤーが次の2つの場合にアプリケーションを起動することを説明しています。

  1. 彼らは走行したキロメートルを記録したい。
  2. 彼らは最近の旅行を記録したことを再確認したいと考えています。


最初のケースは明らかです。 Pattは2番目について説明します。

その理由は簡単で、スポーツトレーニングの結果を考慮に入れるためのアプリケーションであるAthlete's Diaryを販売した20年の経験からわかっています。 そして、アプリケーションを起動すると、半分の時間で昨日の自転車に乗ったのか、公園を走ったのかがわからなくなるという事実に基づいています。画面の下部を見てください。






人々は半分の時間を新しいレコードの作成に費やす傾向があります。 残りの半分-最新の記録をチェックして分析します。 さらに、入力されたデータの正確性を確認する傾向があります。 これら2つの要因により、1つの画面に「レコードの追加」および「最近のレコードの表示」機能を配置する可能性が決まります。 このソリューションは、画面上により多くの要素を同時に配置することを犠牲にして、両方の機能への即時アクセスを最適化します。



第一印象に続いて...



「便利な」および「直感的な」インターフェースについて話すとき、AppleファンとWebアプリケーション開発者のコ​​ミュニティ(私を含む-著者のメモ)は、サービスの初心者ユーザーの世話によって導かれます。 アイデアは、新しいユーザーが簡単に理解してすぐに使い始めることができるときに、インターフェイスが使いやすいということです。 また、「クリーン」インターフェースのすべての部分を一目ですぐに確認できます。 原則として、これは「時間的に重複する」機能を配置することを意味し、各画面フォームに含まれる要素が少なくなり、読みやすくなります。 TripLogは理想からはほど遠いものの、他の目標を持っています。 第一印象の代わりに Pattは繰り返しを処理します。 空間的な記憶と要素の組み合わせは、繰り返されるタスクを解決する上で重要な役割を果たします。 毎回引き出しに登るのではなく、テーブルの特定の場所にペン、鉛筆、紙、その他の文房具を何個持っていますか? 大多数だと思います。







隣接関係と速度に対するPattの傾向は、「エントリの追加」ブロックで継続されます。 旅行を記録するには、主に2つの方法があります。フォームにデータを手動で入力するか、事前設定された「Frequent Trips」ユーザーのいずれかを選択します。 両方の方法が利用可能です。 ただし、すべてにアクセスできるとは限りません。 「隠された」機能もいくつかあります。 「今日」または「昨日」ではなく「その他」の日付を選択し、別の車を選択し、頻繁に旅行するリストを変更します。これらの機能を使用するにはナビゲーションが必要です。



それで、私たちは何を学びましたか?



画面が過負荷になっているからといって、計画が不十分であったり、考えが間違っているという意味ではありません。 私たちの多くにとって、多くの要素で満たされたスクリーンフォームは冷たい水のようなものであり、入らない方がいいでしょう。 TripLogが目にとって楽しいものではないという事実は、画面上で明瞭さと秩序を提供することの難しさを裏付けています。これは、機能の組み合わせに過度に焦点を当てています。 これは非常にエキサイティングなエクササイズです。TripLogのデザインを再設計して、要素を削除せずに視覚的に明確にします。



しかし、批判する前に、プロに注意を払わなければなりません。 TripLogのスタイルは悪いですが、スピードと実用性は非常に優れています。 Pattは彼の製品を熟考し、意図的にそのようにデザインしました。 ファッションをフォローするのは簡単です。 人々の生活について考え、実用的なものを作成することははるかに困難です。 Puttは色や要素の配置に取り組むことができ、できれば便利なツールでユーザーを喜ばせてください。 同時に、残りは私たちの批判の質と関連性に取り組むのに十分賢明でなければなりません。



All Articles