モバイルファーストのウェブデザインがデスクトップに及ぼす悪影響
モバイルファーストのウェブデザインは、デスクトップで閲覧する際に重大なユーザビリティ上の問題を引き起こす。長いスクロールページにコンテンツが過度に分散され、余白が広がり、画像やフォントが拡大されるため、ユーザーが情報を把握し、理解することが難しくなるのである。 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：ライトモード（左）とダークモード（右）。 前もって言っておかなければならないが
【送金地獄】歩くことで仮想通貨が貯まるというアプリ『STEPN』をやってみたらヤバイことになった
歩くことで仮想通貨が貯まると噂のアプリ『STEPN』。毎日、基本1万歩以上歩いている私（中澤）にとって、こんなに都合の良いアプリはない。なにせ、普段とすることは変わらないのに仮想通貨が稼げるのだから。 そこで『STEPN』をやってみようというのがこの連載「STEPNをやってみた」である。だがしかし、第4回の現在、いまだに私はSTEPNでウォーキングをできていない。『魔法少女まどか☆マギカ』の鹿目まどかなみに一歩を踏み出せていない。0回と0.5回があるからもう実質6回目なのに……わけがわからないよ。 ・これまでの流れまとめ 毒も漏らしたくなったのが前回のこと。1つ1つの詳細は記事にてご確認いただければと思うが、ザッとまとめるとこうだ。 靴を買わないとアプリがプレイできない ↓ 靴を購入するため、仮想通貨BNBが必要 ↓ BNBは海外の仮想通貨取引所「バイナンス」で買える ↓ BNBを購入する
上位はスカスカな｢まとめ記事｣ばかり…そんなグーグル検索より便利な次世代サービスの共通点 ネット社会は｢実名経済｣から｢偽名経済｣に変化しつつある
情報の濃い「生情報」にたどり着けない 今年2月、アメリカで「Google Search Is Dying」（Google検索は死にかけている）と題したIT系ブログ記事が話題となりました（※1）。 ※1：DKB「Google Search Is Dying」 この記事のポイントは、「広告」と「SEO」の蔓延でGoogle検索の質が低下し、ユーザーの「Google離れ」が起きているというものです。 ユーザーはどこに不満を抱いているのか。それは、なにかを調べたいと思ってGoogle検索をしても、上位には情報の薄い「まとめ記事」が出てくるばかりで、体験談やレビューといった「生情報」にたどり着けないという問題があるからです。 試しにグーグルで「トンカツ 新宿」で検索すると… この傾向は、特に商品や店のレビューで顕著です。 例えば「トンカツ 新宿」と検索すると、最上部にはGoogleマップとそれに紐付
マンガが膨大なエンタメの中で勝ち続けるためのアイデアを考えてみた｜けんすう
こんにちは、マンガサービスの「アル」というものを運営しているけんすうといいます。マンガしか趣味がないので、マンガを世界一のエンタメにして、世界中の人がマンガを楽しめるようにする世界を作ろうと真剣に思ってやっています。 さて、この記事では 「マンガが他のエンタメの中で、勝ち続けるためにはどうしたらいいか？」 を考えてみたいと思います。 前提競合はどこですか？と聞かれる事が多いんですが、明確に「YouTubeやTikTok」だと思っていまして・・・。他のマンガサービスや出版社さんは、協調する仲間ではあるんですが、敵ではないと思っています。 前にこんな記事を書きました。 マンガはいまや高級商材になってしまっている、というものです。 たとえば、キングダムを全巻(58巻)買おうとすると、34,452円かかるらしいんです。Nintendo Switchよもり高くなってしまうわけですね。 その割に、1巻
Designship 2019 書き起こし : 医療体験の当たり前をアップデートする「道具としてのAI」のデザイン｜はたけ｜note
はじめにこれは何? Designship 2019 公募セッションで登壇時使用したスライドと、話した内容の書き起こしです。 当日参加された方は補助的にお読みいただけるとありたいです。参加できなかった方は、こちらで一通りの内容は網羅できます。 自己紹介 畠山糧与と申します。 AI(特に機械学習)を使った病気推測等をやっているスタートアップUbie(ユビー)で、2018年からプロダクトのデザインをしています。 会社紹介資料 今日はあまり会社説明っぽい話をしないつもりです。もし興味ある方は、最近どんなことしてるか、以下から見てやってください。 なぜ2年連続で応募したか? 去年のDesignshipでも登壇させてもらったので、2年続けての公募となります。なぜか。医療やAIのデザインを、一緒に面白がってくれる仲間を増やしたいからです。 去年は「医療のデザイン」の話をさせてもらいました。登壇からのご縁
SNS時代のマーケティングフレームワーク「DRESS」とは？
マーケティングやビジネスに関わる方なら、みんな「AIDMA」や「AISAS」をご存知だと思います。 AIDMAとは、消費者が購買を決定プロセスのことです。これは ・製品の存在を知る（Attention） ・興味をもつ（Interest） ・欲しいと思う（Desire） ・記憶する（Memory） ・購買する（Action） の頭文字をとったものです。Wikipediaによると AIDMAとは1920年代にアメリカ合衆国の販売・広告の実務書の著作者であったサミュエル・ローランド・ホールが著作中で示した広告宣伝に対する消費者の心理のプロセスを示した略語である。となっています。 昔の広告らしいなーという感じはするものの、今の日本でも、「人に欲しいと思わせるために恐怖などの感情を刺激したり、一貫性を持って量を投下しまくることで、記憶させる」という手法はよく使われるので、非常に優れたフレームワークと
ネイティブLazy-loadをWordPressで簡単実装するプラグインをGoogleが公開
[レベル: 中級] ネイティブ Lazy-load を簡単に実装する WordPress 用のプラグインを Google が公開しました。 ネイティブ Lazy-load は JavaScript のライブラリを利用することなく loading 属性を追加するだけで、画像と iframe の遅延読み込みを可能にします。 1 か月前にリリースされた Chrome 76 でサポートされました。 設定不要、インストールするだけで WP で Lazy-load Native Lazyload プラグインの使い方は非常にシンプルです。 インストールして有効にするだけです。 設定項目はありません。 有効にすると、img タグと iframe タグに loading=”lazy” 属性をプラグインが自動的に追加します。 現状では、loading 属性をサポートするブラウザは Chrome 76（以上）だ
なぜECで「カゴ落ち」は起こるの？価格表示や決済など、ユーザー調査で見えた思わぬ離脱ポイント
EC事業者にとって悩みのタネなのが「カゴ落ち」。購入の意思をもって入力フォームにたどり着いたユーザーが、離脱してしまうのはなぜでしょうか？エンドユーザーへのインタビューやアンケートで見えてきたもの。それは、「価格の総額を表示するタイミング」など事業者側では見落としがちな意外なポイントが、実は離脱要因になっていたことでした。A/Bテストによるカゴ落ち改善事例と合わせて、お伝えします。 改善事例1：送料や手数料が離脱理由の1位！・・「総額表示」を1ページ目で見せたところ？ ユーザー調査で不安や疑問に感じた事例で多かったのが、価格について。 私たちが行った200人を対象としたアンケート調査でも、フォームで離脱する理由では「送料手数料が気になる」という回答が15.2％で1位でした。 情報入力や支払い方法の段階で、「総額でいくらかかかるか分からないのが不安」と、入力をやめた経験を語るユーザーが多くい
レシピのUX／UIを改善する｜Goodpatch Blog グッドパッチブログ
普段、何気なく利用している身の回りのもので、使いづらかったり分かりにくいものはありませんか？このブログをご覧いただいている皆さんであれば、必ず一度はそういった経験をされたことがあるのではと思います。今回は「料理レシピ」にフォーカスしてUX／UIを改善してみましたので、そのプロセスをプロジェクト風にまとめてご紹介します。 改善の経緯 私は現在、Goodpatch社内のCookingサークルに所属しているのですが、先日みんなでフォカッチャを作ろうとしたところ教材に使用したレシピがとても分かりにくく、作るのが久々だった私自身も含め大混乱を招いたため、勝手にレシピを改善することにしました。 プロジェクトの目的・要件 既存レシピの改善。 レシピ利用者の背景や思考、調理時の行動などに合わせ、理解しやすく実際に調理する際にも迷うことのないレシピのフォーマットを作成する。 実施計画 利用者の背景を踏まえた
ジャーニーマップ作成の基礎
ジャーニーマップとは、1人のユーザーが目的を達成するためにたどるプロセスを視覚化したものである。 Journey Mapping 101 by Sarah Gibbons on December 9, 2018 日本語版2019年8月6日公開 ジャーニーマップはよく使われるUXのツールだ。あらゆる形やサイズ、フォーマットがあり、コンテキストに応じてさまざまな方法で利用できる。この記事では、ジャーニーマップとはどういうものか（そして、どういうものがジャーニーマップではないのか）、関連用語、よく使われる変化型、ジャーニーマップの活用方法といった、ジャーニーマップの基本を取り上げる。 また、カスタマージャーニーマップは、いつどのように作るべきか、その5段階のプロセス、ジャーニーマップ作成の実際を論じた記事も閲覧可能である。 ジャーニーマップの定義 定義：ジャーニーマップとは、1人のユーザーが目的
誰かのせいで良いUXが提供できないと感じたら
PaulはUXデザイナーであり、サービスデザインのコンサルタント。UNICEFなどの非営利団体や企業に対して、ユーザーのデジタル体験を向上させるためのコンサルティングを行っています。 私がUXの専門家から聞いた一番の不満は、「同僚や顧客、マネージャーが改善の障害になっている」ということだ。しかし、それはなぜでしょう。そして私たちはそれに対して何ができるのでしょうか。 以前から気になっていたことでシェアしたかった内容です。これが学びのあるブログ記事というより愚痴に近い内容であることは十分に理解していますが、これは私のブログ記事ですし、好きに書かせていただきます。 私は、UX分野の仲間たちが、同僚や顧客、経営者について不平を言うのを聞くのにうんざりしています。公平を期すために言っておくと、他のデジタル専門家も同じことをしていると聞いていますが、このあとすぐ触れるように、UXの専門家ならもっと良
1ページのリンク数は何本以内に抑えるべきか？Googleは数千本を処理できるが、UXを念頭に入れるべき
この記事では、1 ページに設置するリンクの数について説明します。 技術的には、数千本のリンクを Google は処理できます。 しかしながら、ユーザー体験の観点からはユーザーにとって使いやすい数に抑えることが適切です。 1 ページに設置するリンクの上限数は？ 英語版オフィスアワーで次のような質問が出ました。 ページに設置するリンクの数に上限はありますか？ リンクの数が一定数を超えると Googlebot はクロールを停止しますか？ HTML の上部にあるリンクのほうがインデックスやランキングには重要視されるのですか？ Google の John Mueller（ジョン・ミューラー）氏は次のように回答します。 通常は、ページにあるリンクをすべて取得してそれぞれのリンクに PageRank を渡す。もし無限に近いようなリンクがあったとしたら、渡される PageRank は、0.00000001
UIのお作法。28個の「〇〇できそう感」をまとめました。｜maiokamoto
UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。 １、進めそう感 ２、戻れそう感 ３、進めそう＆戻れそう感 ４、開きそう感（ドロップダウン） ５、開きそう感（アコーディオン） ６、開きそう感（モーダル１） ７、開きそう感（モーダル２） ８、カレンダーが開きそう感 ９、メニューが開きそう感（ハンバーガー） １０、検索できそう感 １１、入力できそう感 １２、検索できそう ＋ 入力できそう感 １３、パスワード入力できそう感 １４、パスワード感（強め） １５、間違えた感（エラー） １６、合ってる感（OK） １７、電話かかる感
ユーザー体験における「態度」を測るということ
統計とユーザビリティのコンサルティングを行っている会社、MeasuringUの創始者です。20以上の記事、統計とユーザーエクスペリエンスに関する５冊の本の著者です。 人々がどのようにインターフェイスに対してインタラクションをするのかを見ることで、何が機能していて、どこの改善が必要なのかが分かります。 このような行動観察はユーザー体験を理解するために不可欠ではありますが、それだけでは不十分です。 プロダクトが本来の機能を果たし、適正な価格であり、信頼性があるからといって、必ずしも良いユーザー体験が提供されるわけではありません。 ユーザーは体験が複雑すぎるか、難しいと感じているかもしれません。たとえば、経理系アプリのような多くのB2Bソフトウェアプロダクトは、組織のニーズを満たし、信頼性がありますが、多くの手順と混乱を招くような専門用語のオンパレードによって、あまりいい体験を提供できているとは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユニクロアプリが動画メインになっていて、なかなか見たい商品まで辿り着けない！と話題に「素直に静止画で見せてお願い」→対処法もあるらしい
「Twitterの無駄機能を全部殺せる」 ブラウザ拡張「Tweak New Twitter」が話題 フォローのツイートだけ表示など
“ディズニープラス”を退会しようとすると、ちょっと面倒な感じの手続きになるらしい「絶対にやめるという強い意志を試される仕様」
『リングフィット アドベンチャー』ゲームとフィットネス、混ぜるな危険のゲームデザインが成立するまでの苦労【CEDEC 2020】 | ゲーム・エンタメ最新情報のファミ通.com
言葉をデザインするUXライティング / 10 Rules of Effective UX Writing
