B to CのWebサイトにおけるユーザーの目的達成までの流れと画面の操作性について
B to CのWebサイトにおいて、ユーザーの目的達成までの流れと、それに影響を与える画面の操作性についてまとめてみました。 マーケティングの基礎の部分、あまりわかってなかったわーというデザイナーさん向けです。 B to CのWebサイトにおいて、ユーザーが、ある商品・サービスを知ってから行動をしてそれを得るまでの流れをまとめてみました。 参考：図解 実戦マーケティング戦略 認知 認知は、以下媒体において商品やサービスなどの存在を初めて知ったという状態のことです。また、ここからWebサイトの有無を知ります。 チラシ、ポスター、雑誌 デジタルサイネージなどの街頭広告 検索キーワード Webサイトのバナー広告 TwitterやFacebookなどのSNS 興味 興味は、その商品やサービスの内容、それに関わる写真・グラフィック、デザインなどに惹かれ、もっと知りたいと思った状態のことです。 サイト
なぜwebデザインは「安い」ようにみられてしまうのか? -webサービスにおける、webデザインの費用対効果(1)
突然ですが。webサービスにおける、webデザインの費用対効果について、しばらくつらつらとかいて行こうと思う。 きっかけは、デザインについての「デザインは安くすませられるよね」という社内認識にあらためてふれたことだった。 「違う、違う、そうじゃ そうじゃなーいー！」と鈴木雅之ばりに私は叫びたいものの、ポジショントークにもうけとられかねない。唇ふさいで何もいわせない、とかできないしさ。感覚として大事さはわかってるけど、それは人に論理的に伝えないと組織なんて動かない。 ならば、webサービスで利益を得ている組織(弊社はEC)において「なぜデザインは大事なのか？なぜ費用をかける必要があるのか」を徹底的に考えようと思った次第である。 ※ここでいうwebデザイン＝成果物としては制作者側の納品データ。PSDやAI、htmlやCSS、jsや画像などを意図しています。 まず、前提にある問題意識「なぜ、we
リンク色の変更で年間売上高8,000万ドル増も！ Webデザインで変わるユーザビリティ向上4つのポイント
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Webデザイナーによるカラーコードを使った便利なテクニックあれこれ
By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ
レスポンシブWebデザインについてのまとめ - DESIGNMAP
端末の多様化がますます加速しています。ここ数ヶ月のニュースをみただけでも、AmazonのKindle、AppleのiPad mini、GoogleのNexus、MicrosoftのSurfaceなどの端末が紙面をにぎわしています。こうした端末「超」競争時代にどうやってWebサイトを構築したらよいのか。また、Twitterのように、モバイルユーザーがPCユーザーより増えているサイトも存在しています。 この対応策として、レスポンシブWebデザインという手法が生まれました。レスポンシブWebデザインは、１枚のHTMLで、あらゆる端末に適応させる手法です。一方で、従来から行われている手法に、最適化した専用サイトを用意する手法があります。 レスポンシブWebデザインをめぐる動き 2012年6月にGoogle ウェブマスター向け公式ブログで、『Google がお勧めするスマートフォンに最適化されたウェ
ここがヘンだよRWD（レスポンシブWebデザイン） / Maka-Veli .com
定義がいまだ曖昧 何を指して「レスポンシブ」なのかと。 モバイルファーストという考え方は素晴らしいです。レスポンシブとするならば、やはり制限のあるスマホでの閲覧は考えるべきで、そこにどうアプローチできるかは優先的に考慮しなければ、そもそもRWDを取り入れる必要性は無いわけですから。 いや、スマホでのアクセス見込みは切り捨てで、おまけ程度で見せたいからRWD採用って手も無くは無いか・・・ 極端な話、こういったサイト、プロジェクトならばPC閲覧時のデザイン、装飾は極限までにそぎ落とし、スマホ閲覧時にどれだけ快適にできるか、つまりPCサイト（PC表示時）はシンプルで良いんじゃないかなと思います。（この時のポイントは企画段階時のRWD導入の見極めかなと思います） しかし、PC閲覧の最適化が後回しになり、最終的にPC閲覧時、特にまだまだ使用率の高い解像度1024、1280（共に横）などでの閲
文系デザイナーでも大丈夫！レスポンシブWEBサイトをWordPressで作ってみよう
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
人はなぜ角丸に魅かれるのか、その理由と角丸の効果的な使い方
ウェブのインターフェイスだけでなく、現実の世界でもたくさんの角丸を目にします。角丸は一時のトレンドではなく、デザインのスタンダードと言ってもよいでしょう。 そんな角丸がなぜ好まれるのか、どう使えばよいのか、ウェブページにどのように実装するのかなどを紹介します。 Rounded Corners and Why They Are Here to Stay 下記は各ポイントを意訳したものです。 角丸は目に、そして脳に優しい< 角丸のイメージは安心 -Appleのこだわり 角丸はいつ使用するべきか 角丸の実装：CSS3< 角丸の実装：古い方法 終わりに 角丸は目に、そして脳に優しい ビジュアル認知の権威：Jürg Nänni教授によると、『鋭角の長方形は同じ大きさの楕円より認知するのに努力を必要とする。人間の目は円形のものをより速く捉えることができる。」と述べています。 鋭角と角丸の視線の流れ 鋭
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.cmmntr.com/m/58