GUI設計などのデザインのコツを教えてください。

質問

【スマホなど携帯端末を除く】
デスクトップアプリやWEBデザイン前提の質問お考えください。
現在趣味でデスクトップアプリやWEBページを作成しております。
自分用で非公開の物ばかりでしたが、今後は公開をしてしていこうと思います。

そこで、まず、GUIについて経験のある方にお伺いしたいと思って質問しました。

■質問
1、入力部品の高さや幅など標準はありますか?
現在は、設計上の都合や、自分が読めたらOKと適当にやってます＾＾；

2、GUI設計の手順
GUI配置の手順やそれ以前の絵コンテを描くなど、効率の良いやり方など

3、GUI設計の落とし穴、失敗談、苦労話など

4、GUI設計のお手本になるようなお奨めサイトや本や訓練方法など

■お願い
以下のように回答頂けると頂けると助かります。
・上記ついて、全てに回答して頂けなくても構いません。
　質問番号を提示頂けると解りやすくありがたいです。

・業界標準や慣例や経験などを踏まえたアドバイスなど。

・現在の巷のGUI設計に不満があるなどの問題点指摘や主観的な構想的意見もあれば

以上、よろしくおねがいします。

回答No.1

Yune-Kichi · ベストアンサー

1.についてですが，コントロールの大きさ等について，
Windows ユーザー エクスペリエンス ガイドライン というものがあります。
http://msdn.microsoft.com/ja-jp/library/aa511258.aspx

タッチ端末を想定するなら，Windows ストア向けの情報も役立つかもしれません。
http://msdn.microsoft.com/ja-jp/library/windows/apps/hh779072.aspx

上記はWindowsの場合のガイドラインになります。
OSXでは異なるガイドラインが提供されているのではないかと思います (UIはUIキットの標準に合わせるのが最良だと思っているので)。

なお，タッチを対象とするかどうかは決めた方がよいです。
まず，経験として，Windows phone 6.5.3 (指でタッチ) でWindows Mobile 6やそれ以前 (タッチペン使用) 向けのアプリを動かした時に，爪の先で一生懸命操作したことがあります。
そして，上記のWindows ストア向けのタッチ設計の項目に記述あるのですが，人間の指は1cmほどの幅を持ちます。
マウスポインタの精度に比べて相当大雑把になるので，タッチを対象に含めるのであれば，それなりに大きなターゲットが必要になります。
# Vaio duo 11においてデスクトップ側のソフトを指だけで操作するのは結構苦行です。

お礼

OSや環境を書き忘れました、申し訳けありません。
タッチパネル以前の、旧Windows XP～７迄のデスクトップアプリで考えております。
ですが、考え方など大変勉強になります。
ガイドラインなんてものがあるなんても思ってもみませんでしたし。
このような存在が解るだけでも大変ありがたいです。