2013年6月28日金曜日

愛されるデザインを作りたい

質感や特徴など現実世界のモノを模倣したスキューモフィックデザイン
余計な装飾物をいっさい取り払いシンプルなメトロUIデザイン
機能としての複雑さや利便さに加え、ユーザに受け入れてもらえるには操作性(ユーザビリティ)もしっかりと設計しなければなりません。そこで重要となるのがデザインです。

こういったデザインがユーザにどういった影響を与えるかということについて纏めようと思います。

ここでいうデザインとは

今回取り扱うのは表面的に飾り立て美しさを引き出すということではありません。
問題を解決するために図案や模様を計画、レイアウトすることです。

スキューモフィックデザイン

スキューモフィックデザイン(SkeuomorphicDesign)は、機能的には必要ではないが、似たようなモノがもつイメージを活用するデザインです。

例えばこの本のアプリでは実際の本のようにページをめくるのだと経験的に理解することができます。


メリット

スキューモフィックデザインにすることでこんな恩恵を得ることができます。
  • 視覚的にリッチで魅力的
    • 細かく作り込まれたデザインはそれだけでまず「触ってみたい」というユーザの興味をそそります。
  • 操作方法を想像しやすい
    • 現実にあるものがモチーフですから、操作方法が理解しやすい。

デメリット

一方でこんなデメリットも抱えます。
  • 操作性の悪さ
    • 現実の操作を無理やり画面上で再現することで無駄な動作が必要となった。
  • 再現性によるストレス
    • 再現性がひくく、現実でできるはずのことができずストレスになった。

メトロUIデザイン

スキューモフィックデザインと相反しているといえるのがメトロUIデザインです。
つねにコンテンツ(機能)がメインでグラフィックや効果は持ちません。
最近ではWindows8のデザイン等が一般的でしょう。
こちらは何と言っても平面の、画面のためのデザインであるということが最大の利点であるといえると思います。

じゃあどうしたらいいの?

やっと本題ですね。上にあげた2つのデザインをまとめると、「イメージから記号化したデザイン」と「機能から記号化したデザイン」なのかなと思いました。
それぞれのデザインに利点があるし、抽象化の度合いによって混成させることも可能だと思います。
大事なのはそれぞれのデザインの利点や与える影響をしっかり考えた上で選択することではないでしょうか?

おわりに

デザインも大事な機能の一部です。技術だけにとらわれずユーザの視点も意識し続けて何かを作っていきたいですね!
以上mozukuでした。(いやーまとめるのってむずかしい)

5 件のコメント:


  1. Hello friends! if you’re here to get ideas about the Home Depot Customer Survey at HomeDepotCom/Survey website? Then, you are in the right place.

    返信削除
  2. Village Capital Mortgage Login portal to get benefits of online services. You need to follow the steps, its requirements and you will need a one time password to login it.
    Visit My Post: Village Capital Mortgage Login

    返信削除
  3. Even if you don’t have an account you can see step by step guide for creating CoxHealth Patient Portal Account and Resetting the CoxHealth Patient Portal password as well.
    Visit My Post: CoxHealth Patient Portal

    返信削除
  4. Welcome to the Giant Eagle Customer Satisfaction Survey. We value your candid feedback and appreciate you taking the time to complete our survey.
    Visit My Post: Gianteaglelistens

    返信削除