<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>ユーザー動線 on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E5%8B%95%E7%B7%9A/</link>
		<description>Recent content in ユーザー動線 on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Wed, 04 Apr 2018 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E5%8B%95%E7%B7%9A/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>悪のUIデザイン、ダークパターンの実例を見せる動画</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/</link>
				<pubDate>Wed, 04 Apr 2018 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://darkpatterns.org/&#34;&gt;ダークパターン&lt;/a&gt;については2010年、概念が提唱された際に&lt;a href=&#34;http://developer.cybozu.co.jp/akky/2010/08/8cf6/&#34;&gt;このブログでも紹介しました&lt;/a&gt;。&lt;/p&gt;&#xA;&lt;p&gt;ユーザー体験を向上させるのではなく、ウェブサイト運営側の都合でものを買わせたり、ユーザー登録させたりするウェブサイト構築上のトリックを分類して名前をつけよう、というのがダークパターンです。&lt;/p&gt;&#xA;&lt;p&gt;先週、そのような&lt;a href=&#34;https://www.youtube.com/watch?v=kxkrdLI6e6M&#34;&gt;ダークパターンを解説する動画&lt;/a&gt;が公開され、注目を集めています。&lt;/p&gt;&#xA;&lt;div style=&#34;position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;iframe allow=&#34;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen&#34; loading=&#34;eager&#34; referrerpolicy=&#34;strict-origin-when-cross-origin&#34; src=&#34;https://www.youtube.com/embed/kxkrdLI6e6M?autoplay=0&amp;amp;controls=1&amp;amp;end=0&amp;amp;loop=0&amp;amp;mute=0&amp;amp;start=0&#34; style=&#34;position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;&#34; title=&#34;YouTube video&#34;&gt;&lt;/iframe&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#xA;&lt;h3 id=&#34;とにかく退会したいんだ&#34;&gt;とにかく退会したいんだ!&lt;/h3&gt;&#xA;&lt;p&gt;動画の最初はアマゾン。「アマゾンを退会しようとした人はどうなる?」で、一回入ったらそこから出ることは難しい Roach Motel (ゴキブリホイホイ)ダークパターンの実例を見せています。(00:15)&lt;/p&gt;&#xA;&lt;p&gt;アマゾンを止めようと思ったことがないので知りませんでしたが、日本語でも止めるための手順を説明するブログ記事がいくつもあり、なかなか止め方が難しいのですね。動画と同じように日本のアマゾンでも退会ページを目指してみたのですが、退会に関してはアメリカ版と同じサイト構造になっているようです。&lt;/p&gt;&#xA;&lt;p&gt;直観的にまず開くであろう、上部ナビゲーションバーの「アカウント&amp;amp;リスト」からは、様々なリンクが表示されるものの、そのどこからも退会ページに辿り着くことはできないそうです。&lt;/p&gt;&#xA;&lt;p&gt;動画が教えてくれる手順は、&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;ページ最下部のリンクから「ヘルプ」をクリック&lt;/li&gt;&#xA;&lt;li&gt;「問題が解決しない場合は」から「カスタマーサービスに連絡」&lt;/li&gt;&#xA;&lt;li&gt;1の「プライム、その他」タブを選んで&lt;/li&gt;&#xA;&lt;li&gt;2のプルダウンから「アカウントの確認、変更、閉鎖」 (アメリカ版ではここが&amp;quot;Login &amp;amp; Security&amp;quot;だそうで、さらにわかりにくいですね)&lt;/li&gt;&#xA;&lt;li&gt;もう一つ出てくるプルダウンから「アカウントの閉鎖」&lt;/li&gt;&#xA;&lt;li&gt;「チャット」「電話」「eメール」のいずれかを選び、先方からの連絡を待つ&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/amazon-quit-membership-menu.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/amazon-quit-membership-menu_hu_8de390ce93a82266.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/amazon-quit-membership-menu_hu_b7c915fffbb72cc0.webp 765w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/amazon-quit-membership-menu.png&#34; width=&#34;765&#34; height=&#34;611&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;なるほどこれは大変ですね。多くの人は途中で諦めてしまいそうです。&lt;/p&gt;&#xA;&lt;h3 id=&#34;メルマガ退会を難しく&#34;&gt;メルマガ退会を難しく&lt;/h3&gt;&#xA;&lt;p&gt;次はニュースレター/メールマガジンの購読停止(02:15)。メールの末尾に購読中止のためのリンクがあり、それを開けばその相手からのメールはもう来なくなる、という仕組みは良くあります。&lt;/p&gt;&#xA;&lt;p&gt;日本のメルマガでは手動で依頼しないといけなかったりするのがまだまだ多いので、これでも助かる方かと思いますが、動画作者はここにもダークパターンがある、と喝破しています。&lt;/p&gt;&#xA;&lt;p&gt;購読中止のリンクが地のテキストと見分けにくい色や太さになっていたり、ガチャガチャと関係のない情報が列挙されて非常に探しにくくなっていることが多い、と言います。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/dark-pattern-difficult-unsubscribe-link.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/dark-pattern-difficult-unsubscribe-link_hu_22910ffb7c0c9f58.webp 480w, https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/dark-pattern-difficult-unsubscribe-link_hu_b4cd17c556ba4640.webp 768w, https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/dark-pattern-difficult-unsubscribe-link_hu_e09168326fa22706.webp 808w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2018/04/video-shows-dark-pattern-examples/dark-pattern-difficult-unsubscribe-link.png&#34; width=&#34;808&#34; height=&#34;502&#34; alt=&#34;&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&#xA;&lt;/picture&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;言われてみれば、たしかにこういうのよく見ます。&lt;/p&gt;&#xA;&lt;h3 id=&#34;流れで購入ボタン&#34;&gt;流れで購入ボタン&lt;/h3&gt;&#xA;&lt;p&gt;3つめのスマートフォンゲームアプリでの事例(02:30)は、「ゲームを始める」「次の面へ行く」などのボタンを全部グリーンの角丸ボタンで続けた上で、ゲーム内課金のダイアログで「購入」の方を同じデザインのボタンで描画する、というパターン。&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
