年末で祖父母宅に来てるんだけど、今更気付いたのよ。 洗剤の詰め替え、一個もないなって。 買い置きが全部本体なのね。 詰め替えは衛生面が……とかそういう拘りがあるのかと思ったら、ないらしい。 だったら詰め替えの方が安いじゃん？って言ったら「詰め替えは若い人じゃないと無理」って言い出して、なに言ってんの？と思ったんだけど、理由を聞いて納得した。 詰め替え、お年寄りには無理。 まず、どれを買えば良いのか分からないらしい。 最近種類多いよね。 同じ容器の同じ商品でも、必ず香り違いとかで数種類ずつある。 しかも、香り名は小さい字で書いてあったり英語だったりとかね。 あれはさ、お年寄りには難しいと思う。 メーカーさん、もうちょっとお年寄りでも分かり易いように考えて欲しい。商品毎にマーク付けるとかさ。 うちの商品は裏面に動物の絵が入ってます、このブランドのこの香りはペンギンの絵です、とかそういう分かり易

モバイルファーストのウェブデザインは、デスクトップで閲覧する際に重大なユーザビリティ上の問題を引き起こす。長いスクロールページにコンテンツが過度に分散され、余白が広がり、画像やフォントが拡大されるため、ユーザーが情報を把握し、理解することが難しくなるのである。 The Negative Impact of Mobile-First Web Design on Desktop by Kim Salazar, Tim Neusesser and Nishi Chitale on October 13, 2023 日本語版2024年2月6日公開 最近のウェブサイトの多くは、モバイルファーストなアプローチでデザインされている。こうしたページをデスクトップデバイスで表示すると、コンテンツが過度に大きく引き伸ばされて見えることがある。画面を覆い尽くすような画像、肥大化したテキスト、過剰な余白のせいで、

正常な視力の人（または視力を矯正している人）は、ライトモードのほうがよく見える傾向があるが、白内障および関連疾患のある人の中には、ダークモードのほうが見え方が良好になる人もいる。その一方で、ライトモードでの長時間の読書は、近視を引き起こす可能性も指摘されている。 Dark Mode vs. Light Mode: Which Is Better? by Raluca Budiu on February 2, 2020 日本語版2022年10月31日公開 最近、iOS 13へのダークモードの導入をきっかけに、ダークモードのデザイントレンドとしての人気とそのユーザビリティについて、ある記者からコメントを求められた。また、UXカンファレンスの参加者からもダークモードについてのこの質問を何度か受けている。 iOS 13：ライトモード（左）とダークモード（右）。 前もって言っておかなければならないが

【お知らせ】フォロー機能をご利用の方に、9月30日までの期限でデータ移行作業をお願いしております。こちらのページからボタンを1回押すだけの作業になります。ご協力をお願いいたします。 大栗紙工（大阪市）が開発・製造した「mahora（まほら）」シリーズは、発達障害がある人の声を基に企画し、紙の色やケイ線を工夫したノートだ。「目に優しい」「集中しやすい」「書きやすい」といった、本来は発達障害がある人に向けた特徴を、開発途中から文具店や卸などが評価。「年配の人や子供など誰にでも使いやすいノートとしてアピールできるのでは」と注目された。 ＜前回（第6回）はこちら＞ 「まほら」が完成すると、大栗紙工は自社でECサイトを立ち上げて2020年2月に2品目からテスト販売を開始。同年8月には卸の取り扱いもスタートし、21年2月までの1年間で約1万7000冊を販売した。さらにユーザーの意見から21年2月には商

人気のアカウント @orange21 ディズニープラス、退会しようとおもって散々長いアンケート答えさせられて最後のページでこの青いボタンを押すだろ？そうするとどうなると思う？ pic.twitter.com/W8tJls9NQS 2021-06-22 20:18:38

EC事業者にとって悩みのタネなのが「カゴ落ち」。購入の意思をもって入力フォームにたどり着いたユーザーが、離脱してしまうのはなぜでしょうか？エンドユーザーへのインタビューやアンケートで見えてきたもの。それは、「価格の総額を表示するタイミング」など事業者側では見落としがちな意外なポイントが、実は離脱要因になっていたことでした。A/Bテストによるカゴ落ち改善事例と合わせて、お伝えします。 改善事例1：送料や手数料が離脱理由の1位！・・「総額表示」を1ページ目で見せたところ？ ユーザー調査で不安や疑問に感じた事例で多かったのが、価格について。 私たちが行った200人を対象としたアンケート調査でも、フォームで離脱する理由では「送料手数料が気になる」という回答が15.2％で1位でした。 情報入力や支払い方法の段階で、「総額でいくらかかかるか分からないのが不安」と、入力をやめた経験を語るユーザーが多くい

2.Google 品質評価ガイドライン解説（評価基準・評価対象）</h2>\r\n"}}" id="text-9d41e6452c" class="cmp-text" data-text-addon> 2.Google 品質評価ガイドライン解説（評価基準・評価対象） このページでは、「<a href=\"https://static.googleusercontent.com/media/guidelines.raterhub.com/ja//searchqualityevaluatorguidelines.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Google 品質評価ガイドライン（General Guidelines）</a>」の評価基準・評価対象を解説します。ガイドラインの概要を知りたい方はこちらを、最新版（2020年10

統計とユーザビリティのコンサルティングを行っている会社、MeasuringUの創始者です。20以上の記事、統計とユーザーエクスペリエンスに関する５冊の本の著者です。 人々がどのようにインターフェイスに対してインタラクションをするのかを見ることで、何が機能していて、どこの改善が必要なのかが分かります。 このような行動観察はユーザー体験を理解するために不可欠ではありますが、それだけでは不十分です。 プロダクトが本来の機能を果たし、適正な価格であり、信頼性があるからといって、必ずしも良いユーザー体験が提供されるわけではありません。 ユーザーは体験が複雑すぎるか、難しいと感じているかもしれません。たとえば、経理系アプリのような多くのB2Bソフトウェアプロダクトは、組織のニーズを満たし、信頼性がありますが、多くの手順と混乱を招くような専門用語のオンパレードによって、あまりいい体験を提供できているとは

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

Cassandra Naji氏は、Webアプリやモバイルアプリ用のプロトタイピングツールJustinmindのマーケティングコンテンツ編集者です。 たとえばあなたがECサイトを運営していると考えてください。訪問者が検索エンジン経由でサイトを見つけてWebサイトを閲覧していることはわかっています。訪問者は購買手続きを始めました。ところが途中で手続きを止めてしまいコンバージョンまで至りませんでした。 何が原因で手続きを止めてしまったのかわかりません。情報ヒエラルキーやユーザーフローをアップデートすべきときなのかもしれません。どのようにすれば、手直しすべき部分がわかるのでしょうか。 UX監査は、Webサイトやアプリといったデジタルプロダクトの中で、ユーザーを悩ませコンバージョンを妨げているポイントを明らかにして、不完全な箇所を突き止める方法です。 UX監査は会計監査と同じように実証的な手法で既存

日清食品が6月から「カップヌードル」はじめ即席麺を一斉値上げすると発表したばかりだが、現在、即席麺は年間どのくらい食べられているかご存知だろうか。世界ラーメン協会によれば、2017年に世界中で消費された即席麺はなんと1001億食にも及び、日本は中国、インドネシアに続き3位。年間56億6000万食が消費されている。 【写真】袋麺に新しい食べ方も 世界初のインスタントラーメン「チキンラーメン」を発売（1958年）したのも日清食品で、誕生から60年を超えてロングセラーを続けているのは周知の通り。いまや定番商品だけでなく、数えきれないほどの新商品が多くの食品メーカーから発売され、日本の即席麺市場は緩やかながら、なお拡大しているというから驚きだ。

いよいよユーザーテストに入ります。テストの結果どうなり、何がわかったのでしょうか。今回は、ユーザーテスト本番の様子をお伝えします。 中根さん登場！前回の記事でもご紹介した中根さんに、実際に当社までお越しいただきました。中根さんは、アクセシビリティの専門家です。かつてはW3CのWAI (Web Accessibility Initiative) でアクセシビリティガイドラインの策定にも関わっており、現在ではアクセシビリティの情報サイト「AccSell」を主催して、Webに限らず、アクセシビリティ全般の情報を積極的に発信されています。 弁護士ドットコムの社内からは、20名ほどの参加者が集まりました。テストに先立ち、まずは視覚障害者の一般的な環境や、中根さんの普段の利用方法をご紹介いただきました。この内容は第1回、第2回の記事で触れた内容と重複しますので、そちらをご覧いただければと思います。 い

重要なポイントと質問の回答はこちら https://note.mu/shikichee/n/n1c78ed4b4af7 twitterはこちら。 https://twitter.com/shikichee

[レベル: 中級] 昨日とおとといに続いて、今日も Chrome Dev Summit 2018 のセッションレポートをお届けします。 セッションのタイトルは “Speed Essentials: Key Techniques for Fast Websites” です。 昨日レポートしたセッションと同じようにモバイルウェブの高速化がテーマです。 しかし、こちらはより実践的な内容になっています。 パフォーマンス改善に非常に役立つテクニックが満載です。 パフォーマンス改善の優先対象は画像とJS、フォントの3つ モバイルウェブで 1 ページあたりデータ量が多いリソースは次の順番（HTTP Archive 調べ） 画像 (約 500 KB) JavaScript (約 380 KB) フォント (約 80 KB) この 3 つは Performance Budget（パフォーマンス バジェット）

最速で データを売上に転換 ヒートマップ分析、アクセス解析、ページ編集、 A/Bテスト、WEB接客、パーソナライゼーションまで 1行のタグを設置すれば、ノーコードですべて実現。

Scottは元Tinderのプロダクトマネージャー兼リードデザイナー。現在はプロダクトコンサル会社Philosophie所属。ウェブやモバイル製品の構築を15年以上行っています。https://twitter.com/scotthurff 本記事はTinderの元リードデザイナーであり、今はGoogleや任天堂をクライアントに持つプロダクトコンサル会社Philosophieに所属するScott Hurff氏のブログエントリーからの翻訳転載です。記事自体はiPhone 6発表時に書かれたものですが、議論自体は現行のものにも適用されますので、時事的な部分は割愛しつつ翻訳してお届けします。 親指のためのデザインとは、親指が自然な動きで弧を描く動作で使えるように、最適な形でインターフェイスを構築することです。 しかしこれは非常に複雑な問題です。私たちは画面上の至るところに点在するUI要素に触れよう

成果爆増！CV200%増・離脱率50%が達成できるスマホサイトEFO 5つのポイント！ 2016/2/1 フレームワーク こんにちは、WEBコンサルティング会社のタガタメ代表取締役の酒井です。 スマホサイト経由でのWEBサイトの利用率は爆発的に伸びています。スマホからのアクセスを見ると「ZOZOTOWN」「ユニクロ」などのファッションサイトで64％、「Amazon」「楽天市場」「Yahoo! ショッピング」などの大手通販サイトでも56％と完全にパソコンからのアクセスを抜いています（2015年ニールセン調査）。 ところが、パソコンの入力フォーム最適化（EFO）に比べてスマホのEFOは大幅に遅れているのが現状です。 ここでは、スマホサイトのEFOを一気に改善する5つの方法をお伝えします。 ①フリガナ入力でカタカナを要求してはいけません これはパソコンも同様ですが、そもそもなぜフリガナ入力がカタ