WebデザインのUIを考える時に参考になるのはWebサイトではない理由

WebデザインのUIを考える時に本当に必要なのはWebサイトではない?

9869260ce6920c13c2fc78ef2adee9d0_s

Webデザイン自体参考にする事はもちろんありますが、参考サイトをそのまま受け入れて作ってもあまり意味がありません。その理由は作るサイトのコンテンツが参考にするサイトと違うからです。ただ、当然ECサイトをつくる場合参考にする事はあるものの、全てをコピーしてもコンテンツがマッチしていないとそもそも意味がありません。

Webデザインで参考になるのはリアルな現実世界?!

c2207037a011e694663395652d71b653_s

僕が常々参考にしているのは現実世界です。具体的には大型複合施設と空港です。これはかなり参考になります、何故かと言うと大型複合施設は色々なターゲット層を重視している為、所々に色々な仕掛けがあります、これはWebデザインでも一緒でこのページに居る時にユーザーは何を必要としているか?という点で参考になるのです。これは意外にも気づいていない人が多いので是非とも次から目を凝らしてみると、大型複合施設じゃなくてもスーパーでもそれは見られます。
簡単に説明するとスーパーの入り口には必ず「かご」や「カート」が置いていると思います、かつその場で必要な「物」や「情報」が目につく所に配置していると思います。このようなターゲットが必要としている情報を必要なだけ優先順位を決めて配置しているという事が重要なのです。

ECサイトだったら大型スーパー、空港を参考に

このようにECサイトの場合スーパーや複合施設に目を凝らしどんなサービスをしているか?どんな所に何が配置しているか?という点を吟味し、観察するだけでも提案出来る事やデザインのヒントになる事があります。リアルな現実世界は作ってから修正するのは時間もコストもかかる為非常にシビアに出来ているのです、結果かなり濃い内容となっている為参考になる事が多いのです。
新たな目で見てみると色々な参考になる事があるかもしれませんので、参考のサイトで行き詰まったら是非とも気分転換に出かけてみてはいかがでしょうか?

以上WebデザインのUIを考える時に参考になるのはWebサイトではない理由でした。気に入ってくれたらシェアしてね!

2015/12/10 | デザイン

関連記事

PASONAZ160306470I9A2122_TP_V

ECサイトに必須!商品検索したあとの検索結果の正しい表示について考える

ECサイトに必須!商品検索したあとの検索結果について考える ECサイ...

記事を読む

skitched-20180814-223313

今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テ...

記事を読む

6935b31778bafbaa90cbd4cc223ae54e_m

見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから...

記事を読む

document_img01

15年の経験から理解した!書類選考を通す為に必要な5つのこと

すっかり時間が空いてしまいましたが、しっかり書いていきましょう。 ま...

記事を読む

design_skill

今年こそWebデザイナーになりたい!初心者の為のデザインスキルを上げる簡単な2つの方法

今回は、諸々スキルも大筋ついてきたけど肝心なデザインスキルがどうしても...

記事を読む

新着記事

410cb567eef6283065274df2547a2b9a_s

Webサイトで問い合わせが来る必要なマーケティング・デザイン手段5選

久々の更新… さて今回はWebデザインを続けていくと、Webサイ...

記事を読む

smartphoneIMGL0018_TP_V

UIデザインの幅に関しての基本的な考え方と理論

全く更新できず時間が過ぎていく…気ままに更新していきますのでたまに見て...

記事を読む

PASONAZ160306470I9A2122_TP_V

ECサイトに必須!商品検索したあとの検索結果の正しい表示について考える

ECサイトに必須!商品検索したあとの検索結果について考える ECサイ...

記事を読む

skitched-20180814-223313

今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テ...

記事を読む

6935b31778bafbaa90cbd4cc223ae54e_m

見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

410cb567eef6283065274df2547a2b9a_s
Webサイトで問い合わせが来る必要なマーケティング・デザイン手段5選

久々の更新… さて今回はWebデザインを続けていくと、Webサイトの効

smartphoneIMGL0018_TP_V
UIデザインの幅に関しての基本的な考え方と理論

全く更新できず時間が過ぎていく…気ままに更新していきますのでたまに見て

PASONAZ160306470I9A2122_TP_V
ECサイトに必須!商品検索したあとの検索結果の正しい表示について考える

ECサイトに必須!商品検索したあとの検索結果について考える ECサイト

skitched-20180814-223313
今日からあなたもデザイナー!?忘れがちな商業デザインの配色テクニック

デザイナーの商業デザイン配色テクニック 配色については過去ある程度テク

6935b31778bafbaa90cbd4cc223ae54e_m
見積金額を高く!デザインや営業に使える訴求力を高めるたった3つの事

最近はどうも忙しくてなかなか更新できてないのですが、最近カメラマンから

→もっと見る

  • -売る技術-

    ウエブデザイン暦15年目。犬をこよなく愛するデザイナー。今はディレクションとデザイン を中心に制作全般をしてます。主にマーケティングを軸にデザインを組み立て商品が売れるサイトを構築しています。 デザインとマーケティングについて研究の日々。現在はオランダでWebデザイナーとして働いています。

    ツイッターやってます。
  • Amazonアソシエイト・プログラム規約による記載

    売る技術はamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

PAGE TOP ↑