「ダークパターン」とは？7つの類型を解説／企業30社 独自アンケート - クローズアップ現代 取材ノート - NHK みんなでプラス
うそのカウントダウンタイマーや、在庫が少ない、需要が高いなどの表示。 画像では、カウントダウンタイマーや「今だけ」の表示で焦らせて「今買わなければ」という気持ちに追い込んでいます。 今回私たちは、企業の間ではダークパターンがどのように認識されていて、どのような対策を取っているのか、現状を把握するために独自にアンケート調査を行いました。 調査は、武蔵野美術大学の長谷川敦士教授の監修のもとで行い、ダークパターンが使用されることの多い6つのジャンル（ネットショッピング、旅行予約サービス、飲食店予約サービス、動画配信サービス、音楽配信サービス、電子コミック配信サービス）について、利用者の多い5つのサービス、あわせて30のサービスを対象にしました（利用者数については、ニールセンとICT総研の調査を元にしています）。このうち、16のサービスの運営企業から回答がありました（回答率は53％）。 回答した企
羽山さんのUXデザイン基礎セミナー「ユーザーインタビュー」設計編面白い！UXを真剣に作ってる人のコミュニケーション達人ぶりからはいろんな学びがある - 頭の上にミカンをのせる
特に第4回が面白い！ 続きも楽しみです。 プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう！ | UXデザイン基礎セミナー 第4回 from Yoshiki Hayama www.slideshare.net 親しみやすいネタをちりばめつつも極めて実践的な内容になってます。 figmaを使ってユーザーインタビューからテストまでを組み立てる過程を教えてくれています。 この際に、コミュニケーションにおいて陥りがちな落とし穴も」しっかり見せてくれます。 ですよねー。 そうか、figmaってこういう感じで使えるのか…… そして、いくつかのステップを経て、このようにサービスの「強み」を作りこんでいき さらにユーザーテストで問題点を見出していく過程も説明してくれています。 途中胃が痛くなりそうな描写もありますが、すっごい楽しそう！ っていうかこのスライドで紹介されてるLangak
これがユーザーの信頼を失うデザインだ！ 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン
ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書（紹介記事）」や「ザ・マイクロコピー（紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで
超わかる！ユーザーエクスペリエンス（雑）｜深津 貴之 (fladdict)
社内メンバー全員が、ユーザーエクスペリエンスをざっくり理解するための資料。（注: 以下は、ざっくり最速で基礎知識を説明するものです。厳密な定義は、ちゃんとした資料をご覧ください）。 5秒でわかる雑なUXモデルまず「だいたいあってる、ざっくりした概念図」を出します。 美味しいすき焼きを、お箸で食べて、ニッコリ「すき焼き（コンテンツ）を、お箸（インターフェース）で、食べたら美味しかった（エクスペリエンス）！」 シンプルに示せば、UXとはこれだけです。（注）ここのコンテンツはモノ、サービス、概念なども含みます。 そして「よいエクスペリエンス（雑）」とは、「ユーザーの精神活動をポジティヴにしていくこと」の積み重ねです。 ユーザーの精神が、左から右にシフトしたら、だいたいよいエクスペリエンスもうちょっと広げると、生活や人生をいい感じにすることも含みます。肉体的な変化とか、スキルアップとか…専門家に細
ミルクボーイがUIとUXの違いを説明したら｜広野 萌
挨拶内海「どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね」 駒場「いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど」 内海「そうなんや」 駒場「その名前を忘れたらしいねん」 内海「IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン思考か、アジャイル開発か、リーンスタートアップやろ！」 駒場「俺もそう思ったんやけどちゃうらしくてな、いろいろ聞くんやけど、全然わからへんねん」 内海「そうなん？」 駒場「うん」 内海「ほんだら俺がね、おかんの好きなIT用語、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ」 定義駒場「おかんが言うには、製品やサービスとの関わりを通じて利用者が得る体験及びその印象の総体やって言うてた」 内海「
iOS 15ベータ版で大不評のSafariのアレ、Appleが修正へ
iOS 15ベータ版で大不評のSafariのアレ、Appleが修正へ2021.08.20 07:0042,814 Victoria Song - Gizmodo US ［原文］ （ そうこ ） ナイスフィードバック！ ソフト正式版リリース前にやってくるベータ版。いろんな人に使ってもらって、意見を募るという大切な役割をもつベータ版。AppleのiOS 15のメインアップデートの1つにブラウザSafariの新デザインがあります。が、これがどうにも微妙でして。ハッキリいっちゃうと不評でして…。iOS 15のベータ版へ寄せられたフィードバックを元に、Appleは、Safariを前のデザインに戻せるというオプションをiOS 15に追加しました。 iOS 15で大きく変ったSafariデザイン。個人的にはアドレスバーが画面下にあるのがどうにも慣れません。長年の習性からとても違和感を覚えてしまいます。し
【フロントエンド初心者向け】ユーザビリティを上げるちょいテク
フロントエンドの開発が初めての人が意外と抜けがちな観点をまとめてみました。 初めにざっくりと概要を話すと「デザイナーが作るデザインでは表現しづらいもの」をまとめたものになります。 デザイナーが作るデザインは静的なものなので(たまにがっつりプロトタイプを作ったりもありますが)、いわゆる"状態"を表現するのが難しかったり抜けたりしがちです。 具体的に言うとローディング、Empty、エラーなどです。これらをよしなに補完できるフロントエンドエンジニアはデザイナーからもきっと「頼りになるぅ！」と思われること間違いないでしょう。 と言うわけでそんな例を紹介していきます。 今後も思いついたら追加する可能性が無きにしも非ず。 ローディングを出そう こう言うクルクルするやつとか こんな感じでシュインシュインするやつがあります。 基本的にユーザがアクションを起こした時に待たせる場合は必ず表示させましょう。 ロ
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.5
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第5弾は、ユーザーエクスペリンスやインタラクションに関するテクニックです。 UI & UX Micro-Tips: Volume Five. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. フォントサイズやグリッドは時にはルールを曲げてもよい 2. エラーメッセージは親切で分かりやすいものにする 3. ロード中は何が起きているのか分かるようにする 4. アクションを実行した際に何が起きるのか分かるようにする 5. タブバーには重要なアイテムだけを表示する 6. ドロップダウンに重要なアクションを隠さない
【UI設計】優れたUIデザイン（ユーザインターフェース）を作るために意識すべき、たった1つの原則
Webサイトやアプリは、もはや現代人の生活に不可欠です。Webサイトやアプリにおける「UIデザイン」は極めて重要で、玉石混交の「UI原則」や「UIテクニック」が数多く公開されています。しかし、「UIデザイン」に関する膨大な情報を得ても、いざ自分のWebサイトやアプリ開発となると、「良いUIデザインは結局どうすれば作れるの？」と迷うことも多いのではないでしょうか。 この記事では、優れた「UIデザイン」作成の実践に必要な、 UIデザインとは何か、なぜ重要なのかUIデザインで意識すべきたった1つの原則UIデザインを行うための具体的なアプローチと成功事例 をまとめています。 ポップインサイトでは、ユーザーリサーチのファクトにもとづいた情報設計、UIデザイン、WEBサイト改善を支援しています。WEBサイトのUX改善に課題がある方はお気軽にご相談ください。 UXデザイン/UXリサーチについて相談する＞
デザインと行動心理学｜nagaimen
情報設計やコミュニケーションに役立ちそうな、人の無意識な行動心理のキーワードをイラスト付きでまとめてみました。 視線解析 目は脳とつながっていて、視線と心理状態は結びつきやすい。記憶に関することは左に、未来に関すること右に視線が向く傾向がある。視覚に意識を集中すると上、聴覚に意識を集中すると真ん中、体全体で感じようとするときは下らしい。なので、嘘をつくときは右上をみてしまう傾向がある。ユーザーインターフェイスにおいても「戻る」ボタンが左、「進む」ボタンは右に配置されている。 アフォーダンス アフォーダンスとは、環境や形状が与える意味のこと。例えば、ドアの取っ手は前後に開けるものと認識するし、ドアにくぼみがあればスライドして開けると認識する。そういえば、線香花火はヒラヒラに火をつけたくなるので 反対かもと思い調べてみると、ひらひらを持つことで揺れを吸収し火球が落ちにくくなるらしい。線香花火の
読み放題をやめたらアプリの収益性3倍に。チャット小説の「peep」が語る、サブスクの読み放題から「強いIP」が育たない理由と、ボタン文言変更で収益性1.2倍になった話｜アプリマーケティング研究所
読み放題をやめたらアプリの収益性3倍に。チャット小説の「peep」が語る、サブスクの読み放題から「強いIP」が育たない理由と、ボタン文言変更で収益性1.2倍になった話 300万ダウンロードのチャット小説アプリ「peep」さんにお話を伺いました ※ taskey株式会社 CEO 大石 ロミーさん、CTO 深見 将一さん、peep事業推進部 部長 相澤 一樹さん「peep」について教えていただけますか？相澤： peepという、e-Storyアプリ（チャット小説）を運営しています。ダウンロード数は300万を超えていて、2,000作品が掲載されています。 ユーザー層は「22歳まで」が60％と若くて、iOSが80％くらいを占めます。現在は40名ほどで運営しています（インターンや業務委託を含む） どのような経緯で「peep」が生まれたのですか？大石： もともとは「世界でヒットする作品」を生み出すことを
UXの学習にナレッジマネージメントが欠かせない理由
UXの全部入り感がもたらす不安UX について勉強を始めると、一度くらい「The Disciplines of User Experience Design」のような概念図を目にすると思います。 UX には UI デザインやモーションデザインといった視覚的な部分だけでなく、心理学や社会学といった人の認知や行動の理解も必要ということが見て分かります。 Dan Saffer が考案したベン図を Thomas Gläser がリファインしたものこの図だけでなく、UX をテーマにしたインフォグラフィックは他にもたくさんあります。図によって切り口や詳細度が異なりますが、ひとつ共通点があるとすれば、UX には多分野の知識が欠かせないことを表している点。様々な分野を包括した何かが UX であると表現しています。 体験ですから見た目だけに止まらないのは納得です。また、UX デザイナーとして仕事をしていれば、
コンテンツデザインとSEO：デザイナーも意識したい検索のUX
コンテンツデザインに欠けがちな要素として、検索意図（Search Intent）というものがあります。 SEOの話題に少しでも触れると、不快に感じる方もいるかもしれません。SEOばかり指摘するのは、自分のアジェンダを押し通し、うぬぼれた指標を追い、ユーザーニーズをまったく考慮しないスパムのようなものです。最悪の場合、SEOが優れたユーザー体験と完全に対立してしまうことさえあります。 しかし、必ずしもそうなるとは限りません。優れたUXは検索エンジンの段階から始まっていることも、また事実です。最近の調査によると、Webサイトトラフィックの半数以上がオーガニック検索から生まれているといいます。つまり、良いかどうかにかかわらず、SEOは体験全体の一部に過ぎません。 ユーザー重視のSEOは、優れたデザイン、コンテンツ、コード選択というそれぞれの要素が、重要な場面で相乗効果をもたらすように適切に組み合
エラーメッセージはフォームのどこに表示するべきか
UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？ ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という２箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか？ 調査に
使いやすいフォームとは、心理学の原則に基づいたユーザビリティの改善方法
Webサイトやスマホアプリでも、心理学はいたる所に存在します。 Facebookの通知に緊急のカラーであるレッドが使用されているのは、注意を必要としているのが理由です。また、Vogueのような雑誌ではロゴのタイポグラフィに十分な余白を備え、潜在意識に排他性を伝えます。 ユーザーのニーズ、習慣、行動、動機、感情を心理学の原則に基づき、ユーザビリティを重視したJotFormのフォーム設計について紹介します。 Hacking Usability with Psychological Principles この記事はJotForm Blogで公開されています。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 JotFormではフォームのユーザビリティを改善するにあたり、シンプルであること、即時性、美しさの3点に注目しました。 シンプルで
OisixのUX体験設計 デザインの力でECの売上が2倍にアップ！ お客様の行動心理に基づいたUX改善例 | クリエイターのための総合情報サイト CREATIVE VILLAGE
注目企業の中の人によるコラム 今回は、OisixのUX改善について、アートディレクターを務める荒金さんに成功事例を紹介いただきます。 お客様の行動心理に基づいた改善で売上が2倍になったという施策の具体的な解説です。 OisixにてサイトのUX向上やブランディングに携わっております、EC事業本部CX室のアートディレクター兼グラフィックデザイナーの荒金知乃です。 今回はUXのデザインで売り上げを伸ばした事例を、問題発見から、解決に至るまでのポイントを交えて紹介いたします。 VIP会員ページのUXデザイン改善から売上を伸ばす Oisixは「子どもに安心して食べさせられる食材」をコンセプトに、有機・特別栽培農産物、添加物を極力使わない加工食品や、プレミアム時短をコンセプトとしたミールキット「KitOisix」などを、インターネットや実店舗で提供しています。 2000年からスタートしたOisixは、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「UXデザインとは」からはじめる「本流」のUXデザインはじめの一歩 | UXデザイン基礎セミナー 第1回
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
Googleランキング要因になるコアウェブバイタル (Core Web Vitals) とは？概要から改善方法まで徹底解説！
デザイン原則の実践｜dely design
