失敗上等！世にも奇妙な「旅行会社でのUXデザイン 裏話」 #devlove #devlove創DevLOVE現場甲子園2014 東日本大会で発表した資料です。 舞台はフツーの旅行会社。 UXデザイン知識の薄いwebディレクターが、ユーザーテストを丸投げされる →当然金も工数も権力もない →数値的成果と、ユーザー中心デザインの狭間で悪戦苦闘 →阿呆な失敗をやらかしつつも、組織でUXデザインが根付き始める という泥にまみれた過程を話します。泥泥。
U-site
長文コンテンツのための5つの書式テクニック ニールセン博士のAlertbox 3月19日 要約、箇条書き、コールアウト、太字、役立つ視覚情報などのテクニックを用いることで、1,000語を超えるコンテンツの理解度やエンゲージメントは向上する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ UXのためのAI：入門編 ニールセン博士のAlertbox 3月13日 生成AIツールを、あなたのUXスキルを代替するためではなく、サポートし、強化するために使おう。小さなUXタスクから始めて、ハルシネーションや誤ったアドバイスに気をつけよう。
Webサイトの応答時間
今日、ページのレンダリングが遅くなってしまうのは、サーバーの遅延や凝りすぎたページウィジェットが原因であることが多く、大きな画像のためではない。ユーザーが遅いサイトを嫌うことは相変わらずで、彼らは遠慮なくそれを言ってくる。 Website Response Times by Jakob Nielsen 2010年6月21日 ユーザーはインタラクションデザインのスピードというものに実にうるさいものである。13年前、「求められるスピード」というコラムを書いて、ユーザーが読み込みの遅いウェブページをいかに嫌うかを私は指摘した。その当時は大きな画像が応答時間が遅れる主な理由であり、ガイドラインでは画像のサイズは小さく留めるようにアドバイスしていた。 今日ではほとんどの人がブロードバンド接続を使っている。したがって、ダウンロード時間というのはユーザビリティにはもはや関係ないと思うかもしれない。それは
ウノウラボ Unoh Labs: ECサイトのユーザビリティ・ガイドライン
こんばんわ、Sashaです。 最近、ECサイトのリニューアルを計画するお手伝いをする、という仕事がありました。特にユーザビリティ的な観点から、どんなことを網羅したらこのリニューアルを成功させることができるだろうか、ということを考えながら、様々なブログを参考にしたり実際のECサイトを検証したりしていたら、以前私が紹介したユーザビリティ・ガイドラインのようなチェックリスト的なものが出来上がったので、もしかしてどこかのだれかのお役に立つこともあるかもしれない、と思い、ここに紹介させていただきます。 まず、ECサイトで実現したい基本的な目標をあげ、その目標に沿って細かく、網羅していきたい事を列挙していきました。 基本的な目標とは、次の5項目です。 見つけたい商品・情報を見つけやすくする ユーザーの労力を極力削減する 買いたい気にさせる 購入までのプロセスを簡単にする オンラインショッピング
ウェブデザインで参考にしたいユーザー行動と色の心理学 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ ウェブデザインでユーザー行動を考えたユーザビリティが大事とはよくいわれることですが、色についてはどこまでこだわりを持っているでしょうか？見た目やデザイン上の配色は気を使っても、例えばフォーム入力時の確認やエラーメッセージについてはどうでしょうか？地味ではありますがもしかするとサイト上のユーザー行動に大きく影響を与えているかもしれないメッセージの配色について深く考えてみた記事を。 — SEO Japan 色には心理的な要素が多く関与する。私は自分が専門家であると主張するわけではないが、どちらかというと直感に反しているように思われるようなものに時々出くわすことがある。 色にも文化的な影響も多分にある
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う
第1回 "IAって何するの？" がわかる「IA One Sheeter」 | gihyo.jp
「IA」という言葉が、Web業界の中で皆さんに認知されるまでにはまだまだ時間がかかりそうです。ここで言うIAとは「情報アーキテクチャ」のことを指します。 Webサイトを構築する上で、欠かせないのがこの情報アーキテクチャだと言われてます。簡単に言うと、Webサイト全体の設計図であり方針です。その設計図や方針を具現化するためには、やはり伝えるための手段が必要になります。 この連載では、伝えるための手段としてのツール紹介や、伝えるために必要なヒントを中心に、Webサイト構築に関わる方々に有益な情報をお届けします。 IAについて 「IA」そのものについての説明は割愛しますが、ひと口に「IA」と言っても以下の2つの意味があります。 Information Architecture：情報アーキテクチャ（分野） Information Architect：インフォメーションアーキテクト（スキル） とくに
文字の大きさ変更機能は必要か?, サイト独自の読み上げ機能は必要か? - [ぴ](2007-11-01)
_ [Web制作] 文字の大きさ変更機能は必要か? この数年で、「文字の大きさ変更機能」を備えた Web サイトがかなりよく見かけられるようになった。 ググってすぐ出てくるサイトだと、京都府や品川区などがある。身近なところだと、横浜市会やのびのび・ヨコハマ ライフデザインサポートサイト等もある。 これ、本当に必要なんですかね? 文字の大きさの変更って、各ブラウザが元々標準機能として備えているのに、そのコーナー固有の UI で、そのコーナーでしか働かない劣化版を別途提供することに何の意味が? 酷い場合は、font-size を px 単位で指定して、ブラウザ自身が持っているフォントサイズ変更機能を殺したうえで、そのような機能を搭載している場合もある。本末転倒だ。 似たようなことを考えてる人は少なからずいるはずだと思ってググったところ、[Saq.] 「文字の大きさを変更するボタン」は必要か？が
](https://cdn-ak-scissors.b.st-hatena.com/image/square/d228e8be070c32c738781e15c25aeb18f4dc6807/height=288;version=1;width=512/https%3A%2F%2Fpmakino.jp%2Ftdiary%2Ftheme%2Fogimage.png)
Google SEO向けのページネーション最適化×9+1
一般的に、ウェブページにおける「Pagination（ページネーション）」とは一連のコンテンツを複数のページに分割することを指します。 ページネーションを採用する場合は、1ページあたりのコンテンツ量は5スクロール分が適切だという記事を以前に書きました。 これを検証したのは、WebmasterWorldのフォーラム管理者tedsterでした。 そのtedsterが今度は、Google検索からのトラフィックを増すためのページネーション最適化についてまとめています。 メインの9項目と追加で書かれた1項目を紹介します。 1ページ目は、当然のことながらtitleタグと見出し(hタグ)の両方に記事全体を表すタイトルを付ける。meta descriptionタグも固有にする。 2ページ名以降のすべてのページにユニークなtitleタグとh1タグを付ける。このtitleタグとhタグは、記事全体のからそのペー
Alertbox: 2005年 ウェブ・デザインの間違いトップ10（2005年10月3日）
2005年、ユーザをうんざりさせてきたWebデザインの間違いをリストアップしてみると、古くから言われているものがランクイン。悪さをし続けていることがわかった。 Top Ten Web Design Mistakes of 2005 by Jakob Nielsen on October 3, 2005 Webデザインの間違いをリストアップするにあたり、今年は趣向を凝らしてみることにした。私が発行しているニュースレターの読者にお願いして、今年、もっとも腹立たしいと思ったユーザビリティ上の問題点を投票してもらったのだ。 読者の参加によって、ユーザテストでは気付かなかった多くの課題が浮き彫りになるだろうと思っていたが、そうはならなかった。30位までにランクインした問題点は、ユーザビリティガイドラインの中で指摘済みのものばかりだったのだ。今年のトップ10を読んで、“聞き覚えがあるぞ！”と思われる方
「ファーストビュー＝重要」は都市伝説!? サイト別・ユーザー属性別にユーザー行動をミエル化 （1/4）：MarkeZine（マーケジン）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
テキストリンク色の変更で、70億円（！）を稼ぎだすことに成功したマイクロソフト - Feel Like A Fallinstar
ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青（水色に近い）を採用していました。 Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。 ちょっと比べてみました。 （※Live Searchは画像検索からキャプチャを取っています） こう見ると確かに色はかなり変化しています。 CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、
モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | モバイルサイト構築のユーザビリティいろは
2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！ モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
ひろゆき : NAVERアドバイザリーボード
1976年生まれ。2000年中央大学卒業。 米国留学中の1999年にインターネットの匿名掲示板 「2ちゃんねる」を開設。現在、東京プラス株式会社代表取締役、有限会社未来検索ブラジル取締役、 株式会社ニワンゴ取締役・2ちゃんねる元管理人。 普段どうやって情報収集をしていて、どんな内容が多いですか？ 新聞は全く見なくて、テレビも雑誌もほとんど見ないっすね。普段は、ネットですかね。テレビは、「ディスカバリーチャンネル」か、地震があったときぐらい。雑誌は、連載をしている「SPA!」が送られてくるので読むぐらいですかね。「ネットランナー」という雑誌に連載しているはずなんですけど、僕見たことないんですよ（笑）。 ネットは、定期的に見ているのは、「ニュー速」（注：2ちゃんねるの「ニュース速報」板）と「はてなブックマーク」。ニュース系のサイト以外で、いつも見ている特定のサイトはないですね。このゲームや
コンバージョン率を2倍にする101の方法 l Googleウェブサイトオプティマイザー
lpo-consulting.com 您正在访问的域名可以转让!This domain name is for sale! 一口价出售中！ 域名Domain Name:lpo-consulting.com 售价Listing Price:CNY 888.00 立即购买>> BUY NOW>> 通过金名网(4.cn) 中介交易 金名网(4.cn)是全球领先的域名交易服务机构，同时也是Icann认证的注册商，拥有六年的域名交易经验，年交易额达3亿元以上。我们承诺，提供简单、安全、专业的第三方服务！ 为了保证交易的安全，整个交易过程大概需要5个工作日。 具体交易流程可“点击这里”查看或咨询support@goldenname.com。 我要购买>> Process Overview: 4.cn is a world leading domain escrow service platfor
なぜその見出しはユーザに気づいてもらえないのか (ユーザビリティ実践メモ)
「あ、そこに書いてあったんですね。探していたんですけど気づきませんでした。」 ユーザ行動観察調査を行っていると、時々ユーザの口からこんな言葉を聞くことがあります。 その原因の一つに、見出し文字が画像要素と判断されて無視されていることが挙げられます。これは例えば、以下のような場合に起こりやすい現象です。 １．画像に画像文字が同化している場合 特に「目的にあった文字・文章を探すモード」となっているユーザは、本文のみを追っているため、画像を見飛ばしてしまいがちです。上図のように見出し文字が白抜きになっているケースでは、さらにそのリスクは高まります。 多くの場合、本文の文字フォントは黒系統か青字（リンク）であるため、ユーザの頭の中に「黒や青い文字を追っていれば…」といった思い込みが生じ、白っぽい要素は文字として認識されづらくなってしまいます。 よって、ユーザが文字や文章を追って情報探索を行うであろ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホサイトのコンバージョン率を上げる7つの秘訣（実証済み） など10+4記事 | 海外&国内SEO情報ウォッチ
in the looop | Looops communications
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | 初代編集長ブログ―安田英久
