ユーザー行動をヒートマップで分析しサイト改善中。大和ハウスが手放せない解析ツールとは？ | Web担当者Forum
縦長いページデザインは是か否か？ 楽天におけるスクロール量計測導入の裏側
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
単機能トップページというデザイン手法が人気急上昇中 | Moz - SEOとインバウンドマーケティングの実践情報
最後にデザインの話題を取り上げてからずいぶん経ったけど、そろそろまた書くべき頃合いだと思う。 今回焦点を当てるのは、レトロ（かなり前から用いられている）でありながら今また勢いを増しつつある（少なくとも僕は人気上昇中だと感じている）デザインスタイルだ。もっと具体的に言うと、目的を1つに絞り込んだトップページのことだ。 最初に、簡単な例を挙げる。GmailやYahoo!メールのメールアドレスを入力すると、そのアカウントに登録されている連絡先（知り合い）を、さまざまなソーシャルネットワークで探してきてくれるSpokeoというサービスだ。 このデザインの目的はただ1つ、製品の機能を示すためにメールアドレスを入力してもらうことだけで、そのほかのことには目もくれていない。登録ユーザー向けのログインページやブログ、説明ページへアクセスするリンクといった副次的なリンクが少々と、信用度を高めるのに役立つ大手
Twitterの投稿：反復デザイン
我々は5回のデザイン変更を経て、タイムラインのメッセージをより印象に残り、説得力があってバイラルなものにした。 Twitter Postings: Iterative Design by Jakob Nielsen on August 24, 2009 数日前、Nielsen Norman GroupのTwitterのタイムライン（@NNgroup）に次のユーザビリティカンファレンスについての告知を投稿した。 今のところ、私はストリームベースの投稿に対する全てのガイドラインを持っているわけではない。なぜならば、現在、我々は（特に私の読者のようなB2Bユーザーに関する）ユーザビリティ調査を実施中だからだ。しかし、既に観察の終わったユーザーセッションをベースに、 5回 の反復デザインを行い、この記事を書いた。 1回目のデザイン Announcing LAS VEGAS and BERLIN a
感情に訴えるデザインの3つの要素
今度から美に生きることにしました。(笑) みんな言ったものです。ノーマンはいいけど、彼の言う通りにやると使いやすくてみっともないものができる。そんなつもりはなかったんですけどね……。これ素敵でしょう? セッティングをしてくれてありがとう。純粋に素晴らしい。これが何なのか、何の役に立つのかわかりませんが、ただ欲しいと感じます。それが私の新しいあり方です。美や、魅力や、感情とは何かを理解すること、それが新しい私です。ものを素敵で楽しくするというのが、私の新しいテーマです。 これはアレッシィが出しているフィリップ・スタルクがデザインしたレモン搾りです。すごく楽しい。私の家にもあります。玄関のところにですけど。レモンを搾るのには使いません。(笑) 私が買ったのは金色のスペシャルエディションなんですが、小さな注意書きが入っていました。「レモンを絞るのには使わないでください。金メッキが酸で痛みます
ネットサービスでやってはいけない14のこと（Guy Kawasaki版） | P O P * P O P
このブログでもたまにとりあげるGuy Kawasakiさん。ベンチャーキャピタリストで数多くのネットサービスを手がけています。 そんな彼が「ネットサービスでやってはいけない10のこと」なる記事をあげていました（本当は14ありますが、Guyさんはなんでもポイントを10にするので有名）。 あたりまえ的なポイントも多いですが、数多くのネットサービスに携わっている方の言葉ですから説得力がありますよね。 » How to Change the World: The Top Ten Stupid Ways to Hinder Market Adoption では、早速、下記にご紹介。 【1】 すぐにユーザー登録を要求する 最初にユーザー登録を要求したい気持ちはわかりますが、利用者の心理的抵抗を大きくしてしまいます。 まずは使ってもらうことを第一にしましょう。ぎりぎりまで要求しない方が良いですよ。 【2
「システム視点」で機能を作っていませんか？ (ユーザビリティ実践メモ)
不動産情報サイトや転職情報サイトなど、多くの情報を掲載しているサイトでは、ユーザが複数の条件を指定して検索する、という機能が非常に重要になっています。 そのサイトで紹介している各情報の属性は、 個人、法人のいずれも募集している 個人だけ募集している 法人だけ募集している の三通りがあります。 それを反映して、サイトでの検索条件指定画面では、次のような項目となっています。 さて、この検索機能をユーザの視点から見てみましょう。 この情報検索サイトのターゲットユーザは、大きく個人ユーザか法人ユーザのどちらかです。 例えば個人ユーザであれば、「個人を募集している情報を見たい」というニーズを持っているわけです。 それでは、個人ユーザが上記のプルダウンを見たときには、何を選べばいいのでしょうか？ 「個人・法人」？ それとも「個人」？ 弊社で実施したユーザ行動観察調査では、ユーザが「自分は個人だから」と
今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話。 - Feel Like A Fallinstar
最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1）も割合としてはむしろ減少傾向 グラ
建築分野に学ぶWebサイト設計――“変化するWebサイト”をどう捉えどう発展させるか | [コラム]IA視点のWebプロジェクト
前回の記事では、実際の建築プロジェクトにおいて、建築家が建築現場の指揮をとったという実例を紹介しました。今回は設計寄りの話題に移して、プロジェクトだけではなくWebの設計面においても建築分野から学べる考え方があるというお話をしたいと思います。 Webサイトは変化し続けるWebサイトは構築されてから情報が追加されたり、修正されたりしていきます。 これは情報を扱うメディアとしては当たり前のことで、たとえば、雑誌などでも創刊号でつくられたコンセプトを、その後発行する各号でより磨きをかけたり、軌道修正させたりします。 しかしながら、この「変化」は、ただやみくもに変えていけばいいのではなく、その影響範囲や必要性を検討しながら行わなければなりません。今回は、この「変化するWebサイト」についてのありかたを、情報アーキテクチャの観点から考えてみます。 こういった「変化」をWebの設計にどういった形でおり
![建築分野に学ぶWebサイト設計――“変化するWebサイト”をどう捉えどう発展させるか | [コラム]IA視点のWebプロジェクト](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ab17de853b8c29cab6194a39392ba38d04eb0dd/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fweb_project%2Fweb_project_icon.jpg%3Fitok%3DqL-1gvO5){kind=icon}
アプリケーションデザインの間違い・トップ10
ユーザーがユーザインタフェース（UI）の操作方法を知ること、UIが操作の流れを的確に導くこと、共に実現されればアプリケーションのユーザビリティは上がる。しかし、ガイドラインを守らなければ、どちらも実現は難しい。 Top-10 Application-Design Mistakes by Jakob Nielsen on February 19, 2008 アプリケーションデザインの間違いをまとめるのは難しい。最悪の間違いは、業界固有の特殊ケースである場合が多いからだ。アプリケーションが失敗に終わる理由には、 (a) そもそもの問いを間違えている、(b) 問いを正しく捉えながらもそれを解くための機能を間違えて作っている、(c) 的確な機能を作りはしたものの、難しくし過ぎてユーザーに理解してもらえない、などが考えられる。 どれを間違えても、アプリケーションの失敗は決定的で、それを避ける方法をお
【海外事例に学ぶ】入力フォームにおける、ヘルプテキストの効果的な表示方法 (ユーザビリティ実践メモ)
今回は、Uxmatters掲載のLuke Wroblewski氏による記事、“Dynamic Help in Web Forms”をご紹介いたします。 Wrobrewski氏は、現在Yahoo! IncのSenior Principal of Product Ideation & Designをされている方です。 しかし、そのようなヘルプテキストは極力少なくしたいものです。 説明文だらけの入力フォームは、かえってユーザの入力意欲を減退させてしまい、入力完遂(コンバージョン)への弊害となる可能性があるからです。 では、そのような悪影響がないよう配慮しつつ、ヘルプテキストをうまく提示するにはどうすればよいでしょうか。 解決方法の一つとして、ヘルプテキストを動的に表示することが考えられるでしょう。Wroblewski氏はそのなかで3つのパターンを示しています。 a.自動挿入型 b.ユーザクリック
ヒューマンインタフェース学会
第2回ヒューマンインタフェース若手交流会を開催しました 2024年4月26日 その他イベント 第2回ヒューマンインタフェース若手交流会を開催しました。 【日 時】 2023年3月17(日) 14:00～17:00 【会 場】 駒沢大学 駒沢キャンパス 【参加者】 7人(ご参加ありがとうございました) 【内 容】 … この記事を読む 第2回ヒューマンインタフェース若手交流会のご案内 2024年3月1日 その他イベント 第2回のヒューマンインタフェース若手交流会を開催いたします。 今回の交流会では、参加者による自己紹介・交流のほか、「毎日が少し楽しくなる！？使いやすいモノの世界」と題した話題提供がございます。 モノをテーマとした話題提供 … この記事を読む
サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論 [絵文録ことのは]2006/11/25
このブログの本文の横幅は、かなり狭い。それはなぜか。 結論から言えば、「ブラウザで見るときの実際の横幅」と「印刷可能な横幅」の二つの要素が大きな要因となっている。画面そのものはかなり広くても、実際に見るサイズ、そして印刷したときにはみ出ないサイズというのは案外小さい。 このことを実際の統計数値を交えて書いてみたいと思う。 ■画面の広さ 以前の旧デザインでは、横幅を指定せず、可変幅で表示していた。たとえばここなどを見てもらえばわかるが、ブラウザを小さくすればそれに応じてサイズが縮まる。したがって、どんな幅のブラウザでも（狭すぎると困るが）はみ出ることはないし、また、印刷するときにもきちんと印刷される。画面上で見るときの「横スクロール」というのは想像以上に鬱陶しい。 だから、可変幅というのは、ある意味、無難な正解といえる。 ■一行の長さは40字前後にしたい しかし、画面そのものがかなり大きくな
[B! ユーザビリティ] citoraのブックマーク
あなたが考案している企画がある場合、その企画が上司のミッションとどう関わりがあるかをまず考え、あなたの提案によって上司のミッションが実現可能かどうかを考える必要がある。自分の感覚でウェブサイトリニューアルが必要だと考えても、リニューアル後に集客や売上アップにつながらないと思える企画ならば、上司がその企画を通す可能性は限りなく少なくなる。 上司がどういう課題を抱えていて、どういうミッションを与えられ、今後どうしていきたいかなどを知ることは、企画提案に際しては非常に重要なことになる。まずは提案相手について知ろう。直属の上司が社長だとしても同じことだ。 現状把握は必ず行う（現状分析）どんな企画を行う場合でも、現状把握は必ず必要となる。場合によっては「背景」として今の市場の動向などを知ることが必要な場合もある。 ウェブサイトのリニューアル、ウェブプロモーション実施、CMS導入、グループウェア導入な
ユーザビリティコラム：Jakob Nielsen博士のAlertbox
スクロールフェードの基礎 4月11日 読了までに約14分 スクロールフェードがユーザブルというよりも気が散るものになるかどうかは、その持続性、応答性、ページ上の要素への控えめな適用といった要素に左右される。このデザインパターンを正しく用いれば、ブランド認知を向上させ、ページの読み込みを最適化し、コンテンツをより理解しやすくすることができる。 このコラムについてUIデザイン・ユーザビリティ・UXデザインについて、その道の第一人者・ヤコブ・ニールセン博士（略歴）ら米Nielsen Norman Groupのメンバーが実例を交えて洞察するコラム『Alertbox』。その日本語訳を許可を得て公開しています。 デザインサイクルの各段階でアンケートを実施する方法 3月29日 読了までに約7分 ほとんどのUXアンケートは、デザインサイクルの最後の「耳を澄ます」フェーズで実施される。しかし、アンケートには
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Insight for WebAnalytics
日本企業100社の英語版グローバルサイトの調査、1位は富士通：日経ビジネスオンライン
モバイルサイト構築のユーザビリティいろは コーナーの記事一覧 | Web担当者Forum
IDEA * IDEA
