[対象: 中〜上級] さまざまなモバイル向けサイトの研究中に出くわした、ユーザビリティを大きく損ねる12個の要素をE-consultancyがブログで解説しました。 ユーザビリティの悪化だけではなく、なかにはGoogleのランキングを下げる原因にも繋がるスマートフォンサイトの構成ミスも含まれています。 モバイル対応が必須になっている現在のサイト運営において、とても参考になる記事なので紹介します。 なお直訳ではなく、僕なりの言葉で要点を説明します。 英語がわかる方は原文も読んでください。 モバイルサイトのユーザビリティを損ねる12個の欠陥 1. 突然デスクトップ向けサイトに切り替わる モバイル向けのページを閲覧していたのに、デスクトップ向けページに突然移動させられてしまうサイトは確かにありますね。 モバイル向けのデザインだったのに、ページを移動したら何の前触れもなくPC向けのデザインに切り替

デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの

「ユーザビリティを意識することが大切！」って言われても、何となく意味は分かるけど具体的にどうすれば良いの……と悩んでいる方も多いのではないでしょうか？ ユーザビリティとは、「単なる使いやすさ」のことではありません。特にWebにおいては売上や成果などビジネスを左右する重要な概念です。しかし、多くの人がユーザビリティについて間違った認識を持っているために、みすみす売上や成果を逃しているケースをよく目にします。 ユーザビリティを正しく理解するポイントは、特定のユーザの行動、心理、目的に焦点を当てることです。 本日は、よくある「間違い・落とし穴」を例に出しながら、売上改善に直結する「正しい」ユーザビリティの考え方をご紹介します。ぜひ皆さんもユーザビリティの理解を深め、Webサイトの改良に役立ててください！ 【事例】１つのボタンを変えただけで、年間300億の売上増！売上に直結するユーザビリティとは、

皆様こんにちは、シリコンバレーでUXデザイナーをしているライターのYUKIです。今回はあるひとつのサイトについてUXデザイナーとしての立場からレビューをしてみようと思います。 はじめに 私は友人らと作っていたスタートアップ会社を軌道に乗せるために数年前シリコンバレーにやって来て、現在は某米国の大企業でデザイナーとして働いています。公式な肩書きはヴィジュアル・デザイナーなのですが、実質的にはインタアクションやヴィジュアル両方に携わるユーザー・エクスペリエンス・デザイナーというところです。 LIGでは、かなり個人的な見解で、ユーザビリティに優れていると思ったサイトを説明もふまえながらレビューしたいと思います。 ただ、私が現在持っている知識は本格的にユーザビリティやデザインを学校で学んで得たものではなく、あくまでも実際の現場で働いて得たものばかりなので、「これが絶対に正しい」と思うのではなく、「

[対象: 全員] ECサイト運営者のためのショッピングカートの最適化について今日は解説します。 先日、インライン・バリデーションの記事を投稿しました。 この記事を書いたのは、「花くらす＊野菜くらす」という野菜や花など植物の栽培キットを販売する通販サイトでトマトの栽培キットを購入したことがきっかけでした。 職業柄のせいか、ショッピングカートで購入手続きを進めていくなかでインライン・バリデーション以外にも良いところ、そして悪いところにいくつも気が付きました。 学ぶところが多いモデルなので勝手に診断させてもらうことにします。 コンバージョン率を上げるだろう要素 まずコンバージョン率アップに貢献していると判断した要素をピックアップします。 一部のキャプチャはクリックすると拡大します。 小さいと感じた画像はクリックしてみてください。 1. ありがちな疑問へのリンク 送料や配送、独自システムのポイント

ここ数ヶ月、gleesyという新しいサービスをつくっているのですが、 どうにもデザインが難しい！ デザインが主観的な仮説の積み重ねになってしまっていて、いかがなものかと思ったので、 ユーザビリティの理論を調べてみました。 と、言ってもただの自分のためのまとめメモですが。 あと、gleesyが気になった方はhttp://gleesy.com/より事前登録をお願いします。 【0.目次】 ―基本 ・ユーザビリティ5原則 ・デザインガイドライン ―ガイドライン ・３つのチェック項目と5つの法則 ・インターフェースデザインで気をつけるべき10のこと ・カラーデザインの原則 ―評価方法 ・ユーザビリティテスト ・ヒューリスティック ・チェックリスト ・認知的ウォークスルー ・シナリオウォークスルー 【Ⅰ.基本】 まずは、ユーザビリティの基本となる考え方です。 ユーザビリティを考慮したサイト設計は以下の

Zの法則/Fの法則とは？無意識に動かしてしまう目の動き皆さんは普段、雑誌やウェブサイトを見る時、どんな風に見ますか？ 「そんなの意識していない」という方が大半だと思います。 しかし面白いことに、人間は雑誌やウェブサイトを見る時に無意識のうちにある決まったパターンの目の動かし方をすると言われています。 それがZの法則/Fの法則と言われる法則に基づく動きで、人間の目がアルファベットの「Z」の字や「F」の字をたどると言われるものです。 人間のこの特性を利用して、ウェブページの「Z」の字や「F」の字、つまり人間の目が通過するであろう線上に一押し商品や目玉商品などを並べればユーザーの目に留まる確率も高くなり、クリックされる確率が高くなります。 当然、たくさんクリックされれば購入される可能性も高くなりますので、結果としてショップの売上がアップするというわけです。 法則通りに目立たせたい商品や情報を載せ

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

もうユーザビリティの「べからず集」はいらない！：デザイナにおすすめのユーザーインターフェイスデザイン6つのポイント（1）（2/2 ページ） 有名企業のUI標準 ユーザビリティを定義する規格はあっても、開発プロセスにすぐに組み込めるようなものではありません。そこで、おのおののソフトウェアベンダは自社独自のUI標準規格を作成し、それに準拠することで品質にばらつきのないUI開発の仕組みづくりを行っています。このうち特に有名なものは、米アップルの「Apple Human Interface Guidelines」です。 この中では、ユーザビリティ設計の指針を示すキーワードはもちろん、より具体的な例も豊富に含まれています。例を挙げると、ボタンが守るべきサイズをピクセル単位で指定したものや、アイコンの描き方、色使いまでもが事細かに解説されています。 これなら開発者も現場で有効に使用できます。このような

シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書

第12回　ユーザーを「目利き」に生まれ変わらせ、 購買を誘発させる写真の見せ方とは？ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） 写真のスペース配置の大原則は「場所をケチらない」ウェブサイト、特にECサイトにおいて「写真情報」は、商品の魅力を端的にユーザーに伝えるキラーコンテンツである。それだけに、見せ方1つで大きな効果を得られることもあれば、見せ方を少し誤っただけで多くのユーザーを取り逃がす、という怖さも存在する。そこで今回は、実際にユーザビリティテ

出来の良いわずか1％のウェブサイトでも、例外的なユーザパフォーマンスを強化したり、ちょっとしたミスを防いだり、企業レベルの利用や潜在的ニーズを見据えた対応を行えば、一段とレベルアップさせることができる。 Extreme Usability: How to Make an Already-Great Design Even Better by Jakob Nielsen on June 23, 2008 99％の読者は、ここで読むのをやめてしまうかもしれない——今回のコラムは、素晴らしいウェブサイトやイントラネットを作り上げた人々を対象としているからだ。 それは言いすぎだとしても、自分のサイトはひどい出来で、たちまちユーザビリティ上の大問題が見つかるという読者も多いだろう。それなら5名程度のユーザをテストしてみれば、サイトのビジネス価値を倍増できるほどの知見が得られるはずだ。手順はごく簡単で

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

便利さ、手軽さから、オンラインショッピングは今や私たちの生活の中に深く浸透しています。そして「売れるオンラインショップ」を目指して、各Eコマース（EC）サイトが凌ぎを削っています。ECサイトの構築にあたって、まずはそのショップのターゲットを設定し、それぞれの攻略方法を考えることが大切です。攻略方法を考えるには、ターゲットユーザーのサイト内行動を知る必要があります。 ここで1つの疑問が浮かびます。はたして、男性と女性で、ECサイト内の行動に違いはあるものなのでしょうか。 「楽天市場でギフトを買ってください」 今回のアイトラッキング分析では、「ECサイトにおいて男女の行動に違いはあるのか」を検証すべく、以下のテストを行いました。対象サイトは、日本最大のECサイト、楽天市場としました。 対象サイト：楽天市場 被験者：オンラインショッピング経験のある20代〜30代男女、各3名 タスク：バレンタイン

40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編　2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ？」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、

先日友人達と深夜に話しているとき、そのうちの一人が「伸び悩んでいるウェブサービスに共通する３つの病気がある」と話し始めた。 先日友人達と深夜に話しているとき、そのうちの一人が「伸び悩んでいるウェブサービスに共通する３つの病気がある」と話し始めた。またおもろいことを言い出しよったな、と笑いながら聞いていたのだが、後で反芻してみると「これはより多くの人に知ってもらった方が日本のネットのためになるだろう」と感じたので晒す。特定のサービスについて語られたものではないので悪しからず。 １．ハイエンド病 自サービスのコアユーザー向けの機能追加ばかりを優先して、どんどんとエントリーユーザーを疎外していってしまう病気。コアユーザー向けの機能追加は数値的にも効果が出やすいため、ユーザーベネフィットと数値のバランスを追求しようとする勤勉な開発者ほど発病することが多い。 ２．広告肥大症 売上げノルマ達成責任のた