このページでは、ヒューマン・インターフェイス、特に良いインターフェイスをデザインする為の原則に関連した用語を解説します。 Table of Contents アフォーダンス(Affordance) 一貫性(Consistency) フェイル・セーフ(Fail-Safe) フィードバック(Feedback) フールプルーフ(Foolproof) 対応付け(Mapping) メタファー(Metaphor) メンタル・モデル(Mental Model) 制約(restriction) 可視性(Visibility) 多義性 事前の計算(Pre-Computation) ダイレクト・マニピュレーション(Direct Manipuration) 参考文献 アフォーダンス(Affordance) アフォーダンスとは、もともと知覚用語であるが、Normanがインターフェイスの用

「ユーザーインタフェイス(UI)は製品そのものだ」「機能はデザインの一部でしかない」という認識を広めたい。それにより企業が優れた製品を生み出し、ユーザが優れた製品を手にし、企業も利益を得ることができる。そういう、いまより良い産業社会（とくにWeb、ソフトウェア分野）を実現していきたい。 Appleもときどきへんなことをします。 新しいiMovieはあまりにもUIが従前と異なり、古くからのiMovieユーザである僕はかなり混乱したあげく、使うのをやめてしまいました。 あれだけ違うUIを用意するなら、もはや違う名前のソフトにしてほしいと思ったほどです。 ---LeopardとVistaとUIの進化で気をつけるべきこと - UEI清水亮代表取締役社長兼CEO *関連情報 「UIが変わりすぎると、同じ製品だと認識できなくなる」それはなぜか？ 新しい技術によって従来の枠組みを超えたダイナミックな世

弊社業務状況のご案内 2020年7月から弊社はフレックスタイム制による毎日の出社勤務体制としていますが、状況により在宅勤務体制に変更する場合もあります。 なお、オフィスは宅配便や郵便物等の受け取りは可能です(10:00〜17:00)。 Pickup2020/04/05 Windows WPF用カラーモード編集ツールのリリース 話題のダークモードアプリ開発に向けたツールを開発しています。 ダークモードに関するデザイン情報を含めてのご案内です。 開く

Webアプリケーションのユーザーインターフェイス[2] ユーザーが選びやすい フォームのカタチを考えよう ソシオメディア　上野 学 2005/6/24 ■選択肢から1項目を選択する ユーザーの選択作業として最もよく行われるのは、「選択肢から1項目を選択する」という行為です。選択肢の数は、2項目の場合もあれば、20項目の場合、200項目の場合もあるでしょう。何百もの選択肢をラジオボタンで用意することも理論的には可能ですが、現実的ではありません。ここでは、選択肢の数に応じて、どのようにフォームコントロールを使い分ければよいかを説明します。 ・選択肢が少ない場合 選択肢が2～10項目と少ない場合、考えられるコントロールは、ラジオボタンとドロップダウンメニューですが、選択肢の一覧性を考えるとラジオボタンを用いるのがよいでしょう。 しかし、1画面に複数の選択肢のセットが必要な場合、ラジオボタンは多く

Webアプリケーションのユーザーインターフェイス[5] 入力情報を預かる責任を果たせる画面デザインとは？ 「ユーザーを尊重するということ」 ソシオメディア　上野 学 2005/10/19 前回の「お金を下ろせないATMの画面デザインを考える」では、そもそもシステムがユーザーの基本的な目的を達成させるものでなければ、いくら表層的なデザインを最適化しても意味がないのだというお話をしました。ユーザーの基本的な目的を達成させるためには、いうまでもありませんが、まずユーザーの要求をよく分析する必要があります。そしてそこから機能要件を決定し、画面の内容や画面遷移を考えていきます。使いやすいシステムを作り上げるためには、こういったユーザーインターフェイスやインタラクションのデザインをできるだけプロジェクトの早い段階で行う必要があるという話もしてきました。 では実際に画面の内容や画面遷移を決定していくうえ

Webアプリケーションのユーザーインターフェイス[3] UCD＝利用者中心設計のプロセスとは？ ソシオメディア　上野 学 2005/8/9 「ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの」「ユーザーが選びやすいフォームのカタチを考えよう」に続き、連載第3回は、ユーザーインターフェイスデザインの上流工程に着目して、利用効率が高くユーザーが目的を十分に達成できるシステムを作り上げるのに必要な、プロジェクト初期の取り組みについて考えていきます。 まず前提として、システムを利用するユーザーは何らかの目的を持っている、ということを意識することが大切です。ユーザーインターフェイスを評価するうえでは、この目的がどれぐらいスムーズに達成されたかという視点が重要になります。個々の画面がどれだけ論理的にデザインされていたとしても、そのシステムを利用した結果としてユーザーが本来の目的を達成

サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

Webアプリケーションのユーザーインターフェイス[2] ユーザーが選びやすい フォームのカタチを考えよう ソシオメディア　上野 学 2005/6/24 前回「ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの」は、ユーザーインターフェイスというもののとらえ方と、それをデザインするうえでは、人とシステムとの対話であるインタラクションデザインを論理的に行わなければならないという話をしました。今回は、GUIをデザインするうえで必要な前提知識と、Webアプリケーションの課題、そしてウェブアプリケーションにおけるインタラクションの要となるフォームコントロールについて考えていきたいと思います。 ■WIMPインターフェイス GUIは、別名「WIMPインターフェイス」とも呼ばれます。WIMPとは、ウィンドウ（W）、アイコン（I）、メニュー（M）、ポインター（P）のことで、GUIを構成する代

Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア　上野 学 2005/6/2 ■インタラクションデザイン 人とコンピュータの間のコミュニケーションを仲介するのがユーザーインターフェイスの役割であると述べましたが、では、人とコンピュータの間のコミュニケーションとは何でしょうか。複雑な情報処理が可能になった現代のコンピュータでは、ユーザーはコンピュータと対話式に操作を進めるのが普通です。 つまりある利用目的を達成するためには、まずユーザーが何らかの入力操作を行い、それを受け取ったシステムが内部で何らかの計算を行って処理結果を出力する、というやりとりを繰り返します。そのため、使いやすく利用効率の高いシステムを設計するには、表面的なユーザーインターフェイスを適切にデザインするだけでなく、対話がスムーズに進むよ

EmptyPage.jp > Translations > 使える GUI デザイン 使える GUI デザイン: フリー／オープンソース・ソフトウェア開発者のための手引き 2004年11月28日 Benjamin Roe さんの、Usable GUI Design: A Quick Guide for F/OSS Developers の M.Shibata による日本語訳です。プロジェクト杉田玄白正式参加テキスト。 Update: この記事についてたくさんのコメントをいただいたので、FAQを作って、そのうちのいくつかについて回答することにしました（訳注: FAQ も翻訳しました！）。 イントロダクション オープンソース・ソフトウェアの世界は優れたソフトウェアでいっぱいです。ワードプロセッサから Web サービスにいたるまで、コンピュータでしたいと思うようなおおよそすべての作業において、高