質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.20%

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

解決済

回答 3

投稿

  • 評価
  • クリップ 8
  • VIEW 1,920

Tak1wa

Azure総合1位

こんにちは。
初めて質問致します。

私は普段、主にプログラミングを行っております。
画面など、ユーザインタフェースのデザインを行うこともあるのですが、自分のデザインセンスには泣けるばかりです。
本来であればフロント部分はデザイナさんに依頼するべきなのでしょうが、
様々な事情で外注出来なく、自分でやらなければいけないケースというのが稀にあります。

プログラマの方でアプリケーションのユーザインタフェースのデザインをしている方。
デザイン力向上のために行っていること、意識するべきことなどあれば、是非ご教示ください。
※要はコツを少しでも掴みたいです。
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

checkベストアンサー

+5

業務要件がカギなのかなと思います。

例えば、普段は、officeソフトしか使い慣れていなく、それ以外のソフトの使用経験がない場合で
windows用の提供で問題がないとしたら、officeの形式にあわせるというのがあります。

また、見た目の色について考慮する必要がある場合は、
使われているシステムの利用ターゲットがビジネスで企業向けなのか、一般ユーザ向けなのかでも
変わってきます。

あえて、シンプルにすること。
直感操作を意識するということで、apple iphoneのフロントメニューの操作感を実現されていましたが。

こだわるとキリがないですが、まずは無駄に豪華を狙わず操作感と直感的で、シンプルを
意識してみるのはいかがでしょうか。
一時期こういうのがはやってましたが、いまでもありますかね。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/05/26 18:20

    回答ありがとうございます。
    シンプルさは大事だと私も実感しております。
    アドバイスを参考にさせて頂きます。

    キャンセル

  • 2015/05/26 20:28

    最近のデザインもシンプルが流行っていますよね。Office 2013などは基本一色ですものね。私も直観的なインターフェースを第一に考えておりますが、機能が分かりにくくなることがあるので、そこに気を付けています。(実はiPhoneが新しくなった時(4S)に、ロック画面からカメラを開く方法が最初なかなかわかりませんでした。)

    キャンセル

  • 2015/05/27 00:25

    タッチ操作が基本のモバイル向けでは、より直感的という方向性が強くなっていますよね。利用者の立場を第一としたユーザインターフェース設計が必要になりますね。
    コメントありがとうございました。頑張ります。

    キャンセル

  • 2015/05/28 22:30

    皆様参考になる意見ありがとうございました。
    今回は最も回答が早かった方をベストアンサーとさせて頂きました。

    キャンセル

+5

こんにちは。

まずは、反面教師を見つけてみては如何でしょう。

洗練されたUIに出会うには、ある意味、出会う『運』もありますね。

でしたら、Vectorや窓の杜でテーマを絞って人気アプリをいろいろ
インストールしてみては。
人のプログラムを見て、まずはそのUIの欠点を学ぶ。
使い辛い所やセンスのないものなら記憶するのも簡単なハズ。
何よりもタダですし。

この業界のセンスは、使う人の痛みを理解してこそ磨かれるものだと思います。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/05/26 18:17

    回答ありがとうございます。
    良いUI、悪いUIをあまり意識していませんでしたが
    もう少し意識してみます。

    キャンセル

  • 2015/05/28 22:32

    皆様参考になる意見ありがとうございました。
    今回は最も回答が早かった方をベストアンサーとさせて頂きました。

    キャンセル

+4

・デザイン向上のためにおこなっていること

市販され多くの人に使われているソフトウェアをよく参考にしています。
使う人が多いほどデザインは洗礼されていて、目的に見合った姿形をしています。

書籍やWebサイトでからも学んでいます。
「ユーザーエクスペリエンス」「ユーザビリティ」といったキーワードで探してみると、参考になる書籍等見つかると思います。
Webサイトユーザビリティなどでは「ヤコブ・ニールセン」の「ニールセンのユーザビリティ10原則」が有名ですが、一般的なアプリケーションのUI設計にも十分通じるものがあり勉強になります。


・意識すべきこと

私がデザインするときは
「誰のためのものか、誰が使うのか」
「コストに見合うだけの成果が得られるか」
「失敗するなら早めに」
ということを意識しています。

ありがちなのは、SEやプログラマが自分の経験で「こういうものだ」と決め付けてデザインしてしまい、できあがったらぜんぜん使い慣れないものになってしまった、というケースでしょうか。
「普通はこうでしょ」と誰かが言い出した時の「普通」には十分注意が必要です。
(誰にも共通認識のある普通か、その人がたまたま使い込んでいるツールの普通か)

エンドユーザが高齢者であれば、使うフォントの大きさや手順のシンプルさへの配慮は重要です。
熟練者向けであれば、多少複雑な手順であっても自由度の高い設定や多くの情報表示を求められるでしょう。
「なんとなくそうした」ということを無くして「意図、根拠のあるデザイン」を心がけていれば、多少なりとも意義あるUIになると思います。

そして、できるかぎり開発の早い段階からモックアップなりテストプログラムなりラフ絵レベルでもいいのでエンドユーザに「実際に見てもらって使い方をイメージしてもらう」ことです。
工程の最後の方で「こんなの使えない」「わかりにくいよ」「もっと簡単でよかったんだけど」と言われるとダメージが大きいので。


といったところでご参考になりましたら。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/05/28 22:33

    皆様参考になる意見ありがとうございました。
    今回は最も回答が早かった方をベストアンサーとさせて頂きました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.20%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる