ユーザーインタビューが失敗する理由
ユーザーインタビューは、誤った目的のために使われることが多い。また、計画や分析が適切でなかったり、インタビューを実施する価値をステークホルダーが理解していないこともある。 Why User Interviews Fail by Maria Rosala on June 9, 2019 日本語版2020年2月3日公開 ユーザーインタビューは、UXの重要な生成的手法だ。生成的な手法（インタビューやフォーカスグループなど）は知識を生み出す。一方、評価的手法（デザイン案のユーザビリティテストなど）は仮説をテストするためのものだ。インタビューを適切に実施すると、ユーザーの以下のことを知ることができる： 思考 信念 メンタルモデル エクスペリエンス こうした知識は、良質な製品やサービスの構築に役立つ。また、想像上のものではない、ユーザーの実際のニーズに対処することを可能にする。（デザインを開始する前に
モバイルデバイスにおけるアコーディオンUI
アコーディオンはモバイルのスペースを節約するが、方向感覚を失わせたり、大量スクロールの要因にもなる。しかし、簡単なデザイン修正で、このUI要素のユーザビリティは改善できる。 Accordions on Mobile by Raluca Budiu on May 31, 2015 日本語版2015年7月21日公開 アコーディオンというのは、展開することで、隠していた情報を表示するデザイン要素である。オーバーレイとは違い、アコーディオンはページのコンテンツを押し下げるので、ページコンテンツの上に重なることはない。 Toomy.com： Price（：価格）というフィルターはアコーディオンとして実装されており、展開するとページコンテンツは押し下げられる。 デスクトップでのアコーディオンの利用には議論の余地がある。一方、モバイルではアコーディオンは最も役立つデザイン要素の1つだ。ごく小さな画面スペ
Webデザインを変えるとしても、以前のものをすぐには捨てないで
サイトの既存のデザインをいくつかのライバルサイトと一緒にテストすることで、新しいデザインに向けての有意義な洞察が得られる。競合調査によってユーザブルでない新機能の開発を避けられるのだ。 Redesigning Your Website? Don’t Ditch Your Old Design So Soon by Hoa Loranger on December 7, 2014 日本語版2015年1月19日公開 サイトのデザイン変更の準備はできている では、どこから始めればいいだろうか。プロジェクトが最初からうまくいくように手助けしてくれるUXの活動にはいろいろなものがある。その1つがユーザビリティの競合テストだ。すなわち、現在のデザインをいくつかのライバルサイトと一緒に、ユーザビリティについて調査するというものである。コンピュータに飛びついて、すぐにでもデザインを始めたいという気持ちは抑
高齢者のユーザビリティ：課題と変化
65歳以上のユーザーは、Webサイトやアプリを利用する際に固有の課題に直面する。このユーザー層のデジタルリテラシーは向上しているが、デザインは高齢のユーザーに対応したものにする必要がある。 Usability for Seniors: Challenges and Changes by Lexie Kane on September 8, 2019 日本語版2020年6月17日公開 多くの裕福な国で、最も急速に増加している年齢層が65歳以上だ。グローバルに見ても、人は長生きするようになり、年を取っても元気でいられるようになった。Pew Research Instituteが実施した調査によると、2019年には65歳以上の人の73％がインターネットに接続していた（訳注：総務省の令和元年版情報通信白書によると、2018年の個人のインターネット利用率は、60～69歳で76.6％、70～79歳で5
ネット初心者ユーザに配慮した導線設計 (ユーザビリティ実践メモ)
ウェブサイトは、インターネットの利用にあまり慣れていない 初心者ユーザにも配慮して設計する必要があります。 今回は、インターネット初心者ユーザがサイトの基本的な構造を理解して いないために陥りがちな行動について、ECサイトの利用シーンを例として ご紹介します。 弊社のユーザ行動観察調査では、あるECサイトで以下のようなユーザ行動が 見られました。 ユーザがECサイトで気に入った商品を見つけた際、「カートに入れる」ボタンを クリックして買い物かごページヘ移動しました。 このときユーザは、「続けて他の商品も購入したい」と思っていましたが、なぜか 買い物かごページからブラウザの「戻る」ボタンを押し、商品ページに移動しようとしませんでした。 なぜ買い物かごのページから戻らなかったのかを質問したところ、「買い物かごのページ から前のページに戻ってしまうと、いま買い物かごに入れた商品がキャンセルされて
モバイルサイト vs. フルサイト
モバイルの良質なユーザーエクスペリエンス（UX）に必要なデザインは、デスクトップユーザーを満足させるために必要なものとは異なる。2種類のデザインをして、サイトを2個にし、相互リンクすることによって、すべてはうまくいく。 Mobile Site vs. Full Site by Jakob Nielsen on April 10, 2012 日本語版2012年5月8日公開 数百のサイトについてのユーザビリティテストから判断すると、モバイルに最適化したウェブサイト向けの主なガイドラインは明らかである： 余裕があれば、モバイルに最適化したサイト（あるいはモバイルサイト）を別個に構築しよう。モバイルデバイスを利用してサイトにアクセスするとき、ユーザビリティの測定結果はフルサイトのものよりもモバイルサイトのほうがずっと高い。 モバイルのアプリならさらにいいだろう、少なくとも現時点では。 モバイルのユ
jQueryを使ったアニメーションと、ユーザビリティの話。それとCSS3。 - 甘味志向＠はてな
JavaScript Advent Calendar 2011 オレ標準コース、2日目のもろへいやです。とても遅れてすいません… 私は技術的な話は得意ではないので、デザイン面からJavaScriptプログラマーに向けてのTipsを書きたいと思います。 今回は、アニメーションの話を書いてみます。 jQueryは標準で、要素の表示・非表示を切り替えるときにフェードやスライドを使うことが出来ますよね。 $("#box").fadeIn("fast"); たった一行で、アニメーション効果を付加することができるので、 プログラマーのみならずデザイナーの方でもjQueryを使っている人は多いんじゃないかと思います。 しかし、簡単なおかげで何をするにアニメーション効果をかけまくってしまったり。 あるいはアニメーション効果なんて無駄！ ということで、全然使っていない人もいると思います。 ですが、アニメーシ
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に
5 Big Usability Mistakes Designers Make on Carousels
A carousel isn’t just a device you’ll find at the airport or amusement park. It’s also a widget that’s found on websites. Designers use them to display visual items in a way that’s quick for users to browse. Designers use them a lot, but making them usable is a different story. There are five big usability mistakes designers make when they design carousels. Are you making these mistakes on your ca
多側面ある一貫性と理解の共有
サイト全体の設計をするときに、必ずといっていいほど考える課題のひとつが一貫性。GUIや情報の配置など一貫性を保ちたい要素は様々です。サイト全体の見た目だけでなく使い勝手や感覚的な印象を統一させることで、利用者にひとつの場にいるという安心感を提供すると共に、一定のブランドイメージを提供することが可能になります。 一貫性というのは単にすべてを同じにしたり、一定の基準を満たせば良いというわけではないところが難しいところ。ソフトウェア、Webデザインにおいて一貫性をつくるということはとても複雑なことだったりします。一貫性とひとことで言っても以下のように細分化することができます。 人の認知とシステムの振る舞いの一貫性 OSのインターフェイスガイドラインを基にした一貫性 類似製品にある一貫性（ブラウザの進む・戻るボタンはどれを選んでも左上にあるなど） ビジュアルの一貫性 インタラクションの一貫性 操作
Av-jyo.com
The domain av-jyo.com maybe for sale. Click here for more information. Av-jyo.com Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Web Designing Courses AVI DVD Player Online Data Protection MatchMaking Services Related Searches: Cloud Service Providers Secure Internet Browser Computer Internet Security Privacy Policy
タブ使用時の注意点 (ユーザビリティ実践メモ)
タブによる表示切り替えは、様々なサイトで利用されている便利な機能です。さて、皆さんはタブの使い方が大きく2種類あることにお気づきでしょうか？ タブは便利であると同時に、背後のタブが見られない危険性が伴います。今回は、タブの2種類の使い方にそって、タブ利用時の注意点について考えてみたいと思います。なお、どちらの使い方か明確に分けられない場合は、両方の注意点を参考にするのがおすすめです。 ※タブを利用する際の注意点は過去の実践メモでも取り上げています。 （参考） 「困った時のタブ頼み」（ユーザビリティ実践メモ） まず、一つ目の使い方は、「多数の情報をカテゴリごとに整理して提示する」というものです。 例えば、ニュースサイトでは多数のニュース記事を「総合」「経済」「エンタメ」「スポーツ」というタブを使って分かり易く分類しているのをよく見かけます（図1）。あるいは、衣料品を扱うＥＣサイトでは「レディ
シニア層のためのWebサイトユーザビリティ
2013年3月23日 ユーザビリティ 以前「笑っていいとも！」の山口智充さんのコーナーを見ていて、ちょっと驚いた事があります。20代～60代の女性の必需品をランキングしたもので、40, 50代女性では5位圏外だった「パソコン」が60代で3位にランクイン。シニア層のインターネット利用率は年々高まってきているのはニュース等で読んでいましたが、これを見てなんだか実感しました。という事で今回はシニア層のWebサイト設計について考えてみたいと思います！ ↑私が10年以上利用している会計ソフト！ 上記「笑っていいとも！」の件で興味を持った私は、シニア層のインターネット利用方法なんぞを調べていたところ、丁度私の母親が「インターネットで買い物がしたい」と言ってきました。彼女は海外に住む私と連絡をとるためにメールやSkype等を使う事ができるので、ある程度インターネットについて理解しているのだと思っていまし
ユーザを逃さないヘルプの見せ方、2つの注意点 (ユーザビリティ実践メモ)
前々回、前回に引き続き、ヘルプコンテンツの効果的な見せ方についてご紹介します。 ヘルプコンテンツは、すべての項目を羅列した「よくあるご質問」のようなページを持つだけでは不十分です。 以前の実践メモでは、疑問が発生したタイミングで「その場で」参照できるよう、主要な導線となるページ内に、ヘルプ内容を露出する方法を推奨していました。 今回は、ヘルプ内容を露出する際の、具体的な2つの注意点をご紹介します。 ヘルプの隠れた役割 置くだけでは不十分？ヘルプ活用3つのポイント そこで、実際に皆様のサイトで主要導線上にヘルプ内容を露出させる際の注意点を、以下の2つにまとめています。 注意点1. 同一ウィンドウでヘルプページに遷移させない ヘルプが掲載された別のページに「同一ウィンドウで遷移させる」（ページが完全に切り替わる）という方法はお勧めできません。 ページが完全に切り替わると、もとのページに戻るため
プログラマのためのUXチートシート — ありえるえりあ
はじめに http://msdn.microsoft.com/ja-jp/library/aa511258.aspx の 「Windows ユーザー エクスペリエンス ガイドライン」 「ガイドライン」 主に「コントロール」 の抜粋です。 以下の基準で抜粋しました Web UIに応用可能 実用的かつ具体的 自明ではない プライマリUIを目立たせる プライマリ UI 要素を強調するには、以下に従います。 - プライマリ UI 要素は、視線の通り道に配置します。 - タスクを開始する UI 要素は、左上隅または中央上に配置します。 - コミット ボタンは、右下隅に配置します。 - 残りのプライマリ UI は、中央に配置します。 - コマンド ボタン、コマンド リンク、アイコンなど、注意を引き付けるコントロールを使用します。 - 大きなテキストや太字のテキストなどの目立つテキストを使用します。 ユ
Webutubutu!-Older: ECサイトの注意書きを1割の人は読まない
ECサイトの注意書きと言えば、事前にユーザーに伝えるべき重要な内容です。 しかし、どれほど気を使ってみても全てのユーザーが読むとは限らず、書いているから安心などという問題ではありません。 注意書きの内容と記載場所 ECサイトの注意書きと言っても様々な種類があります。 大別すると、大体以下のように分ける事が出来るでしょう。 定休日などの店の営業に関する情報 配送や決済などEC特有の情報 特定商取引法に基づく記載などの法律に定められた記述 ナマモノや割れ物など商品の特性 どれも重要な情報のため、書かない訳にいきません。 全て記載すると相当な文章量になりますが、場所や表現を工夫してユーザーに提示します。 記載場所 ECサイトの構成やデザインにもよりますが、注意書きの記載場所には大まかな傾向があります。 例えば、特定商取引法に基づく記載は個人情報保護に関する記載等とともに独立したページにする事が多
「いらないものは売れない」という意識を持つこと。 | 笑顔を創りたいＷｅｂ屋の日常
笑顔を創りたいＷｅｂ屋の日常 Ｗｅｂ業界からひょんなことで専門学校の先生に。そしてまたＷｅｂ現場に戻ったＷｅｄディレクターのブログ。情報デザインやＷｅｂの勉強をしています。 という意識を持つことって、僕は大事だと思っています。 まあ、デザイナーは魔法使いではないのだから。 ■わかりやすいデザイン？伝わるデザイン？ どうも、「わかりやすい」というところに固執する方が多い様に思うのです。固執というよりは全てをそこで考えてしまうというべきか。ユーザビリティは当然大事です。当たり前です。でも、それが全てではないはずです。 他社さんをみてたり、同業者の話を聞いてると「わかりやすいデザイン」とか「お客様の要望を適格に捉えデザインにおこします」みたいな売り文句で制作業をしている方が結構たくさんいて・・・。そういう方の意識や、プロセスって確かにその通りになっていて、ユーザが迷わないようなUI設計や、もっと
The Ultimate List of Style Guides and UI Guidelines - The UX Bookmark
If you are a graphic designer or an interaction designer and have ever been tasked with creating a style guide or UI guidelines document (both are different and I’ve had the pleasure to work on both of them creating templates and the actual documents for brands and products), this list should help you out as a consolidated list of references. This list is going to be constantly updated (and will u
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブサービス道: ユーザビリティーに関するTIPS 20個
http://e0166nt.com/blog-entry-889.html
