プログラマが行う、UIデザインについて

Question

こんにちは。
初めて質問致します。

私は普段、主にプログラミングを行っております。
画面など、ユーザインタフェースのデザインを行うこともあるのですが、自分のデザインセンスには泣けるばかりです。
本来であればフロント部分はデザイナさんに依頼するべきなのでしょうが、
様々な事情で外注出来なく、自分でやらなければいけないケースというのが稀にあります。

プログラマの方でアプリケーションのユーザインタフェースのデザインをしている方。
デザイン力向上のために行っていること、意識するべきことなどあれば、是非ご教示ください。
※要はコツを少しでも掴みたいです。

Accepted Answer

業務要件がカギなのかなと思います。

例えば、普段は、officeソフトしか使い慣れていなく、それ以外のソフトの使用経験がない場合で
windows用の提供で問題がないとしたら、officeの形式にあわせるというのがあります。

また、見た目の色について考慮する必要がある場合は、
使われているシステムの利用ターゲットがビジネスで企業向けなのか、一般ユーザ向けなのかでも
変わってきます。

あえて、シンプルにすること。
直感操作を意識するということで、apple iphoneのフロントメニューの操作感を実現されていましたが。

こだわるとキリがないですが、まずは無駄に豪華を狙わず操作感と直感的で、シンプルを
意識してみるのはいかがでしょうか。
一時期[こういうの](http://blog.excite.co.jp/spdesign/19566265/)がはやってましたが、いまでもありますかね。

Answer

・デザイン向上のためにおこなっていること

市販され多くの人に使われているソフトウェアをよく参考にしています。
使う人が多いほどデザインは洗礼されていて、目的に見合った姿形をしています。

書籍やＷｅｂサイトでからも学んでいます。
「ユーザーエクスペリエンス」「ユーザビリティ」といったキーワードで探してみると、参考になる書籍等見つかると思います。
Webサイトユーザビリティなどでは「ヤコブ・ニールセン」の「ニールセンのユーザビリティ10原則」が有名ですが、一般的なアプリケーションのＵＩ設計にも十分通じるものがあり勉強になります。


・意識すべきこと

私がデザインするときは
「誰のためのものか、誰が使うのか」
「コストに見合うだけの成果が得られるか」
「失敗するなら早めに」
ということを意識しています。

ありがちなのは、ＳＥやプログラマが自分の経験で「こういうものだ」と決め付けてデザインしてしまい、できあがったらぜんぜん使い慣れないものになってしまった、というケースでしょうか。
「普通はこうでしょ」と誰かが言い出した時の「普通」には十分注意が必要です。
（誰にも共通認識のある普通か、その人がたまたま使い込んでいるツールの普通か）

エンドユーザが高齢者であれば、使うフォントの大きさや手順のシンプルさへの配慮は重要です。
熟練者向けであれば、多少複雑な手順であっても自由度の高い設定や多くの情報表示を求められるでしょう。
「なんとなくそうした」ということを無くして「意図、根拠のあるデザイン」を心がけていれば、多少なりとも意義あるＵＩになると思います。

そして、できるかぎり開発の早い段階からモックアップなりテストプログラムなりラフ絵レベルでもいいのでエンドユーザに「実際に見てもらって使い方をイメージしてもらう」ことです。
工程の最後の方で「こんなの使えない」「わかりにくいよ」「もっと簡単でよかったんだけど」と言われるとダメージが大きいので。


といったところでご参考になりましたら。

Answer

こんにちは。

まずは、反面教師を見つけてみては如何でしょう。

洗練されたUIに出会うには、ある意味、出会う『運』もありますね。

でしたら、Vectorや窓の杜でテーマを絞って人気アプリをいろいろ
インストールしてみては。
人のプログラムを見て、まずはそのUIの欠点を学ぶ。
使い辛い所やセンスのないものなら記憶するのも簡単なハズ。
何よりもタダですし。

この業界のセンスは、使う人の痛みを理解してこそ磨かれるものだと思います。

関連した質問