コンピュータシステムとの対話
脳で使用するボタンは、基本的なユーザー インターフェイス (UI) の始まりです。 UI は、ユーザーがコンピューター システム (またはマシン) と対話できるようにするスペースです。 脳のボタンをプログラムすると、ユーザーが Clawbot と対話して腕を上げ下げできるようになります。 ユーザー インターフェイス (UI) には、自動車やスマートフォンのタッチスクリーンなどのグラフィカル ユーザー インターフェイス (GUI) など、他の種類のユーザー インターフェイスもあります。 デバイス (タブレット、スマートフォン、スマートウォッチ) のいずれかでタッチスクリーンを操作する場合、多くの場合、それらの画面が唯一のインターフェイスになります。 おそらく、デバイスには音量ボタンや電源ボタンもありますが、主に画面を操作することになります。
テレビのリモコンには、押すとテレビの電源が切れたり、音量が上がったりするようにプログラムされたボタンがあります。 UI の例には、ビデオ ゲーム コントローラーのボタンや電子レンジのボタンなどがあります。 これらのユーザー インターフェイスの設計方法は、デバイスの動作方法とユーザーの操作方法によって異なります。
これらの設計原則は、UI を使用する際のユーザー エクスペリエンス (UX) の基礎を形成します。 ユーザーエクスペリエンスとは、ユーザーとして私がやろうとしていることをインターフェイスがどの程度うまく実行できるかということです。 インターフェイスは期待どおりに機能していますか? 私がプレスに伝えようとしていることに反応していますか? それはうまく構成されていますか? それとも、UI の将来のバージョンではボタンを移動して簡単にする必要がありますか? 一般的にインターフェイスはどのようなものですか? 見ていて楽しいですか、もっと頻繁に使いたくなるですか?
UI がまだ開発中で反復が行われているとき、開発者は、何が計画どおりに機能し、何が修正または強化される必要があるかに関するデータを収集します。 そのデータは、反復設計の次のラウンドに情報を与えます。 推奨される UX の変更の一部は、デバイスのリリース前に行われます。 ただし、デバイスが現状のまま販売され、後で次のバージョンが一般消費者に提供される前に変更が加えられる場合もあります。
学習の幅を広げる
生徒にスマート デバイス (iPhone など) を選択して、デバイスの新しいバージョンごとに UI がどのように変更されたかを調べてもらいます。 インターネットからのスクリーンショットを使用して、バージョンごとに異なる点を説明できます。 多くの場合、以前のリリースからの変更点を箇条書きにした会社からのドキュメントが提供されます。 学生は、選択したスマート デバイスの独自のタイムラインを作成する必要があります。
生徒に、完全に異なる携帯電話を比較しないように、特定のメーカー/モデルのデバイスを比較してもらいます。 一部のモデルは、最初は隆起した押しボタン キーから始まり、その後タッチスクリーンに移行した可能性があります。 後者のタッチスクリーン インターフェイスは、単にユーザー エクスペリエンスを向上させるだけではなく、技術の進歩を重視していることに注意してください。
ディスカッションの動機付け - ユーザー インターフェイスのデザイナーとエンジニア
Q: デバイスを操作する際のユーザー エクスペリエンスを最大化することを仕事とするプロのデザイナーやエンジニアがいます。 これらの専門家に必要なスキルは何だと思いますか?
A: 回答はさまざまですが、この仕事について学生が考慮すべき点がいくつかあります。 少なくとも、これらの専門家は熟練したグラフィック デザイナーおよびプログラマーである必要があります。 タイポグラフィー、つまり表示されたときに読みやすく魅力的にするためにテキストの種類を配置するテクニックについて知る必要があるかもしれません。 彼らは美学について知る必要があるかもしれません。これは、私たちが美しいと思うもの、あるいは視覚的に心地よいものとは何かという原理です。 これらのニーズを満たすように設計を最適化できるように、ヒューマンファクター、認知科学、または人間工学 (人々が生産性を高めるためにデバイスをどのように考え、使用するか) について知る必要があるかもしれません。
Q: UI デザイナーは「ユーザーの期待への適合」を非常に重視します。 それは何を意味すると思いますか?また、それがインターフェイスのデザインにどのような影響を与えると思いますか?
A: 生徒はまず、「ユーザーの期待への適合」を、インターフェイスの外観とユーザーの期待どおりの応答を持つことと定義する必要があります。 したがって、最初の部分は、見慣れているか、少なくとも直感的に見えるということです。 2 番目の部分は、ユーザーが操作するときに、ユーザーが予測し計画した方法でユーザーのアクションに反応する必要があるということです。 デザイナーはユーザー エクスペリエンスを可能な限り最高のものにしたいと考えているため、これらは両方ともデザインに影響を与えます。 実際には、ほとんどが変更された完全に新しいインターフェイスではなく、わずかな変更が加えられた同様のインターフェイスを使用し続ける必要があることを意味する場合があります。 インターフェース全体が新しい場合、ユーザーはインターフェースの操作方法を事前に予想することができません。
Q: これまで誰も見たことのないまったく新しいユーザー インターフェイスを構築する必要があると想像してください。 これは、ユーザーがそれを使用する際に活用できる経験がないことを意味します。 ユーザーの期待に応えるために、インターフェイスに何を含めればよいでしょうか? ヒント: VEXcode IQ に含まれる機能について考えてみましょう。
A: ユーザーの期待は、他のインターフェイスでのこれまでの経験から来る必要はありません。 状況によっては、ユーザーが最初に UI を見たときに期待が形成されることがあります。 このような場合、デザイナーは UI をわかりやすくする必要があります。 必要に応じて表示される複数のウィンドウ/画面を含むラベル付け、色分け、無関係なテキスト/画像/色を最小限に抑え、その他のプロンプトを使用することは、ユーザーが新しい UI がどのように機能するかをより早く理解するのに役立つ可能性があります。
VEXcode IQ は、色分けされたブロック、サンプル プロジェクト、ブロックのヘルプ情報、そして最も重要なチュートリアルを使用して、VEXcode IQ と対話する最適な方法をユーザーに示します。