SEOとWebデザイン。長年、議論されてきた話題であり、私も仕事している中で、時には水と油のような関係のように思うこともありました。しかし、検索行為としてのユーザー体験とサイトへランディングした時のUX(ユーザエクスペリエンス)を考えることが、改めて重要なのではないかと感じることができました。 そのきっかけとなったのが、SMXWEST2015でのShari Thurow氏のセッションです。 Search Engine Friendly Web Design http://searchmarketingexpo.com/west/2015/full_agenda/#1584 Shari Thurow氏はサーチエンジンランドでも記事を執筆しており、セッションの冒頭でも95年からSEOを行っていたと話します。その頃のSEOって何だろう？とは思いましたが、他のセッションでも「体験」という言葉がよく

Google、スマホでも快適に閲覧できる「モバイルフレンドリー」を検索順位に反映する方針を発表 グーグル、モバイル環境でも快適に閲覧できる、「モバイルフレンドリー」という基準を検索結果に反映していくことを明言。試験を行っている。 公開日時：2014年11月19日 04:46 米Google は2014年11月18日、モバイル向け検索結果において、Webサイトの「モバイルフレンドリー」を検索順位を決定する要素（シグナル）の1つとして実験的に利用していることを明らかにした。 We see these labels as a first step in helping mobile users to have a better mobile web experience. We are also experimenting with using the mobile-friendly crite

入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル

【追記】Twitterで教えてもらったのですが、13行が改善されて3行になってました。ご対応頂いた市役所のご担当者様、富士通のご担当者様、お疲れ様でした。今後とも、よろしくお願いいたします。【追記終わり】 住民票を郵送で取り寄せようと思って市役所のサイトを見たんですよ。今まで何回も見てるし別に普通のクソみたいな使いづらい行政サイトだなって相変わらず思ってたんです。でもね、あれ、これはおかしいなって、思ったんです。なんかね、変だな～って。それがね、この画像なんですよ。 委任状 – 奈良市 すっごいパンくずなんですよ…パンくず食い過ぎてお腹いっぱい。マジで。 僕らの業界ってまぁどの業界でもそうだけど仕事の流儀とか、そういうのあるじゃないですか。使いやすいサイトを作りたい人、ある程度ユーザビリティを犠牲にするけどかっこいいサイトを作る人、でもこれ酷いでしょ。誰もパンくず13段にしろなんて望んでな

dIG iT Digital Marketingに関する様々なテーマで発信するブログ。 若干ペースが落ちているものの、１本は濃い内容で書いてみてます！ ターゲティングを実施するという事は、必要な情報を伝える事であり、また、不必要な情報をそぎ落とすという事でもあったりします。 Dr. Raymond R. BurkeのShopabilityをあげる為の10の法則（ Retail Shoppability: A Measure of the World’s Best Stores：PDF ）の1つではMinimize Clutterつまりノイズを減らしS/N比を高くする事が触れられています。ターゲティングを実施するという事は不必要であろう情報を減らし、まさにS/N比を高くする効果を持っていると言えます。 逆にターゲティングで絞り込んだ情報が正しくない時はこのS/N比が高くなってしまい、顧客の行

ドットインストール代表のライフハックブログ

ネコ科動物ユーザーのためには特別な配慮が求められる。ネコの手に合わせた大きなタッチターゲット、途切れることのないアニメーション、しっかりと音でインストラクションしてあげることなどだ。 Mobile Usability for Cats: Essential Design Principles for Felines by Jakob Nielsen on April 1, 2013 YouTubeは最近、ネコに支配されている。最もシンプルな、iPadアプリを使っているネコのビデオが、簡単に数百万人の視聴者を集めている。 この乗っ取りに屈し、私たちのクライアントは、ますます私たちに尋ねている。他の指と対置できない親指を持ち、焦点が絶え間なく変わるネコのために、「我々が開発したネコ用のサイトやアプリを、どのようにしたら改善できるか」と。ネコは確かに挑戦的なターゲットオーディエンスである。 ※こ

UIデザインの参考に！斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。 こういうUIは基本的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。 ボタンが一切なくてシンプルだと気持ちがいいUIになるだって？　そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ

日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な

「ユーザーがページに滞在してコンテンツに関わる時間が長くなる」といわれる無限スクロールを採用したものの、うまくいかなかったというEtsyでの事例から、その教訓を読み解きます。 U-Site編集部 2013年1月25日 HCD新人部員のTです。 1年以上前の記事ですが、「Pinterestによってもたらされた、6つの重要なWebデザインとユーザビリティにおけるトレンド」という下記の記事を読んでいました。 該当記事：6 Important Web Design and Usability Trends Sparked By Pinterest – The Daily Egg ここで挙げられている項目の3つ目のトレンド、”Deliver Content in Flow”を見てみますと、「無限スクロールによって、ユーザーがページに滞在してコンテンツに関わる時間が長くなる」と書かれています。 Bec

『LINE』ユーザーの1億人突破を祝った1月18日からわずか1カ月。すでに海外展開の強化を明示したり、分社化を決定したりと、話題に事欠かないNHN Japan。 そんな同社のオフィスには、日本でも数少ない自前のユーザーリサーチルーム（以下、UXルーム）があるのをご存知だろうか？ 昨今のWeb/モバイルアプリ開発では、リリース後のユーザーフィードバックをもとにした機能改善やUI改善が、サービスを成長させるためには欠かせない。 NHN Japanも、「UX（ユーザーエクスペリエンス）がブランドを作る」と代表の森川亮氏が話すように、各サービスのターゲットユーザーの声を吸い上げ、より早いサイクルでサービスに反映させることを重視している。それを体現しているのが、このUXルームだ。 同社は渋谷ヒカリエにオフィスを構える前にもUXルームを構えていたが、今回のオフィス移転を機に、以前のUXルームから設計を

ティーンは、自分のウェブを扱う能力に（過剰に）自信を持っているが、彼らのパフォーマンスは大人に劣る。読解レベルの低さや、忍耐力のなさ、発展途上の情報収集スキルにより、ティーンのタスク成功率は低くなる。そのため、サイトはシンプルで共感しやすいものにする必要がある。 Teenage Usability: Designing Teen-Targeted Websites by Jakob Nielsen on February 4, 2013 日本語版2013年2月18日公開 ティーンはインターネットにつながっている。テクノロジーがティーンエイジャーの生活に深く溶け込んでいるため、彼らに役立つ、ユーザブルなウェブサイトを作り出すことがこれまで以上に重要になってきている。次善のものがクリックするだけで手に入り、SMSメッセージによる割り込みが例外ではなく普通のことである世界で成功するには、ウェブサ

先日の記事[競合サイト調査・分析に必要なチェック項目と役立つツール達！]でユーザビリティの調査・分析方法を軽く紹介しましたが、今回はWebユーザビリティを改善するための5つのポイントと方法を紹介したいと思います。 まずユーザビリティとは何なのかについて軽く触れておきます。先日の記事でも紹介しましたが、それは【使い勝手】のことです。WEBユーザビリティの改善とはすなわち、WEBサイトの使い勝手を良くするということになります。ではその使い勝手とは何なのか。それは単純に【使いやすさの程度をあらわした言葉】のことです。使い勝手が良いということは、使った人から見てその【何か】は使いやすかったということになります。そして今回のこの記事は【どうしたらユーザーに使いやすいと感じてもらえるのか】について紹介しています。 この【WEBユーザビリティを改善するための5つのポイントと方法】は下記の項目で紹介するヤ

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

This document discusses several key concepts in UI/UX design including user experience (UX), user interface (UI), information architecture (IA), interaction design, affordances, and the evolution of design approaches. It provides examples of early interfaces like Apple's Knowledge Navigator and how interfaces are now more conversational like Siri. The document also references several important thi

[レベル：中〜上級] ウェブサイトのデザインやユーザビリティなどを改善するためのユーザーテストが欠かせません。 ユーザーテストを行うときのコツやアドバイスを米国版Googleウェブマスター向け公式ブログが公開しました。 彼らの専門チームのこれまでの経験に基づくものです。 とても役に立つ内容なので、日本版公式ブログで翻訳記事が近いうちに公開されることを期待しつつ知っておきたいポイントを僕のブログで紹介します。 テストはシンプルに 試験者の人数: レイアウトやナビゲーションの一般的な問題を調べるのであれば、テストに参加してもらう人の人数は5人で間に合う(ヤコブ・ニールセンの記事を参照）。 試験者の選び方: 技術的なスキルの異なった人を集める。ただし個々が出くわした問題よりも全体的な流れに焦点を当てる。たとえば、50%以上の試験者が経験したユーザビリティの問題は本当に問題になっている可能性が高い