「ユーザの言葉を話す」
いろいろな製品に接していると、Nielsenが提示したこのヒューリスティック原則に違反した事例に幾度も出くわす。ハイテク弱者にも使ってもらうためには、易しく言い換える技術、つまり言葉のデザインが必要だ。 黒須教授 2015年7月29日 このタイトルはNielsenがヒューリスティック原則の一つとして提示したもので、ユーザの世界で使われている概念を使うこと、システム固有の技術的用語を使わないこと、という注釈がついている。ただ、その原則の第二版では、「システムと実世界を対応づけること」とされ、システムは、技術的な用語は使わずに、ユーザになじみのある用語やフレーズ、概念などを使うようにすること、という注釈になっている。実にもっともな考え方なのだけど、第二版の表現は抽象度が高くなってしまっていて、具体的にどうすればいいかが分かりにくい。僕としては初版の「ユーザの言葉を話す」という直裁な比喩表現の方
言葉の言い回しでこんなにも変わる事例
なお、ズレの大きい言葉でしか表現されていない場合が問題であって、「お問い合わせ・ご相談」「登録・入会」のように企業側の言い回しとユーザ配慮の言葉の両方が併記して用いられていることで、よりわかりやすく表現できる場合もあります。 ユーザの行動手順に基づいていること 注意しなければならないのは、ユーザにとってわかりやすい表現というのは、ユーザが言葉の意味を理解できるようになってさえいれば良いというわけではありません。ユーザの行動手順に基づいているかまでを含めて考える必要があります。特にコンバージョンに結びつくボタンなどの場合はこれができているかできていないかが決定的なコンバージョン率の違いをうむことになります。 わかりやすい事例として、beBitさんのユーザビリティ実践メモに掲載されていた宿泊先を探して予約できる旅行サイトの事例を紹介します。 ラベリングが及ぼす影響 - 「予約」か「検索」か (
「ZOZOTOWN」TOPページに見る、スマホECサイトユーザビリティの極意
ECzine Day（イーシージン・デイ）とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。
全てのECサイトがユーザーテストで確認しておくべきポイントⅠ：支払いプロセス | マミオン有限会社-パソコン・数学研修、法人研修
今回は、海外のユーザビリティ関連記事をご紹介します。 3 Things Every Ecommerce Business Should User Test（Usabilla.com） こちらの記事では、ECサイトのコンバージョン率や売上をアップさせるために、サイトオーナーが特に確認しておくべき3つのポイントが紹介されています。今回から3回に分けて、その内容を1つずつ翻訳し、コメントとともにご紹介していきたいと思います。（掲載元承認済み） ＜以下、翻訳して引用＞ 1.支払いプロセスあなたのECサイトにおける一連の支払いプロセスは、最も優先順位の高いところにあるべきです。支払いプロセスが素早く簡単に済ませられれば、あなたの顧客はハッピーになり、売上も上がるでしょう。あなたは「カート放棄率（カゴ落ち率）」が【66%】以上もあるということをご存知ですか？ こちらのグラフは、人々がカートを放棄してし
そこそこユーザビリティの高いフォームを作った
そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです（サーバ側スクリプト
1000のユーザビリティテストから見えてきたUX問題を視覚化する分析のしかた | ユーザーテスト研究室
Tweet Tweet テストを実施するサイドの人間として私は最近「ユーザビリティテストはやってみたけどどう改善につなげていけばいいの？」という声をアプリやサイトの制作企業・個人からよく聞きます。 たしかに「アプリやサイトをつくる、運営すること」と「モニターにタスクをやってもらい、集計したデータを分析、アウトプットを出すこと」は大きく異なりますからユーザビリティテストの結果を正しく分析する方法（アプリやサイトによって違いはありますが）を知る必要があるはずです。 そこで実際にカレンダーアプリ「ジョルテ」のテストをモニター9人に実施しました。このテスト結果をいつもワークショップを一緒に開催させて頂いているUXリサーチャー樽本徹也先生の著書・動画と1,000のサービスのテスト経験を活かし分析します。この方法で分析をすると問題が非常にわかりやすく視覚化できるのでぜひやってみてください。 UX
Webサイト上でのユーザー体験を高めるために必ずおさえておきたいユーザービリティーチェックリスト デザイン会社 ビートラックス: ブログ
ここ数年でのテクノロジーの進化とデバイスの多極化により、WebサイトなどのUXデザインを行う際に気をつけなければならないポイントが非常に多くなった。 特にユーザビリティーが結果に大きな影響を与えるサービスにおいては、どのような内容のプロダクトであっても高いユーザーエクスペリエンスを達成する為に普遍的にクリアしなければならないポイントが幾つか存在する。 品質管理とコンバージョンアップの実現を目標に、10の項目ごとのチェックポイントのチェックリストを作成してみた。 サービス公開前に必ず確認し、全項目のクリアを目指したい。 1. ユーザーエクスペリエンス関連ユーザー登録する際にユーザーになにかしらの価値を提供 例えば登録ボタンは単純に “登録” ではなく、”無料トライアル申し込み” とした方がユーザーにとってのメリットが伝わりやすい。また、極力無駄な登録はさせない。 料金/費用を分かりやすく表示
【介護サイト比較】情報を気持ちよく入力してもらえるか？ | マミオン有限会社-パソコン・数学研修、法人研修
サイトの使い心地に大きく影響を及ぼすのが、入力フォームの設計です。 ユーザーテストを観察していても、特に介護サイトのメインユーザーであるシニア層は、情報の入力を不得手とする方が多いです。 今回は、各サイトが入力フォームにどういった工夫や配慮をしているか確認してみたいと思います。 主要サイトの入力フォームのデザインをチェック！介護DB（Link） 上の図の赤枠部分を見るとわかる通り、『介護DB』では同じ入力項目内でフォームを分けてしまっています。このように「姓名」「郵便番号」「電話番号」のフォームを分けて設置しているサイトは、他でもよく見かけます。 特にパソコンに慣れてないないシニア層ユーザーは、「タブキー」を使って次のフォームに移動するという技は知りませんので、毎回キーボードとマウスを行ったり来たりしながら苦労して情報を入力することになってしまっています。 これに対処するためには、データベ
ECサイトにおける考えるべきユーザビリティ9ヶ条 ｜https://wp.yat-net.com/name
ECサイト、ネットショップにおいて考えておくべきユーザビリティを9つピックアップしました。もちろんこれが全てではありませんし、サイト設計の上ではもっともっと細かく考えることはたくさんあります。今回はコンバージョンを下げない、直帰率を下げないために施策する場合に何をするか？を簡潔にまとめています。他のネットショップを運営されている方がどういう事をされているかも凄く気になりますね。 1.ロゴはHOMEへ ロゴをクリックすればトップページへ行くという認識を持たないユーザーは沢山います。トップページへ行くためのボタンは別途用意し、そういったユーザーへのフォローも施策しておく事が大切です。 リンク時における色を変更し統一することでユーザビリティは確保ます。しかし、ブラウザのデフォルトである青色に下線と言ったルールを採用することで、より多くのユーザーに対してそれがリンクであると言うことを認知してもらい
直帰率や閲覧時間に影響が出るブログ記事のフォントサイズや行間、余白 | パシのSEOブログ
基本的にブログの記事は、文章を読んでもらう事を目的に書いている人が多いと思いますが、読みにくいブログになっているケースも少なくありません。私のブログも決して読みやすいとは言えないのかもしれませんが、非常にもったいないと感じるブログが多いので、読みにくくなってしまっているブログの特徴を挙げておきます。 文章の読みやすさに関する詳しい話は、ヤットさんのWeb制作における文章の可読性について考えるを見て頂きたいのですが、私の記事ではCSSがわかる人ならば、誰にでも簡単に読みやすくできる方法を取り上げたいと思います。 読みづらいブログ記事の特徴 文字が小さい 背景画像が邪魔をしている 背景と文字の色があっていない 行間が狭い 段落の区切り方が適当ではない 段落の余白が適当ではない 文章部分の横幅が広すぎる 文章の左右の余白が適当ではない 長文なのに見出しがない 無駄に装飾が多い 1～10まで全て説
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合
ブログのユーザビリティを高めるための20の秘策 | P O P * P O P
良いブログとそうでないブログの違いは何だろうか？そう思ったTomさんがまとめたのが今回ご紹介する「Twenty Usability Tips for Your Blog （ブログのユーザビリティを高めるための20の秘策）」です。 もちろんこれが100%正しいというわけではないですが（彼もそう言っています）、とても参考になりますね。ブログのリニューアルを検討されている方には役立つのではないでしょうか。 ではその20の秘策を以下に詳しくご紹介。 ブログのテーマを決めよう ブログのテーマを決めたらそれに関する投稿にフォーカスしよう。そしてロゴの近くにそのテーマが何であるかわかるようにしよう。またそのテーマに関する簡単な説明もすぐそばに置くようにしよう。 これは奇妙に思えるかもしれませんが、実際のところ、テーマを広くとるよりも、一つテーマを決めたほうがたくさん書くことができますよ。 コメントを推奨
文章を見やすくする5つの工夫 (ユーザビリティ実践メモ)
ウェブサイトを制作していると、どうしても長い文章を掲載しなければいけない場面に遭遇します。 今回は、文章を読みやすくする「見せ方」の方法を、例を元にご紹介いたします。 ウェブライティングをご覧ください。 方法１．文字サイズを大きくする 最も基本的な方法ですが、最も効果的です。文字サイズを大きくするだけでも「見やすさ」は格段に向上します。 方法２．行間・改行・インデントを適切に取る 方法１．と同じく基本的な手法ですが、こちらも効果的な手法です。方法１．と組み合わせることで、ほとんどのサイトでは問題がないレベルにまで「見やすさ」は向上するでしょう。 方法３．キーワードを目立たせる 文中で重要なキーワードを太字にしたり、文字色をつけることで文章にメリハリをつけて見やすくすることができます。 キーワードを装飾することで、単に目立たせて読み手に意識させるだけでなく、一行を読み終えたユーザが視線を右か
ユーザーの視線を誘導する３つのユーザビリティ改善方法
webサイトにおけるユーザーの視線は、なかなか見る事が出来ない代物ではあります。 実際に企業や、あなたが作成したwebサービスが、ユーザーに訴えたい事を、ユーザーにきちんと届ける為に、どのような方法があるのかを考えて見ましょう。 １）全ての情報を遮断する 手っ取り早い方法としては、あらゆる情報を遮断する方法があります。 つまりその言いたい事意外の情報をあえて隠蔽するわけです。 実にシンプルな方法です。 ただし、シンプルであるがゆえに非常に難易度が高いです。 なぜなら、配置するテキスト選びは慎重にしなければなりませんし、訴えたい事が多い場合、何をまず訴えるべきかをしっかりと考えて、ユーザーが迷う事なく、そして的確な操作が出来るように誘導して上げる必要があるからです。 １）サービスに対して興味を少しだけ持ってもらう情報を書く ２）サービス開始はちょっと・・・という人のためにクリックしやすいリン
ユーザーの疑問を素早く解決するためのWebサイト設計
2017年6月29日 Webサイト制作, ユーザビリティ サービス系・企業系Webサイトでよく見かけるサポート関連のコンテンツ。問い合わせをせず、自己解決を望むユーザーが増加し、よりよいサポートページの作成が必要となってきています。ユーザーが抱える疑問を積極的に解消するWebサイトを作成し、問い合わせ数を減らせば、ユーザー・企業側ともに手間を省くことができます。また、Webサイト内だけで解決できなかった疑問も素早く対処する事でユーザーのストレスを軽減することができます。そこに注目し、どのようにWebサイトを設計していくのかを考えてみました。 ↑私が10年以上利用している会計ソフト！ 問い合わせを未然に防ぐ サービス関連のWebサイトでは、同じような質問を何度も受ける事が多いです。そのような質問にひとつずつ回答していくのは非常に非効率。どのような問い合わせを受けやすいのかを的確に理解し、ユー
価格を表示するページデザインまとめ97選 | Web活メモ帳
金額表示する際のページデザインをまとめた「97 Best Practices of Pricing Page Designs 」というエントリーのご紹介。 有料のWEBサービスやアプリケーションなどの金額ページをデザインする際、分かりやすさや比較のしやすさなどパッと見てわかるものが良いですよね。 素敵なデザインの価格ページを作る事で収益に結びつくようにしたい人のためのデザインまとめです。 詳しくは以下 無料のものや比較しやすい表組み、グラフの使用など様々なテクニックが駆使されています。 いくつか気になったものをご紹介。 Appfigures iPhoneアプリの売上やレイティングの解析サービス。 表示面積と色で効果的に違いを表現しています。 公式サイト SearchFit サイト内検索エンジン。 色毎に機能の違いを。 公式サイト Vzaar ビデオプレイヤー。イーベイ・オークションなどに埋
黒須正明 : NAVERアドバイザリーボード
1978年早稲田大学大学院博士課程単位取得満期退学。同年(株)日立製作所入社、中央研究所に勤務。1988年同社デザイン研究所に異動。1996年より静岡大学情報学部教授。2001年9月、文部科学省メディア教育開発センターに教授として赴任。ヒューマンインタフェース、特にユーザビリティを研究するなかから、ユーザー工学や人工物発達学を提唱するに至った。現在、学校法人放送大学 メディア活用・遠隔教育センター 教授、国立大学法人総合研究大学院大学 学長特別補佐、文化科学研究科 メディア社会文化専攻 教授 先生が研究されているユーザビリティとユーザーエクスペリエンス（UX）の違いについて、まずは、定義していただけますでしょうか。 ユーザビリティとUXという概念は、世間で混同されている傾向があります。そもそもUXとは何に関するものであるか、ということを考えるとその辺が整理されます。まず、ユーザビリティとい
UX とユーザビリティ のお話 【基礎編】 : LINE Corporation ディレクターブログ
こんにちは。10月からブロググループのディレクターをしている真田 (さなだ) です。 これまで私はマークアップエンジニアをしていましたが、コンテンツの設計段階から参加できることは多くありませんでした。ディレクターとなったからには、根本からHCD (人間中心デザイン) を意識したコンテンツ作りをしていきたいと思っています。 そこで今回はまず、ユーザーエクスペリエンス (以後UX) とユーザビリティの基礎についてまとめてみたいと思います。 UXってなに？ なかなか明確に定義することが難しく、さまざまな解釈がなされているUXという言葉。 直訳すると「ユーザー体験」となりますが、国際規格のISO 9241-210の中では、「製品やシステム、サービスを使用、あるいは使用を予想した時の、人の知覚と反応」とされています。 それを利用したときに感じるあらゆる感情、また「使用を予想した時の」とあるように、製
どうせ比較されるのならば、「比較の観点」を与えてしまおう (ユーザビリティ実践メモ)
自社サイト以外の場所で、自社の良さをアピールすることはなかなか難しいものです。 今回は、「比較する」というユーザ行動に着目することで、自社サイト以外でも自社の良さに気づかれやすくするための工夫についてお伝えします。 ところが、こうした比較行動をするユーザが、比較のために必要な観点をきちんと持っていることは少ないものです。その結果、「価格」などの分かりやすい要素だけで比較してしまうことがよくあります。 これでは最適な商品選びができたとは言えず、ユーザにとっても企業にとっても良いことではありません。 そんなときに効果的なのが、「○○を選ぶポイント」といった、製品やサービスを選ぶ観点を提供するコンテンツです。 例えば、引越サービスを例に考えてみましょう。 多くのユーザにとって、引越はそれほど頻繁にするものではないため、引越サービスを選ぶ際にも、何を重視すべきかを明確に把握しているわけではありませ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.func09.com/wordpress/archives/1668