左ナビと右ナビはどっちが良い？ (ユーザビリティ実践メモ)
ウェブサイトを設計する際に、ナビゲーションメニューを左右のどちらに設置するかで悩んだ経験はありませんか？ 弊社でウェブサイトを設計する際には、「コンテンツ」と「ナビゲーションによる誘導」のいずれが大事かによって設置位置を判断しています。 ■ナビゲーションによる誘導が重要な場合はナビゲーションを左に 例えばアマゾンなどの巨大ECサイトではナビゲーションによる誘導が重要であるため、ナビゲーションが画面から切れてしまうことのないよう、左側にナビゲーション設置しています。 上記のほかの考え方として、ユーザがそのサイトと同時に利用する競合サイトと同じ位置にナビゲーションを設置する、という考え方もあります（ユーザの慣れや先入観に配慮する）。 ナビゲーション設置時には「コンテンツ」と「誘導」のいずれが大事なのかによって設置位置を調整するようにしましょう。
「迷わせる演出」でセールスを伸ばした明治製菓の「チョコレート効果」戦法 - Feel Like A Fallinstar
ちょっとした捻りながら、「これは面白い！」と思わされた明治製菓の事例をたまには紹介してみようと思います。 ご存知のように明治はチョコレートやカール（スナック菓子）なんかの大手メーカーです。 どうでも良いですが、いまきは「たけのこの里」派です。あのサクサク感が（以下略 そんな明治製菓が面白い売り出し方をしたお菓子が「チョコレート効果」（←商品名です・汗）です。 サイトはこんな感じ。 このチョコレート効果で明治がとった手法が、「さらにチョコレートを買わせてしまうために、消費者に迷わせる」やり方でした。 3つのカカオ率が、消費者を惑わす 食べたことにあるかもいるかもしれませんが、チョコレート効果の面白いところは、ホワイトチョコやビターのようなラインナップ展開ではなく、単純に3つのカカオ率（72％・86％・99％）を作ったという点にあります。 こうすると何が起こるかというと とりあえずカカオの混入
ブログのSEO対策で重要な12項目 | パシのSEOブログ
先日の「企業サイトの8つのSEO」に続き、今回はブログのSEOやSMO、アクセスアップ法について考えて見ます。SEOの基本的な手法は企業サイトも個人サイトもブログも変わりませんので、企業サイトの8つのSEOをお読みで無い方はまずはそちらをお読みください。 今回は、主にWordPressブログでの解説となっていますが、他のCMSや無料ブログにも役立つ内容も含まれていると思います。 １．タイトルはキーワードとブランディングを意識 ブログタイトル ブログタイトルはブランディングも考え、他のブログと被らないユニークでわかりやすいタイトルにします。もちろんターゲットキーワードを含めるのですが、独自ドメインのサブディレクトリやサブドメインとして設置するブログの場合には、メインサイトで狙うキーワードとの関連性も考慮してください。 ブログタイトルは、SEOにとって最も重要な要素である被リンクのアンカーテキ
SEOで検索順位を上げる為に重要な要因（内部対策編） | パシのSEOブログ
前回のSEOで重要な外部対策に続き、内部対策について解説していきます。スモールキーワードであれば内部SEOのみで上位表示させることが可能ですし、外部SEOによるリンク評価を生かすも殺すも内部対策次第といった感じもあります。 内部SEOの重要性 SEOに着手する場合、内部対策から行うのが基本です。なぜなら内部SEOにはどのキーワードで上位を狙うのかという最も重要な部分が含まれているからです。SEOが成功するかどうかはキーワード選びにかかっていると言っても過言ではありません。 内部対策についてはSEOを意識したサイトデザインも参照ください。 キーワード選定 キーワードをリストアップ キーワード選びをする際に、いきなりキーワードツールを使って検索数のみを見て決定してしまう人が多いのですが、最初はサイトテーマに合致したあらゆるキーワードをリストアップする事から始めた方が良いでしょう。 検索数が少な
Google Chrome 拡張機能41個まとめ Google Chromeを壊してまで厳選 - WEBマーケティング ブログ
いろいろとGoogle Chrome拡張機能を試していたら、入れすぎたらしく、壊れてすべてリセットされるアクシデントに見舞われましたｗ おまけにChrome テーマまで綺麗にデフォルトへ戻してくれるとは、、、ともかく入れすぎは注意なので、厳選したものだけをご紹介します。 → 新着のおすすめChrome拡張機能はこちらです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 厳選Google Chrome 拡張機能 まとめ 【永久保存版】 今回のコンセプトは、 複数機能をひとつにまとめられるものを優先 ボタンはなるべく少なく済ませる といったものです。大事なことなので繰り返し言いますが、何せ入れすぎると壊れるから。。。 また、あまりにも不安定すぎて、使いものにならないと判断したものも、ここではご紹介し
サイト内検索を最大限に活用する7つのノウハウ | Web担当者Forum
サイト内検索機能を強化すれば、ユーザー体験の向上に役立ち、ユーザーが目的のページに到着するのを妨げる障害が減って、サイトにプラスになるはずだ。 サイトにまだ検索機能をつけていないなら、利用できるツールはいろいろある。どの検索アプリケーションがいいかなんてことを僕が勝手に言うのはやめておく。 サイト内検索機能実装のベストプラクティスについては、すでにさまざまなブログに投稿がある。たとえば、 ボタンの表示は「Go」ではなく「検索」にする。初期状態で大文字と小文字を区別せずに検索できるようにする。 ※Web担編注：日本語ならひらがな・カタカナや送りがなの有無などか検索してもヒットするページがない場合は常に、キーワードを見直すよう勧める。などなどだ。2008年にストニー・ドゥジェイテ氏が、ユーザーの使いやすさという重要な側面について多くを論じている）。僕は今回、サイト内検索からもっと成果を引き出す
主婦のネットスーパー利用率は約1割、利用料金や配送スピードには満足しているが…… : ガベージニュース
[マルハニチロホールディングス(1334)]は2009年12月18日、「ネットスーパーと魚に関する意識調査」の結果を発表した。それによると、20-49歳・子供ありの既婚女性の調査母体において、ネットスーパーの利用率は10％前後に留まっていることが分かった。ただし利用した人における今後の利用意向では8割強が「今後も(やや)利用したい」と回答しており、利用者においては評判は良い傾向にあることが見て取れる(【発表リリース、PDF】)。 今調査は2009年11月20日から12月3日の間に、子供がいる20-49歳既婚女性に対して携帯電話のインターネット経由で行われたもの。調査母体全体は1万4997人。そのうちネットスーパーを利用した経験がある人は1002人(20代270人、30代398人、40代334人)。調査担当はネットエイジア。なおネットスーパーとは「インターネットで注文を受け付けて、主に個人宅
CSS-Based Navigation Menus: Modern Solutions | Smashing Magazine
Usability is an essential goal of any website, and usable navigation is something every website needs. It determines where users are led and how they interact with the website. Without usable navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website — with some creativity and
16 Rare HTML Tags You Really Should Know | Envato Tuts+
Web developers these days are often expected to know and work in multiple languages. As a result, it's tricky to learn everything a language has to offer and easy to find yourself not utilizing the full potential of some more specialized but very useful tags. Unfortunately, we haven't been tapping into the full potential of these more obscure HTML tags and attributes as of late. But it's never too
50 Best Free Tools To Create Perfect Color Combinations - SmashingApps.com
A good color combination has the tendency to communicate with the users and let them perceive the design in the correct way. That is the basic reason why you need to pick the right color for your design. So, here we are bringing 50 varieties of useful and valuable color tools that would help you choosing the right color palettes for your designs. You are welcome to share more color tools and reso
1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」:phpspot開発日誌
リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」 2009年12月21日- リッチ過ぎず、どんなページにも馴染みそうなWYSIWYGエディタ実装jQueryプラグイン「wkrte」。 普通、JavaScript で動くWYSIWYGエディタというと、大きなツールバーがついていて、それ自体はカッコいいのですがページデザインにうまく馴染ませることが難しかったりします。 wkrte なら、エディタにカーソルがフォーカスしない状態だとツールバーを表示せず、普通のテキスト領域（textarea）のように表示させられます。 何もはいってない状態だと、一見普通のtextareaです 内容が入ってもツールバーがないので目立ちすぎず、いい感じです。 カーソルを合わせるとツールバーが表示。これはとてもスマートですね。 高機能なテキスト編集を実現しつつ、ペ
NYから東京まで何マイル？Google検索で都市間の直線距離を表示 ｜ SEOモード
Google+にて、Google検索で「how far is it from A to B」で検索するとAとBの都市間の直線距離を表示できるようになったとの投稿がありました。 実際にやってみたところ、こんな風に表示されました。 こちらは「NYと東京の距離」。 これまでも下図のように移動距離は表示していましたが、（私が調べた限りでは）交通手段があって、アクセス可能な場合に限られていたようです。 いずれにしても、この直線距離の表示はまだ日本語環境では導入されておらず、英語環境でも「How far is it from London to New Delhi（ロンドンとニューデリーの距離）」では表示できなかったので、一先ずは限定的な提供のようですね。 ※こちらの記事は最初別のタイトルで公開されましたが、私の勘違いが含まれていたので、書き直して再投稿いたしました。 最初の記事を読まれた方にはご迷惑
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ランディングページ集めました。
http://aext.net/2009/12/35-fresh-and-cool-web-design-interfaces-for-inspiration/