<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>楽しいBADUIの世界 &#187; interface</title>
	<atom:link href="http://badui.meguri.org/articles/tag/interface/feed" rel="self" type="application/rss+xml" />
	<link>http://badui.meguri.org</link>
	<description>1日1 Bad User Interface</description>
	<lastBuildDate>Mon, 03 Oct 2011 03:00:24 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://badui.meguri.org/articles/tag/interface/feed" />
		<item>
		<title>水を出すときにどちらのハンドルをひねるか</title>
		<link>http://badui.meguri.org/articles/two_handles.html</link>
		<comments>http://badui.meguri.org/articles/two_handles.html#comments</comments>
		<pubDate>Wed, 02 Feb 2011 03:00:48 +0000</pubDate>
		<dc:creator>nakamura</dc:creator>
				<category><![CDATA[interface]]></category>
		<category><![CDATA[handle]]></category>
		<category><![CDATA[tap]]></category>

		<guid isPermaLink="false">http://badui.meguri.org/?p=1265</guid>
		<description><![CDATA[情報分析管理論を受講している学生さんからのタレコミ． その学生さんが住んでいる家に設置されている水道が下記のような感じ．水をだそうと思ったときにどこを皆さんどちらのハンドルをひねろうとするでしょうか？ 私がこの水道を利用 [...]]]></description>
			<content:encoded><![CDATA[<p>情報分析管理論を受講している学生さんからのタレコミ．</p>
<p>その学生さんが住んでいる家に設置されている水道が下記のような感じ．水をだそうと思ったときにどこを皆さんどちらのハンドルをひねろうとするでしょうか？</p>
<div id="attachment_1266" class="wp-caption aligncenter" style="width: 276px"><a href="http://badui.meguri.org/wp-content/uploads/2011/02/tap_trap.jpg"><img class="size-medium wp-image-1266" title="tap_trap" src="http://badui.meguri.org/wp-content/uploads/2011/02/tap_trap-266x300.jpg" alt="水を出すためには左側のひねりを回しそうだけれど・・・" width="266" height="300" /></a><p class="wp-caption-text">水を出すためには右側のひねりを回しそうだけれど・・・</p></div>
<p>私がこの水道を利用して水をだそうとする場合，まず間違い無く右側にあるハンドルをひねることで，水を出そうとするでしょう（右利きということも影響している可能性がありますが）．このタレコミを提供した学生さんも，実際にこの右側のハンドルをひねることで水をだそうとしたらしい．しかし，水は出る気配がない．</p>
<p>答えは左側にやや使いにくそうに設置されているハンドルをひねること．ちなみに，右側のハンドルは，給湯器に繋がっており，そちらへの水を流すという仕組みになっているのだそうな．なんとも厄介な位置に配置されているハンドルでした</p>
]]></content:encoded>
			<wfw:commentRss>http://badui.meguri.org/articles/two_handles.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://badui.meguri.org/articles/two_handles.html" />
	</item>
		<item>
		<title>TwitterとFacebookの連携</title>
		<link>http://badui.meguri.org/articles/twitter_facebook.html</link>
		<comments>http://badui.meguri.org/articles/twitter_facebook.html#comments</comments>
		<pubDate>Thu, 20 Jan 2011 03:00:52 +0000</pubDate>
		<dc:creator>nakamura</dc:creator>
				<category><![CDATA[interface]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web service]]></category>

		<guid isPermaLink="false">http://badui.meguri.org/?p=1195</guid>
		<description><![CDATA[Facebookをちゃんと使うため，Twitterへの投稿をFacebookへと流すためにTwitterとFacebookの連携を画策．で，Facebookで連携用のアプリケーションを発見したので，下記のように設定． T [...]]]></description>
			<content:encoded><![CDATA[<p>Facebookをちゃんと使うため，Twitterへの投稿をFacebookへと流すためにTwitterとFacebookの連携を画策．で，Facebookで連携用のアプリケーションを発見したので，下記のように設定．</p>
<div id="attachment_1192" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2011/01/facebook_twitter.png"><img class="size-medium wp-image-1192" title="facebook_twitter" src="http://badui.meguri.org/wp-content/uploads/2011/01/facebook_twitter-300x218.png" alt="TwitterとFacebookの連携" width="300" height="218" /></a><p class="wp-caption-text">TwitterとFacebookの連携</p></div>
<p>TwitterへのポストをFacebookへと流し込む設定をしたついでに，Twitterで設定していた画像アイコンをFacebookへと設定するため，Transfer photoというボタンをクリック．</p>
<div id="attachment_1193" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2011/01/facebook_twitter2.png"><img class="size-medium wp-image-1193" title="facebook_twitter2" src="http://badui.meguri.org/wp-content/uploads/2011/01/facebook_twitter2-300x197.png" alt="twitterの画像が・・・" width="300" height="197" /></a><p class="wp-caption-text">twitterの画像が・・・</p></div>
<p>Facebook上で，TwitterからFacebookへと流し込む設定をしたつもりだったので，Twitterの画像がFacebookに反映されると思っていたのですが，Twitterの画像がFacebookの初期画像で初期化されてしまった．</p>
<p>Twitter上で確認すると下みたいな感じ．</p>
<div id="attachment_1197" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2011/01/facebook_twitter5.png"><img class="size-medium wp-image-1197" title="facebook_twitter5" src="http://badui.meguri.org/wp-content/uploads/2011/01/facebook_twitter5-300x164.png" alt="Twitterの顔アイコンが・・・" width="300" height="164" /></a><p class="wp-caption-text">Twitterの顔アイコンが・・・</p></div>
<p>表示できない画像になってしまってます．なんてこったい．</p>
<p>元々設定していた画像を発見できず，しばらく色々なところを探しまわってしまいました．まぁ，たいした画像じゃないので他の画像にすりゃ良かったという話だけかもしれませんが・・・</p>
<p>矢印がせめてFacebookからTwitterへの片方向になっていれば，Facebookの画像がTwitterに設定されることはわかるのですが，これが双方向になっているのでBADUIとなってしまったというものでした．なんで双方向にしたんだろう？</p>
<p>というか，Facebookの画像は初期画像なので，それを考慮し，Facebookの画像が初期のもので，Twitterがそうでない場合は，反映しないまたは警告するくらいしてくれても良いように思うのだけれど・・・．これだけ大きなサービスになったのに，意外と考えてないんだなぁと思ってしまった一件でした．</p>
]]></content:encoded>
			<wfw:commentRss>http://badui.meguri.org/articles/twitter_facebook.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://badui.meguri.org/articles/twitter_facebook.html" />
	</item>
		<item>
		<title>学生さんへ連絡するのが難しいシステム</title>
		<link>http://badui.meguri.org/articles/eclass.html</link>
		<comments>http://badui.meguri.org/articles/eclass.html#comments</comments>
		<pubDate>Fri, 11 Dec 2009 23:00:43 +0000</pubDate>
		<dc:creator>nakamura</dc:creator>
				<category><![CDATA[interface]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://badui.meguri.org/?p=408</guid>
		<description><![CDATA[非常勤をしている某大学で利用されている授業支援システム．これを利用して学生さんとの対話を行わなければなりません．そこで，その授業支援システムにログインして，そこから重要なお知らせを入力． で，一生懸命面倒なシステムに文字 [...]]]></description>
			<content:encoded><![CDATA[<p>非常勤をしている某大学で利用されている授業支援システム．これを利用して学生さんとの対話を行わなければなりません．そこで，その授業支援システムにログインして，そこから重要なお知らせを入力．</p>
<div id="attachment_406" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2009/12/eclass_input1.PNG"><img class="size-medium wp-image-406" title="eclass_input1" src="http://badui.meguri.org/wp-content/uploads/2009/12/eclass_input1-300x210.PNG" alt="入力画面" width="300" height="210" /></a><p class="wp-caption-text">入力画面</p></div>
<p>で，一生懸命面倒なシステムに文字を入力して送信しようとしたところ・・・</p>
<div id="attachment_407" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2009/12/eclass_input2.PNG"><img class="size-medium wp-image-407" title="eclass_input2" src="http://badui.meguri.org/wp-content/uploads/2009/12/eclass_input2-300x165.PNG" alt="エラー" width="300" height="165" /></a><p class="wp-caption-text">エラー表示</p></div>
<p>512文字までしか入力できないよとのエラー表示．そんなの入力画面に書いてなかったじゃないか！一生懸命推敲して文章を書いたのに・・・</p>
<p>仕方ないので前のページに戻って入力をしなおす．しかしこれが意外と厄介で，512文字というのが半角で512文字．入力した後，まだ多いよといわれて気づきました．これでは重要な連絡についてまったく説明できやしません．というか，今のご時勢に文字数の制約があるというのがなんともな感じです．</p>
<p>ちなみに，このe-classというシステム．他にも色々BADUIがあったのでまた別の機会に紹介させていただきます．</p>
]]></content:encoded>
			<wfw:commentRss>http://badui.meguri.org/articles/eclass.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://badui.meguri.org/articles/eclass.html" />
	</item>
		<item>
		<title>Twitterのリスト削除</title>
		<link>http://badui.meguri.org/articles/delete_twitter_list.html</link>
		<comments>http://badui.meguri.org/articles/delete_twitter_list.html#comments</comments>
		<pubDate>Thu, 10 Dec 2009 23:00:15 +0000</pubDate>
		<dc:creator>nakamura</dc:creator>
				<category><![CDATA[interface]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://badui.meguri.org/?p=383</guid>
		<description><![CDATA[ちょっとはまってしまったので紹介． 先日，Twitterで間違ってListを作ってしまったため，そのListを削除しようとしたときのこと，リスト一覧のインタフェースでは対象リストを削除するインタフェースがないので，きっと [...]]]></description>
			<content:encoded><![CDATA[<p>ちょっとはまってしまったので紹介．</p>
<p>先日，Twitterで間違ってListを作ってしまったため，そのListを削除しようとしたときのこと，リスト一覧のインタフェースでは対象リストを削除するインタフェースがないので，きっとリストを閲覧した先にあるのだろうとリストをクリック</p>
<div id="attachment_384" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list1.png"><img class="size-medium wp-image-384" title="twitter_delete_list1" src="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list1-300x185.png" alt="リストをどうやって消すか？" width="300" height="185" /></a><p class="wp-caption-text">リストをどうやって消すか？</p></div>
<p>下記のようなインタフェースが出てきて，リストを削除しようとするのですが，これまた観察眼のない私は削除ボタンを見つけることができず，思わずぐぐってしまいました．</p>
<div id="attachment_385" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list2.png"><img class="size-medium wp-image-385" title="twitter_delete_list2" src="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list2-300x213.png" alt="編集・削除のためのインタフェース" width="300" height="213" /></a><p class="wp-caption-text">編集・削除のためのインタフェース</p></div>
<p>まぁ，普通の人は気づくのだと思いますが，右上のデザインっぽくなっているところに小さく「Edit」と「Delete」があるんですね．なんか，勝手にヘッダ部分は情報が書いてあるだけだと勘違いして見落としていました．私ならではのミスといった感じです．</p>
<p>（追記）ちなみに，<a href="http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1032553155">Firefoxを使っていると，そもそもそのリストページに飛べないということがある</a>のだそうな．その場合は，Internet Explorerを使ってみると良いとのこと．勝手にURLを変換してしまう問題のようですね．</p>
<hr />（追記２）いまだ多くの人がリスト削除方法で悩んで検索してきているようですので，Twitterの新しいインタフェースでリストを削除する方法についても解説．削除方法は下記の通り．</p>
<p>Twitterのインタフェースの下記のように「List▼」という部分を選択すると</p>
<div id="attachment_1221" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list11.png"><img class="size-medium wp-image-1221" title="twitter_delete_list1" src="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list11-300x84.png" alt="List▼を選択" width="300" height="84" /></a><p class="wp-caption-text">List▼を選択</p></div>
<p>下のようにリスト一覧のメニューが出てきます．ここで，「Lists by you」を選択しましょう</p>
<div id="attachment_1222" class="wp-caption aligncenter" style="width: 193px"><a href="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list21.png"><img class="size-medium wp-image-1222" title="twitter_delete_list2" src="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list21-183x300.png" alt="リスト一覧" width="183" height="300" /></a><p class="wp-caption-text">リスト一覧</p></div>
<p>すると，下記のように一覧が出てきます．</p>
<div id="attachment_1223" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list3.png"><img class="size-medium wp-image-1223" title="twitter_delete_list3" src="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list3-300x294.png" alt="削除インタフェースが用意されてます" width="300" height="294" /></a><p class="wp-caption-text">削除インタフェースが用意されてます</p></div>
<p>ここで，ゴミ箱ボタンをおすことで削除できるという仕組み．</p>
<p>ただ，この「Lists by you」がメニューであるということに気づかずに，下記のように消したいと思っているリストを選択すると・・・</p>
<div id="attachment_1224" class="wp-caption aligncenter" style="width: 195px"><a href="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list4.png"><img class="size-medium wp-image-1224" title="twitter_delete_list4" src="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list4-185x300.png" alt="削除したいリストを選択" width="185" height="300" /></a><p class="wp-caption-text">削除したいリストを選択</p></div>
<p>当然ですが，そのリストでの書き込みが一覧で見えるだけとなっています．</p>
<div id="attachment_1225" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list5.png"><img class="size-medium wp-image-1225" title="twitter_delete_list5" src="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list5-300x265.png" alt="リストアップされているアカウントのポスト一覧へ" width="300" height="265" /></a><p class="wp-caption-text">リストアップされているアカウントのポスト一覧へ</p></div>
<p>で，どうやってリストを削除したものかと悩んでしまうかも．なお，ここで見えにくいですが「View list page→」というリンクをクリックすると下記のようなページが出てきます．</p>
<div id="attachment_1226" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list6.png"><img class="size-medium wp-image-1226" title="twitter_delete_list6" src="http://badui.meguri.org/wp-content/uploads/2009/12/twitter_delete_list6-300x103.png" alt="ゴミ箱ボタンでリスト削除" width="300" height="103" /></a><p class="wp-caption-text">ゴミ箱（Delete）ボタンでリスト削除</p></div>
<p>この部分でゴミ箱ボタンを押すとリストを削除できます．ちょっと面倒ですが，新バージョンのインタフェースでのリスト削除方法でした．</p>
]]></content:encoded>
			<wfw:commentRss>http://badui.meguri.org/articles/delete_twitter_list.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://badui.meguri.org/articles/delete_twitter_list.html" />
	</item>
		<item>
		<title>利用者の要求を拒否するエレベータ</title>
		<link>http://badui.meguri.org/articles/elevator2.html</link>
		<comments>http://badui.meguri.org/articles/elevator2.html#comments</comments>
		<pubDate>Fri, 13 Nov 2009 23:00:43 +0000</pubDate>
		<dc:creator>nakamura</dc:creator>
				<category><![CDATA[interface]]></category>
		<category><![CDATA[card]]></category>
		<category><![CDATA[elevator]]></category>
		<category><![CDATA[insert]]></category>
		<category><![CDATA[lock]]></category>

		<guid isPermaLink="false">http://badui.meguri.org/?p=110</guid>
		<description><![CDATA[韓国のソウルで出会ったホテルのエレベータ． 目的の階を押すと，まずはその階のボタンが赤色に光り，ドアが閉じる．しかし，ドアが閉じた後にエレベータが動く気配がない．押しそびれたのかなと何度か試すものの，やはり目的の階を押し [...]]]></description>
			<content:encoded><![CDATA[<p>韓国のソウルで出会ったホテルのエレベータ．</p>
<p><img class="aligncenter size-medium wp-image-65" title="elevator1" src="http://badui.meguri.org/wp-content/uploads/2009/11/elevator1-300x225.jpg" alt="elevator1" width="300" height="225" /></p>
<p>目的の階を押すと，まずはその階のボタンが赤色に光り，ドアが閉じる．しかし，ドアが閉じた後にエレベータが動く気配がない．押しそびれたのかなと何度か試すものの，やはり目的の階を押しても，「おまえの願いなんて聞き届けてやらね」というかのごとく，私の要求を無視し，目的の階へと移動してくれない．</p>
<p>しばらく後，各階へのボタンの下の方にカードを挿入できそうな隙間があることに気づく．そこに部屋のカードキーを通して，目的の階を押したところ，その階のボタンのライトがともりっぱなしになり，目的階まで行くことができました．セキュリティのため，カードキーを持っていない人が勝手に宿泊フロアに入れないようにするための仕組みなんですね．</p>
<p>出張などで色々なホテルに泊まっていると，こうしたホテルが珍しくなくなってくるのだけれど，やはり初めて遭遇するとなかなか使いこなせず困ってしまいます．ちなみに，私もはまりましたが，私の知人も目的の階が押せず，悩んでいるうちに他の階からそのエレベータが呼ばれてしまい，目的とは違う階に連れて行かれてしまい，気まずい思いをしながらまた下りてきたそうです．</p>
<p>こういうのはホテルのフロントでチェックインした時に説明してくれればいいんですが，ほとんど説明してもらった覚えがありません．おかげで，色々なところでこうした問題に遭遇する人を見かけます．実際に，つい先日ポーランドのポズナンに行った時も，ホテルのエレベータが似たようなシステムで目的の階を押せずにしばらくエレベータの中に閉じ込められていた同僚がいました．</p>
<p>ちなみに，そのポズナンのホテル（Novotel）のエレベータのボタンは下の写真みたいな感じ．一応説明書きはあるのですが気付かないのと，片方のコントロールにはカードキーを挿入する場所が無いので，嵌まってしまいます．</p>
<p><img class="aligncenter size-medium wp-image-172" title="poznan_elevator1" src="http://badui.meguri.org/wp-content/uploads/2009/11/poznan_elevator1-300x225.jpg" alt="poznan_elevator1" width="300" height="225" /></p>
<p>コントロールパネルの上に説明書きがあるものの，多くの人はそういうシステムがあることを知らず最初は気付かない．また，その説明に気づいてもこのコントロールパネルの下にはカード挿入口がないため困ってしまう．</p>
<p><img class="aligncenter size-medium wp-image-171" title="poznan_elevator2" src="http://badui.meguri.org/wp-content/uploads/2009/11/poznan_elevator2-300x225.jpg" alt="poznan_elevator2" width="300" height="225" /></p>
<p>一方のコントロールパネル（右側）にはカード挿入口あり．</p>
<p>オーストリアのリンツにあるPark Innに宿泊した時も同じスタイルでしたが，こちらはコントロールパネルのすぐ側にカードの挿入方法などが書いてあり，わかりやすかったのが印象的でした．</p>
<div id="attachment_1369" class="wp-caption aligncenter" style="width: 310px"><a href="http://badui.meguri.org/wp-content/uploads/2009/11/hotel_card.JPG"><img class="size-medium wp-image-1369" title="hotel_card" src="http://badui.meguri.org/wp-content/uploads/2009/11/hotel_card-300x224.jpg" alt="分かりやすい例" width="300" height="224" /></a><p class="wp-caption-text">分かりやすい例</p></div>
<p>しっかりと考えて配置して欲しいものです．</p>
]]></content:encoded>
			<wfw:commentRss>http://badui.meguri.org/articles/elevator2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://badui.meguri.org/articles/elevator2.html" />
	</item>
	</channel>
</rss>

