バウハウスとフラットデザイン
- 4. Windows 8 のデザイン
Windows XP, Vista, 7 などで使われていたデザインを一新
「Windows ストアアプリ」の主デザイン
欧米では「modern design」で通じる。
日本では「モダン」のイメージが「ちょっと古め」に聞こえるので使われない。
MVP の mailing list では modern design で通じる
元はメトロデザイン
8月中にRTMになる8.1も同路線
- 5. iOS 7 のデザイン
6月のWWDCで発表されたiOS 7の新デザイン
iOS 6以前や OS X のインターフェースとは違い、奥行きのない
フラットデザインを採用する
結果、Windows 8 と似た路線となる
薄い影はつける模様
基本コンポーネント(Buttonなど)が
フラットデザイン化する
- 14. 「標準的なデザイン」という欺瞞
Windows 3.1 のデザインガイド
Windows 95 のデザインガイド
Windows 8 のデザインガイド
Windows 8.1 のデザインガイド
以下、続く。
標準アプリのデザイン変更
デザインガイドライン違反などなど
- 15. 作業効率化、業務支援、製品寿命
ガイドライン違反はさておき
ソフトウェアの UI デザインは、
作業効率化、ゲーム性の面白さ、に分けられる
業務支援的なキーワード
タブキーによる移動、入力支援
入力ミスのしにくい配置
入力が効率化しやすいフロー(階層を浅くするなど)
製品寿命
ゲームの場合は1年程度
業務アプリの場合は10年単位
WEBサイトは即時作成(話題性)が大切など
- 16. 手間を見せる 匠、マイスター
経験のあるソフトウェア開発者ができることは?
例えば
過去事例、ドメイン領域(特化した知識)
過去の経験による作業見積もり(UI デザインの時間も含む)
安全工学を取り入れた、エラーリカバリ UI
高齢者用、子供用≒希少利用者に配慮した UI
ユニバーサルデザインとは異なり、ソフトウェア UI は、高齢者に特化して UI をフルカス
タマイズするとが可能という利点がある。
- 17. 本来のフラットデザインへ
コンテンツを侵害しない UI デザインの提供
装飾過多(影付き、3D)であっても、適切なタイミングで表示される。
適切なタイミングで表示できる。
無理矢理な、記号化はしない(表意文字の違い)
色彩学を利用した、色の統一感、あるいは、不統一による警告色
コンテンツの閲覧モードと、コンテンツの作成モードを区別する
WEBサイトの流し読み、ビデオで暇つぶし
WEBサイトで調べもの、見つけた商品を安値で買う
WEBサイトで調査して、レポートの作成を短時間で