「ダークパターンレポート2023」を公表。ECサイトやアプリでの購入経験者799人への意識調査
「ダークパターンレポート2023」を公表。ECサイトやアプリでの購入経験者799人への意識調査 4割強がダークパターン被害を経験。7割強が、ECサイト等の運営企業に対応を求める 企業や行政と伴走し活動を支えるデザイン会社の株式会社コンセント（本社：東京都渋谷区 代表：長谷川敦士 以下、コンセント）は、消費者をだますウェブサイトやアプリのユーザーインターフェースである「ダークパターン」について、全国18歳から69歳までのECサイトやアプリでの購入経験者799人を対象に、見たりひっかかったりした経験やその際に取った行動、認知・理解度などの実態を調査し、「ダークパターンレポート2023」としてとりまとめました。 調査の実施背景 ダークパターンの問題を顕在化し、個人・企業・行政で取り組める社会に ダークパターンとは「消費者の自主性や意思決定や選択を覆したり損なわせたりする選択アーキテクチャを、主に
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
「システムの画面」と「利用者の認知」のギャップを意識する - ヴェルク - IT起業の記録
boardというSaaSの開発の中で、画面上の文言・配置・全体の流れ等をどのように考えて作っているか、という話です。 一般的なUIの話ではなく、サポートの経験から「認知とのギャップ」という視点で考えてたりするので、それについて書きたいと思います。 人は自分の知識・経験から物事を理解しようとする 人が新しいものを触る際、これまでの知識や経験などと照らし合わせながら物事を理解する傾向があるものだと思っています。 そのため、何か新しいものに触れる際、これまで似たような経験をしたことがあったり、知識があったりするものはスムーズ理解できます。逆に、それが少なかったり似たものがなければ、理解のハードルが高くなると思っています。 そのため、初めてシステムを触る際に、これまでの知識・経験とのギャップが小さければ小さいほど、スムーズに理解できる可能性が高くなります。 boardの画面を考える際、想定ユーザー
UIデザイナーは読んでおかないと後悔する良書！ 大規模サイト・アプリのUI/UXを作り込むテクニックや裏側まで詳しく解説 -銀行とデザイン
3人のWebデザイナーがインハウスデザイナーとして、三井住友銀行のスマホアプリやWebサイトのリニューアルを通してデザインによるDXをどのように浸透させたのか、その経験が惜しみなく明かされた良書を紹介します。 「銀行」は自分とは関係ないやと思った人は間違いです。スマホアプリやWebサイトのUI/UXをユーザー目線で使いやすく洗練されたデザインにするテクニックなども詳しくていねいに解説されており、UIデザインの学びがたくさんあります。 一読するだけでなく、何度も繰り返し読みたくなる優れたデザインの解説書です。 3人の経歴は、金澤氏はフリーのWebデザイナーを経て制作会社に入社、金子氏は知人とWeb企画・制作、堀氏は企業でUIデザインを担当、そして三井住友銀行のインハウスデザイナーとしてUI/UXデザインを担当しています。 デザインの必要性や重要性を社内からどのように理解してもらったのか、スマ
フィッツの法則と、UXにおけるその応用
ターゲットまでの移動時間は、ターゲットの大きさとターゲットまでの距離に依存する。 Fitts's Law and Its Applications in UX by Raluca Budiu on July 31, 2022 日本語版2023年1月10日公開 歴史 ポール・フィッツは、ヒューマンエラーが単なる人間による誤りではなく、不適切なデザインに起因することを理解した最初の心理学者の1人である。彼は第二次世界大戦中に飛行機のコックピットのデザインを研究し、ヒューマンエラーが原因であるとされていた多数の戦死が、実際にはデザインの不適切さによるものであると主張した。 1950年代になると、彼はシャノンの有名な情報理論の影響を受ける。そして、ジョージ・ミラーがチャネル容量の概念を人間の記憶に適用し、その過程で人間の短期記憶の情報処理能力として有名なマジカルナンバー7を導き出したように、フィッ
応答性を示す新しい指標「INP」 | フロントエンドBlog | ミツエーリンクス
ユーザーの直帰率や離脱率とパフォーマンスの関係から、コンテンツを表示する速度や応答性（ページがユーザー入力に応答する速度）がいかに重要であるかは、既によく知られるようになってきています。 ではコンテンツを表示する速度や応答性を上げるにはどうしたらいいでしょう。 結論から述べるとパフォーマンスを客観的な指標に基づいて正確かつ定量的に測定し、そこから課題を見つけて解決することが必要になります。 GoogleはChrome User Experience Reportに新しく応答性指標INPを導入しました。 INPとは INP（Interaction to Next Paint）は、ページの読み込みを開始してからユーザーがページを離れるまでの間に発生するユーザー入力の応答性（インタラクション）を評価する測定基準で、遅延時間を計測します。 計測対象のインタラクションは、以下となります。 ユーザー入
「のどが渇いた」というユーザーに何を出す？ ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
2022年9月13日 株式会社メンバーズ ポップインサイトカンパニーでのウェビナーのスライドです。「ユーザーが欲しいと言った機能をつけたのに使われない！」という経験はありませんか。プロダクトをつくるとき「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集めることで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。かんたんなワークも交えながら、体系的に解説いたします。Read less
プロダクトデザイナーのスキルマップを考えてみた
何でも屋が増えてもスケールしない「UXが付く肩書きがもつ不安感 」という記事で、UX デザイナーが『何でも屋』になっているのでは？という疑問を投げかけました。ひとりのデザイナーとして様々な分野に関わりたいと思うものの、UX の文脈で求められるスキルと知識の幅は広いので、すべてをカバーするのが極めて難しいです。また、ひとりですべてを抱え込むと、組織が求める品質とスピードに応えることができない場合があります。 初期は複数の役割を受け持つことになりますが、プロダクトと組織が成長していかなければいけないときも同じように何でも携わるというやり方が適しているとは限りません。専門性を伸ばしていくことでより高度な提案とアウトプットができますし、互いの弱みを補いながらチームとして動く意味も増していきます。 デザイナーをひとりしか雇えない環境では数多くの分野に精通している人のほうが良いですが、そういう人ばかり
これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効
2021年 atama plusのプロダクトチームが穴があくほど読んだ本たち｜üemüra ☃
atama plusには、学習することが大好きな人がたくさんいて、2021年も本をたくさん読みました。また、atama plusでは各所で読書会がよく開かれています。読書会は、”良い！”と思った1冊の本を複数人で精読し内容を相互に学び合うというものです。 このnoteでは、そんなatama plusのプロダクトチームが夢中で読んだ本たちを、メンバーのコメントと共に紹介します。 タイトルに読んだメンバーの職種を記載していますのでご参考まで。 Dev -> エンジニア UX -> UX/UIデザイナー SM -> スクラムマスター PO -> プロダクトオーナー QA -> QA 2021年 夢中で読んだ本たちMeasure What Matters 伝説のベンチャー投資家がGoogleに教えた成功手法 OKR [全員]今年からOKRを導入し始めたので、全員で使い方やメリットを理解するために読
新・えきねっとは誰のためのシステムなのか？｜長沢めい
結論から書くと、ちょっと思い当たらない。というおはなし。 そもそも「えきねっと」とはJR東日本の予約サイト。今週末にリニューアルを実施しました。 切符オタクの界隈では「あの切符が発行できない」「売ってはいけないはずの切符が検索結果に出てくる」などなど、いろいろな反応があったようですが、一般の方からすると「鉄道オタクがなんか騒いでいるなぁ」っていう感じかもしれません。私も個々論的なところはあまり興味がないから、そこについては書きません。 じゃあ、ここで何を書くかというと、UIの話をします。鉄道に限らず、いろいろなシステムにも言える話かな、と思ったので。 きっぷを買うまでの道のりが大変先述のプレスリリースには色々と変更点が書かれているんですが、1番目に書かれているのが「列車のお申し込みの操作方法が変わります」という点。 「えきねっと」トップページからダイレクトに、「乗車駅」「降車駅」や「日時」
「ニューノーマル」におけるジャーニーマッピング
2020年前半の数ヶ月で、人々の生活は変わりました。Covid-19と、その結果としてのロックダウン規制の影響で、多くの会社とクライアントは完全にデジタルに移行することを強いられました。３月の半ばごろには、私たちの会社は完全なリモートワークに移行しました。この変化は不確実性とともに、多くの機会をもたらしました。そうした機会の１つが、UX（ユーザー体験）チームとDX（デジタル体験）*チームのコラボレーションです。その目的は、現状の組織のワークフローを明らかにし、全体のジャーニーマップとしてその体験を書面に落とし込むことでした。この構想のスケールは非常に大きく、顧客の獲得から顧客の成長と拡大に至るまでに関わる人、プロセス、テクノロジーをすべて含むようなジャーニー全体が想定されていました。 *編注：この記事ではデジタルトランスフォーメーションではなく、デジタルエクスペリエンスという意味合いでDX
実際に見るより近くで見られる。作品のわずかな歪みまで確認できるオンラインギャラリー
実際に見るより近くで見られる。作品のわずかな歪みまで確認できるオンラインギャラリー2021.02.26 11:00Sponsored by パナソニック株式会社｢Game Changer Catapult｣ ヤマダユウス型 オンラインを代替ではなく、利点に変える。 コロナ禍の影響もあり、ネットでの買い物体験はどんどん一般化してきています。一方で、｢コレはネットじゃなくて実物を見て買いたい｣というモノもありますよね。僕は古着が好きなのですが、 古着は実物を見てみないと質感とかがわからないじゃないですか？ あと、お店の雰囲気も大事にしたい。 ECサイトは手軽に多くの商品がチェックできるものの、質感レベルまで確認するのは難しい。そこで登場したのが、未来の｢カデン｣を生み出すためのパナソニックの社内プロジェクト｢Game Changer Catapult（ゲームチェンジャー・カタパルト）｣が主催す
OIDC CIBAで作る「スマートフォンでログイン」機能 - r-weblife
こんばんは、ritouです。 今日は OpenID Connect Client Initiated Backchannel Authentication Flow 通称CIBA のユースケースについて書きます。 CIBA は決済や送金のためのもの？ 自分の記事でも、CIBAのユースケースとしてコンビニ決済への導入例を挙げてみたりしました。 そして、CIBAにやたらと詳しい某Authlete社の記事を見ても、送金とか決済などで使えそうな話がプンプンします。 www.authlete.com www.authlete.com お金周りはUX改善のメリットとして伝え安いですし、クレカ決済のDecoupled AuthNの実例もあります。 CIBAもFAPIとの絡みがあるのでこの辺りを例示しがちではありますが、今回はそんな流れに逆張りとばかりにシンプルなユースケースに注目します。 「スマートフォ
リーンキャンバス（Lean Canvas）を活用した企画書の書き方【テンプレート付】 - 株式会社モンスターラボ
リーンキャンバス（Lean Canvas）は、「Runnnig Lean」の著者として知られるアッシュ・マウリャ氏が提唱するビジネスモデルを9つの要素に分けて考えるフレームワークで、スタートアップのビジネスモデルを可視化する際に最適な手法です。 本記事では、新規アプリの企画書作成を例にリーンキャンバスの作成術を紹介。ビジネスを成功させるために、ぜひ活用してみてください。 ➡︎【無料ダウンロード】リーンキャンバステンプレート ★あなたの組織のデータ利活用レベルは？簡単診断はこちら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/nodenodenode1/status/1667448864201228288?s=12&t=6oqK5YeetSJf7tgFOGXtOg
「顧客の声を聞かない」とはどういうことか
「UXデザインとは」からはじめる「本流」のUXデザインはじめの一歩 | UXデザイン基礎セミナー 第1回
戦略からUIまで伴走するUXリサーチ
コグニカル