WEBデザイナーのためのランディングページのリンク集。サイトからの離脱率を抑え、コンバージョン率を高めろ!
Googleのスパム対策強化やブランドリンク重視そしてその他もろもろを先日参加したPubCon Las Vegas 2010のレポートとして、お伝えしてきました。 今日はレポートをもう1つ追加します。 ECサイトを運営するサイト管理者、特に「ECサイトではオリジナルのコンテンツを作るのは無理」と“あきらめモード”に逃げているネットショップの運営者(そう、あなたのことです!)の参考になるはずです。 (たった数秒といえど)言い訳を探すのに費やすムダな時間と思考回路をこれからリストアップするコンテンツ増強のアイディアを探すことに向けてください。w モデルとなるのは、“狩猟犬アイテム”をオンラインで販売するGUN DOG SUPPLYというECサイトです。 このサイトが、当初の売上見込額の3倍の1,000万ドル(日本円で8億数千万円)を6年間で増やすことに成功した施策の1つがサイトのコンテンツを増
[対象: 全員] ECサイト運営者のためのショッピングカートの最適化について今日は解説します。 先日、インライン・バリデーションの記事を投稿しました。 この記事を書いたのは、「花くらす*野菜くらす」という野菜や花など植物の栽培キットを販売する通販サイトでトマトの栽培キットを購入したことがきっかけでした。 職業柄のせいか、ショッピングカートで購入手続きを進めていくなかでインライン・バリデーション以外にも良いところ、そして悪いところにいくつも気が付きました。 学ぶところが多いモデルなので勝手に診断させてもらうことにします。 コンバージョン率を上げるだろう要素 まずコンバージョン率アップに貢献していると判断した要素をピックアップします。 一部のキャプチャはクリックすると拡大します。 小さいと感じた画像はクリックしてみてください。 1. ありがちな疑問へのリンク 送料や配送、独自システムのポイント
日本人の意地にかけてイギリスのダサイ病院のWEB見つけた。が、ダサイ程度では似たり寄ったりだがさすがに↑の中華思想みたいな色のは無かった。まあ、やる気の無い同士で比べても意味ないッス・・・ しかしこの人の「かっこいい」と挙げているサイトがFlashバリバリの時代遅れのものばかりで、どうも日本人とは感覚が違うのね、と思ったわけ。まとめサイトみたら同じこと言ってる人がいて感心した。 27番の投稿に完全同意です。 アメリカのサイトと日本のそれのデザインを比べても、日本のラップと本場のそれを比べて「日本語はダサイ」と言ってるのと大差なく、とにかく漢字自体がもともと横書きでは無くて縦書き用だし、WEBはもともと横書きの英語にあわせて作られているのでずるいわけです。 そもそも日本とアメリカでの価値観に大きな差があります。日本の官公庁なんて国民の誰1人も「クールにデザインして欲しい」って望んでないのでか
先日日本のWEBデザインが2003年で止まっていると話題にという記事で楽天のサイトなどのことが取り上げられていましたが、これを読んで思い出したポッドキャストインタビューがあったので一部抜粋してみます。 このインタビューはスタートアップ向けレクチャーイベント ZURBsoapbox シリーズのひとつ。昨年11月に、「サンフランシスコでの投資とギークな日々の20年間」といったタイトルで 500 Startups 代表のエンジェル投資家デイブ・マクルーア氏が語ったものです。 「チームのメンバーに求める特徴は?」という客席からの質問のデザイナーの部分について、彼はこのように答えていました。 一緒に働くのが辛いデザイナーもいた。自分はなんでも知ってる、みたいなデザイナーと働くのにはほんとに苦労した。デザイナーと口論したいわけじゃないんだ。俺が見たいのは数字とお客さんの利用例。そして何がうまくいってい
定期的に出る、「エレガントなデザイン」より「ごちゃごちゃしたデザイン」の方が売れるという話がある。 よく楽天市場のショップを揶揄する言葉として使われるが、最近は、eBayにもこんな話が出て、どうやら世界共通に通じることらしい。 eBay でヒドいデザインの方がコンバージョン率が高かった、という話 ただ、何故ごちゃごちゃ情報を掲載した方が売れるのか?!ということに関しては、あまり具体性がある記事を見た事が無い。 自分が思うところを書いてみたいと思うが、ある掃除機を売ると仮定して、「引き算の商品説明」と、「ごちゃごちゃしたい商品説明」考える。 ■引き算の商品説明 この方法で説明を考える時は、その商品の良さを徹底的に絞り込んで、できる限り一つのメッセージに落としたいと考える。 その結果が、例えば 「吸引力の落ちない掃除機です」 という説明にして売る。 何個かメリットがある場合は、情報に強弱をつけ
海外メディア 「なぜ日本のWebサイトのデザインは2003年っぽいの?」 1 : イータ・カリーナ(岡山県):2012/05/16(水) 09:37:59.35 ID:UCTlhudH0 Japanese Web Design: Why You So 2003? When I think of Japan I tend to think of beautiful design. Zen gardens, temples, shrines, tea ceremonies, manga, anime, wabi-sabi… the list goes on and on. Yet for some reason Japan just can’t put any of this together to make a decent looking website. Where did
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな(得意な)色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)だ。Kulerは、さまざまな色の組み合わせ(配色パターン、Kulerでは「テーマ」と呼ぶ)をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上(2009年1月現在)ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ(以降の説明はログインしているものとして進める)。
デザイナー向けのチートシートまとめ カラーシート Color Combination Cheat Sheet さまざまな色の基本原則がわかるカラーチートシートです。 使いたい色を直感的に選んで、その色のコードを調べることができます。 オンラインシートなので、ブックマークに保存しておくとすぐに調べられます! Web Designer Color Reference Hexagon Mouse Pad Webデザイナー向けのカラーチートシートです。 拡大するとそれぞれのカラーのコードがわかります。 色彩バランスを把握しやすいので、デザイン時に重宝します。 ウェブ制作者向けのチートシートまとめ HTMLのチートシート HTML5タグ★チートシート HTML5のチートシートです。 かなり詳細にまとめられているので、辞書のように使うこともできます。 印刷して参照するのが向いているので、すぐに確認で
「素人っぽいデザイン」から抜け出すために、デザイ... / デザインを勉強したことがない人でもデザインできる... / 非デザイナーのためのデザイン基本テクニック その...他...全10件
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか? 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か
コンテンツの重要な箇所を円形のエレメントで強調したり、背景にさりげなく円形のエレメントを使用したりなど、円形のエレメントを巧く使ったウェブサイトを紹介します。 また、円・サークルを効果的に使う方法は以前の記事を参考にどうぞ。 実例から学ぶ、円・サークルをウェブデザインで効果的に使う15のTips
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
皆さんいつもWEBサイトのデザインをする際に何を参考にしていますか? 気にいったサイトがあったらブックマークをしてストックしておく、WEB系の本を見る、あとはWEBサイトのまとめサイトを見るですよね? 自分もまとめサイトを見つけるとブックマークして定期的にチェックしていたのですが、いろいろなまとめサイトがありましたのでまとめサイトをまとめてみました。 このほかにもこんななのがあるよというのがありましたら是非教えてください。 TheFWA http://www.thefwa.com/ High Floater http://www.highfloater.com/ ABM | AnotherBookmark™ – Webデザインブックマークサイト http://www.anotherbookmark.com/ Webデザインのリンク集 Webデザインポータルサイト S5-Style http
普段はコーダー業務をおこなってるのですが、デザインの知識は…。 でも、やはりデザインのスキルも大事ですよね! なので、今年からデザインの勉強のためにバナー作成などをおこなっています。 今回は先輩デザイナーさんに教えていただいた バナー制作のちょっとしたコツを紹介していきたいと思います。 まずはバナーを作ってみよう バナーはEC studioが出展している「モニプラ」の アンケートバナーを作成してみました。 1つ目のお題は「パソコンソフトは店で買う?ネットで買う?」でした。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く