デザインの考え方

デザインって何？

デザインとは• ある問題を解決するために思考・概念の組み立てを行い、それを様々な媒体に応じて表現することと解される。 -Wikipedia-

デザインはデコレーションではない• 単に表面を飾り立てることによって美しくみせる行為と勘違いしてる人が多いので注意しましょう（それはデザインの一部にすぎません）

大切なのは伝える事

目標の確認• 何がやりたい？商品アピール、製品アピール、商品購入、コミュニティ、情報提供

目的は様々• ECサイト-商品を売りたい• コーポレートサイト-会社を理解してほしい• 飲食サイト-コレ見て食べに来てほしい• NPO-こんな事考えてます

伝え方をしっかり考える• 小難しい伝え方を好む層もあれば、とにかくわかりやすくして欲しい層もある• 言葉の選び方やビジュアルの選び方も大きく影響する

伝えたい事を明確にする• ECの場合、京都の○○織りの職人さんが作った和小物のお店です• コーポレートサイトの場合、○○のサービスでは地域で一番の会社です

シンプルに伝える• 言いたい事は少ないほうが良い• 出来れば1つ

どんな人に来てほしい？

身の回りで一番ユーザーに近そうな人を想像してみる

なるべくリアルな人のほうがイメージがわく

どうやって伝える？

一番伝わるやり方を考える

ストーリーがあると伝わりやすい

サイトの特性によってアプローチは変わる

かっこよさ、親しみやすさ、美しさ、そのサイトには何が重要？

日常生活に置き換えると少しわかりやすくなる

普段何気なく利用しているお店も業態や客層によって雰囲気が違う

高級レストランに短パン・タンクトップでは行かない

ファーストフード店へ行くためにタキシードは着ない

ただ綺麗なサイトならば良いわけじゃない

サイトの雰囲気はジャンルに合わせて変える

サイト構成のジャンル分け• ちらし型言いたい事を絞って訴求• 新聞型情報中心の読み物コンテンツ• 雑誌型ビジュアルと文章で印象的に訴求• カタログ型ユーザーが情報を自由に選べる

自分のサイトの内容はどの位が最適？• 伝えたい事と照らし合わせて整理してみる

ポイント

長い説明は届かない

テキストで書いてれば良いは×商品パッケージの裏側の小さい文字なんか見たくない逆にあんまり言いたく無い事をテキストで書く場合もある

一言で説明できるように• このサイトは○○で○○な○○のサイトです

ユーザーの事を考える

PCやスマホ操作に慣れてる？• 高齢層やPCなどに親しんでない層は通常の操作もままならない場合がある（リンク場所がわからない等）

訪問頻度はどれぐらい？• 一回で十分なサイトもあれば、必要な時に訪問するサイト、毎日見て欲しいサイトなど、ユーザーの訪問頻度で設計は大きく変わる

ビジュアルは記憶に残る• テキストだと10％、ビジュアルだと60％ぐらい記憶に残ると言われています

イメージ要素はとても重要

説明型より直感型サイトへ• テキストでの説明も大事ですが、訪問者の心理としては一瞬で何のサイトかわかったほうが嬉しい• そのサイトを象徴するようなビジュアルがあると一瞬で内容を把握しやすくなり、興味を持つ可能性が増える

直感→連想• ユーザーはWebの閲覧などに慣れ、長い文章を読むような超初心者ユーザーが激減している• 多くのサイトを閲覧するようになると文字を読まない傾向（説明書みたいなもの）• 写真や図でざっくりわかったほうが嬉しい• 象徴的なビジュアルの組み合わせで意味を連想してくれる

なるべく一目でわかるやり方がないか考える

ユーザーインターフェース• 迷わない、惑わせないが大切• ユーザーの導線が無意識でもはっきりわかる事が大切

要素のグルーピング• 大きな構成要素は視覚上でも区別をつける• 余白や色使いなどでしっかりと差をつける

ボタン• ボタンは大きくはっきりと• 押しやすいボタンは強い

サイト来訪者の気持ちをいまいち想像できない人は

とにかく短気な人を想像してみる• 「で何？」「どうすりゃ良いの？」「長すぎるからもっと手短に言ってよ」「なんか例はないの？」「で、結局いくらよ？」

続きは実践で

http://yotsuba-d.com	906
https://twimg0-a.akamaihd.net	2
http://webcache.googleusercontent.com	1

デザインの考え方

by kenji goto on Jul 10, 2012

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 909

Statistics

デザインの考え方 Presentation Transcript