今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし

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

sponsored JAPANNEXTの「JN-IB375C144UQR-H」をレビュー 144Hzで21：9の3840×1600ドット37.5型ウルトラワイドディスプレー、ゲームの没入感や仕事の効率アップがスゴイ sponsored ポータブルゲーミングスピーカー「TQ-PG300」 パイオニアの小型ゲーミングスピーカー、想像を超える没入感でめちゃくちゃ驚きなんですけど！ sponsored 今回も医療機器認証取得で、かつ前モデルよりも薄く軽いサイズを実現！ スマートウォッチのようでこれは血圧計でもある!? 「HUAWEI WATCH D2 ウェアラブル血圧計」レビュー sponsored 1本のサウンドバーで360立体音響が実現！ 自宅で映画を見るならソニー「HT-A9000」が最高の選択だ sponsored 「QuTS hero」はランサムウェア対策、安価なSSD／大容量HDDの導

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

Get Elasticのエントリー「Eコマースとショッピングカートのユーザビリティ：21のベストプラクティス」の意訳です。 eCommerce & Shopping Cart Usability: 21 Best Practices 見出し、小見出し、パンくずリストを使用してユーザーがどこにいるかを示す。 スクロールしないで見える領域に、連絡先の情報と電話番号を配置する。 スクロールしないで見える領域に、商品を検索するための検索機能を配置する。 商品の検索機能には、カテゴリー検索を加えることを検討する。 商品の検索機能には、商品によって色・形・大きさでも検索できる機能を検討する。 商品ページでは、ページの総数と現在のページ番号を表示する。 関連商品は、ユーザーがカートに加えた後に注目されます。 商品の説明文は、ユーザーにも検索エンジンにも有用です。 アカウントの登録前に、ユーザーがカートに

こんにちは、ディレクターのほうの谷口です（余談ですが、ライブドアには3名の谷口がいて、私はプログラマーじゃないほうの谷口です）。今回は、ユーザーテストについてお話したいと思います。 ユーザーテストは、ウェブサイトの新規立ち上げやリニューアルの際、ユーザーがウェブサイトやプロトタイプを実際に操作してもらう様子を目の当たりにすることで、問題点を発見する方法です。 ライブドアのサービスは、作る側とユーザー像が近いことが多かったので、頻繁にはユーザーテストをしてきませんでした。しかし、今後は自分たちと違うユーザー像も対象としていきたいことから、ユーザーテストの数を増やしていきたいと思っています。 ユーザーテストの専門会社に頼むという手もあり、そうすることで厳密に調査をしてくれます。しかし、ポイントをしぼって外注せずにすむ方法もあるので、ここに紹介します。 1. 被験者は友人か知り合いでいい 専門会

先日から話題になっていたRobotReplayがようやく安定してきたようなのでちょっと試してみました。これはかなりいいですよ。 ただ、大勢のヒトが使うとまた不安定になりそうなので紹介するのが微妙ですが、そこはRobotReplayの中のヒトにがんばってもらいましょう。 以下に使い方をご紹介。かなり興奮しちゃいますよ。 ↑ まずは会員登録。この手のサービスは招待制が多いのですが、今はフツーに登録できるようです。 ↑ メールで認証などのプロセスを経てこの画面へ。スクリプトタグを埋め込み、サイトを登録すれば解析開始です。 ↑ 10分程度待つとこのようにセッションが一覧できるようになります。おもむろに「プレイ」をクリック。 ↑ YouTubeで撮ってみました。なんだか見知らぬ読者とぐっと身近になれたようで嬉しい！マウスの軌跡どころか、クリックしたところもわかりますね。 また、フォームに何を埋めたか

私達WEB屋と言うのは常にユーザビリティにさらされるわけですが、もっと単純に考えていくべき方法と言うのも結構あります。 それはサイト解析ツールによる分析です。 どこに誘導したいのか。 何をしてほしいのか。 そして、アクセス解析1つでどこまでやれるのか。 そこで今回はアクセス解析によるユーザビリティ向上について色々見て回ったので、その結果をまとめておきます。 非常に長くなってしまったので目次を作っておきます。 １．ユーザビリティの原点とは何だろう？ ２．ユーザビリティ８つのガイドライン ３．Ajaxの参入で、より難しくなってきている？ ４．解析と分析でユーザーの流れを作り変える ５．必ず見ておきたいWEBユーザビリティの為の5つのチェックリスト ６．広告に誘導する為の設計とは何なのか ７．わからなくなった。そんなときにはアクセス解析に戻ろう ユーザビリティの原点とはなんだろう？ 多くのWEB

Webサイトも作り込んでいく内にだんだんと機能が増えていく。そしてふと気付くと画面がごちゃごちゃしている、なんて事になりかねない。 すっきりさせるコツは、不要な時は見せない事だ。それを実現させるのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはAccordion、開いたり閉じたりするアクションを可能にするJavaScriptライブラリだ。 一度触れてみてもらえれば分かるが、各項目のヘッダ部分をクリックすると、そこが開いてコンテンツが表示されるようになっている。ただ単にぱっと開くのではなく、スムーズに動いていくのが良い。 更にアクションは一階層だけでなく、縦方向に複数階層に分けたり、横につける事もできる。時系列的に見せたい時等に横向きのアクションは有効かも知れない。 Accordionはオープンソースだが、寄付は常時募集している。そうしたソフトウェアは数多いが、寄付の理由にM

GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

Eコマースの大半は、1990年代の終わりごろ、まだそれが陳腐きわまりない代物で、デザイナーたちが、ウェブにおけるショッピングとはどうあるべきかという問題と格闘していた時代から、大きく進化を遂げた。やがて標準が確立し、ユーザビリティが勝利を収め、現在は好きなだけ買い物ができるようになった。ちなみに、米国勢調査局のEコマース統計によると、今や年間のEコマース売上規模は、1070億ドルにものぼるそうだ。 とはいえ、まだ良くなる可能性がある。オンラインショッピングは、赤ん坊ほどじゃないにせよ、まだ少なくともよちよち歩きの幼子ぐらいの段階にある。僕らがここに至るまでの進歩によって、購入手続きは以前よりずっと単純になり、使いやすくなったけど、まだそのやり方を理解していないサイトもある。 実は僕、ここのところかなりオンラインショッピングにハマッてて、（先週末の盗難事件と、中国への長期旅行が控えているおか

良いブログとそうでないブログの違いは何だろうか？そう思ったTomさんがまとめたのが今回ご紹介する「Twenty Usability Tips for Your Blog （ブログのユーザビリティを高めるための20の秘策）」です。 もちろんこれが100%正しいというわけではないですが（彼もそう言っています）、とても参考になりますね。ブログのリニューアルを検討されている方には役立つのではないでしょうか。 ではその20の秘策を以下に詳しくご紹介。 ブログのテーマを決めよう ブログのテーマを決めたらそれに関する投稿にフォーカスしよう。そしてロゴの近くにそのテーマが何であるかわかるようにしよう。またそのテーマに関する簡単な説明もすぐそばに置くようにしよう。 これは奇妙に思えるかもしれませんが、実際のところ、テーマを広くとるよりも、一つテーマを決めたほうがたくさん書くことができますよ。 コメントを推奨