<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Uiデザイン on akky@サイボウズラボ・ブログ</title>
		<link>https://labs.cybozu.co.jp/blog/akky/tags/ui%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/</link>
		<description>Recent content in Uiデザイン on akky@サイボウズラボ・ブログ</description>
		<generator>Hugo</generator>
		<language>ja</language>
		
		
		
		
			<lastBuildDate>Tue, 17 Aug 2010 00:00:00 +0000</lastBuildDate>
		
			<atom:link href="https://labs.cybozu.co.jp/blog/akky/tags/ui%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3/index.xml" rel="self" type="application/rss+xml" />
			<item>
				<title>ダークパターン - ユーザーを騙そうとする悪いウェブデザインに名前をつけて共有するサイト</title>
				<link>https://labs.cybozu.co.jp/blog/akky/2010/08/8cf6/</link>
				<pubDate>Tue, 17 Aug 2010 00:00:00 +0000</pubDate>
				<guid>https://labs.cybozu.co.jp/blog/akky/2010/08/8cf6/</guid>
				<description>&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/2010/08/8cf6/darkpatternslogo.png&#34;&gt;&lt;picture&gt;&#xA;  &lt;source type=&#34;image/webp&#34; srcset=&#34;https://labs.cybozu.co.jp/blog/akky/2010/08/8cf6/darkpatternslogo_hu_cf9eb723fcc2e761.webp 400w&#34; sizes=&#34;(max-width: 56rem) 100vw, 54rem&#34;&gt;&#xA;  &lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/2010/08/8cf6/darkpatternslogo.png&#34; width=&#34;400&#34; height=&#34;64&#34; alt=&#34;Darkpatternslogo&#34; title=&#34;Darkpatternslogo&#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;a href=&#34;http://darkpatterns.org/&#34;&gt;DarkPatterns.org&lt;/a&gt;は、Webデザインを悪用するブラックハット・デザインを無くすことを目的に、わざわざ分かりにくかったり、望んでいないこと実行させるようなデザイン要素に共通の名前(パターン)をつけ、それを使っている不良サイト・企業に文句をつけるための新しいサイトです。&lt;/p&gt;&#xA;&lt;p&gt;たとえば、パターン&lt;a href=&#34;http://darkpatterns.org/sneak-into-basket/&#34;&gt;「買い物かごに忍び込ませる(Sneak into basket)」パターン&lt;/a&gt;。これは、ユーザーが入れていない商品がいつのまにかショッピングカートに紛れ込むようにデザインされているフォームのパターンです。 例として、旅行予約サイト大手のTravelocityで、ホテルや飛行機のチケットを購入した確認画面のフォームの中に、旅行携行品保険の購入チェックボックスがデフォルト「はい」で追加されている、などといった例が載っています。&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://labs.cybozu.co.jp/blog/akky/old_akky_images/uncategorized/2010/08/17/travelocitydarkpattern1470x588.png&#34;&gt;&lt;img src=&#34;https://labs.cybozu.co.jp/blog/akky/wp-content/uploads/2013/11/travelocitydarkpattern1470x588.png&#34; alt=&#34;Travelocitydarkpattern1470x588&#34; title=&#34;Travelocitydarkpattern1470x588&#34; loading=&#34;lazy&#34; decoding=&#34;async&#34;&gt;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;$19.95という額はチケットに比べて安いため、人によってはその保険を買ったことに気づかないまま支払いをすることもありそうです。&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;単に使いにくいデザインは「バッド・パターン」ですが、それは怠惰や間違いによって引き起こされます。それらは「デザインのアンチ・パターン」として知られています。「ダーク・パターン」は、間違いでは無く、人間の心理を深く理解した上で作成され、作者はユーザーの利益になるかどうかは気にしていません。&lt;/p&gt;&#xA;&lt;/blockquote&gt;&#xA;&lt;p&gt;サイトでは、これまで掲示板で寄せられたダーク・パターンが、既にかなりの量公開されています。&lt;/p&gt;&#xA;&lt;p&gt;これからもっと良い名前が出てきて変わる可能性もありますが、今メニューに並んでいるダーク・パターンは以下。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/roach-motel-2/&#34; title=&#34;Roach Motel&#34;&gt;ごきぶりパターン(Roach Motel)&lt;/a&gt; - 登録は簡単だけど解約がものすごく面倒&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/bait-and-switch/&#34; title=&#34;Bait and Switch&#34;&gt;撒き餌とスイッチ(Bait and Switch)&lt;/a&gt; - ユーザーがそれしかできない状況にしておいて、選んだらまったく違うことが起こる&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/sneak-into-basket/&#34; title=&#34;Sneak into basket&#34;&gt;買い物かごに忍び込ませる(Sneak into basket)&lt;/a&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/silent-credit-card-roll-over/&#34; title=&#34;Silent credit card roll-over&#34;&gt;静かなクレジットカード入会(Silent credit card roll-over)&lt;/a&gt; - 無料の入会時にカード情報を聞いておいて、期限後に自動的に有料プランへ&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/anti-scan-trick-questions/&#34; title=&#34;Anti-scan trick questions&#34;&gt;見つかりにくいひっかけ質問(Anti-scan trick questions)&lt;/a&gt; - ユーザーに何かを選ばせているが、そこでは実際に別の隠れた事も選択させている&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/hidden-costs/&#34; title=&#34;Hidden costs&#34;&gt;隠れたコスト(Hidden costs)&lt;/a&gt; - 支払いの最終段階で、検索結果等に出てなかった追加料金が上乗せされる&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/privacy-zuckering/&#34; title=&#34;Privacy Zuckering&#34;&gt;プライバシー・ザッカーリング(Privacy Zuckering)&lt;/a&gt; - ザッカーリングはFacebook CEOザッカーバーグ氏の名前からの造語。プライバシーの設定画面で、業界用語を混ぜ込んでユーザーが望む以上の情報を公開状態にする&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/price-comparison-prevention/&#34; title=&#34;Price Comparison Prevention&#34;&gt;価格での比較を妨害(Price Comparison Prevention)&lt;/a&gt; - 価格で並べる機能をつけず、価格は日付や場所等を選択した後の詳細ページでしか出なくする&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/disguised-ads/&#34; title=&#34;Disguised Ads&#34;&gt;広告に見えない広告(Disguised Ads)&lt;/a&gt; - 例: 「ダウンロード」と書いてあるボタンは全部広告で、書いてないボタンがダウンロード、なダウンロードサイトdownload.com&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/friend-spam/&#34; title=&#34;Friend Spam&#34;&gt;友人スパム(Friend Spam)&lt;/a&gt; - Twitterや無料メールのパスワードを聞き、あなたの友人に勧誘メールを送りつける&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;http://darkpatterns.org/forced-information-disclosure/&#34; title=&#34;Forced Information Disclosure&#34;&gt;強制情報公開(Forced Information Disclosure)&lt;/a&gt; - サービスに関係のない個人的すぎる質問に答えないと先へ進めなくする&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;毎日ウェブを使っている人なら、上記のようなデザインはどこかで見たことがあるかと思います。元のデザインパターンと同じで、「名づけることで知識を共有しやすくする」というのは素晴らしいですね。この試みがうまくいってほしいと思いますし、その結果としてそういうウェブデザイン・UIデザインをする企業が減ってくれればいいなあと。&lt;/p&gt;</description>
			</item>
	</channel>
</rss>
