<?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/"
	>

<channel>
	<title>Branberyheag!! Lab &#187; UI</title>
	<atom:link href="http://lab.branberyheag.com/category/ui/feed" rel="self" type="application/rss+xml" />
	<link>http://lab.branberyheag.com</link>
	<description>ActionScript3.0やJavascriptを使っていろんなものを作ってみます。</description>
	<lastBuildDate>Fri, 03 Feb 2012 06:28:02 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<atom:link rel='hub' href='http://lab.branberyheag.com/?pushpress=hub'/>
		<item>
		<title>HTMLのinputにあるfile属性のカスタマイズ</title>
		<link>http://lab.branberyheag.com/2010/12/09/html%e3%81%aeinput%e3%81%ab%e3%81%82%e3%82%8bfile%e5%b1%9e%e6%80%a7%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba.html</link>
		<comments>http://lab.branberyheag.com/2010/12/09/html%e3%81%aeinput%e3%81%ab%e3%81%82%e3%82%8bfile%e5%b1%9e%e6%80%a7%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba.html#comments</comments>
		<pubDate>Thu, 09 Dec 2010 09:28:14 +0000</pubDate>
		<dc:creator>isao</dc:creator>
				<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://lab.branberyheag.com/?p=904</guid>
		<description><![CDATA[だいぶ、前からカスタマイズについて、いろいろとTipsがあるけど、イマイチこれだとというのがなかった。 改めて、さがしてみたらいくつかあったので、メモ。 input type=fileをCSSでクールにスタイルするサンプ [...]]]></description>
			<content:encoded><![CDATA[<pre class="brush: xml; title: ; notranslate">

&lt;input type=&quot;file&quot; /&gt;
</pre>
<p>だいぶ、前からカスタマイズについて、いろいろとTipsがあるけど、イマイチこれだとというのがなかった。<br />
改めて、さがしてみたらいくつかあったので、メモ。</p>
<p><a href="http://phpspot.org/blog/archives/2009/04/input_typefilec.html">input type=fileをCSSでクールにスタイルするサンプル</a><strong>関連した記事</strong>
<ul class="similar-posts">
<li><a href="http://lab.branberyheag.com/2009/09/16/flex3numericstepper.html" rel="bookmark" title="2009年9月16日">[flex3]NumericStepperのカスタマイズ</a></li>
<li><a href="http://lab.branberyheag.com/2009/09/16/flex_hslider.html" rel="bookmark" title="2009年9月16日">[Flex3]HSliderのつまみのカスタマイズ</a></li>
<li><a href="http://lab.branberyheag.com/2010/02/26/html5_js_bild.html" rel="bookmark" title="2010年2月26日">HTML5とJavaScriptで何かを作りたくなった</a></li>
<li><a href="http://lab.branberyheag.com/2009/07/29/custompreloader.html" rel="bookmark" title="2009年7月29日">[Flex3]Flexのプリローダーをカスタマイズしてみた</a></li>
<li><a href="http://lab.branberyheag.com/2009/11/25/safari%e3%81%a7html%e4%b8%8a%e3%81%ab%e7%94%bb%e5%83%8f%e3%82%b5%e3%82%a4%e3%82%ba%e3%82%92%e5%8f%96%e5%be%97%e3%81%99%e3%82%8b%e9%9a%9b%e3%81%ae%e6%b3%a8%e6%84%8f%e7%82%b9.html" rel="bookmark" title="2009年11月25日">safariでHTML上に画像サイズを取得する際の注意点</a></li>
</ul>
<p><!-- Similar Posts took 4.300 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://lab.branberyheag.com/2010/12/09/html%e3%81%aeinput%e3%81%ab%e3%81%82%e3%82%8bfile%e5%b1%9e%e6%80%a7%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPadのユーザビリティレポート</title>
		<link>http://lab.branberyheag.com/2010/05/15/ipad.html</link>
		<comments>http://lab.branberyheag.com/2010/05/15/ipad.html#comments</comments>
		<pubDate>Sat, 15 May 2010 02:53:57 +0000</pubDate>
		<dc:creator>isao</dc:creator>
				<category><![CDATA[UI]]></category>
		<category><![CDATA[iPad]]></category>

		<guid isPermaLink="false">http://lab.branberyheag.com/?p=719</guid>
		<description><![CDATA[ヤコブ・ニールセンによるiPadのユーザビリティレポートが出てる。 iPadのユーザビリティレポートだけど、ウェブアプリを作る人やウェブサイトにも役に立つと思う。 英語だけど、なんとか読んでいる感じ。でも、その苦労は報わ [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://ja.wikipedia.org/wiki/%E3%83%A4%E3%82%B3%E3%83%96%E3%83%BB%E3%83%8B%E3%83%BC%E3%83%AB%E3%82%BB%E3%83%B3">ヤコブ・ニールセン</a>によるiPadのユーザビリティレポートが出てる。<br />
iPadのユーザビリティレポートだけど、ウェブアプリを作る人やウェブサイトにも役に立つと思う。</p>
<p>英語だけど、なんとか読んでいる感じ。でも、その苦労は報われると思っている。</p>
<p><span id="more-719"></span></p>
<p>PDFは、以下のアドレスから</p>
<p><a href="http://www.nngroup.com/reports/mobile/ipad/">http://www.nngroup.com/reports/mobile/ipad/</a><strong>関連した記事</strong>
<ul class="similar-posts">
<li><a href="http://lab.branberyheag.com/2009/08/12/web_accessibility.html" rel="bookmark" title="2009年8月12日">ウェブのアクセシビリティについて考えてみる</a></li>
<li><a href="http://lab.branberyheag.com/2010/12/31/%e3%80%8c%e3%81%99%e3%81%8d%e3%81%aa%e3%81%b0%e3%81%97%e3%82%87%e3%80%8d%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab%e3%83%a1%e3%83%a2.html" rel="bookmark" title="2010年12月31日">「すきなばしょ」リニューアルメモ</a></li>
<li><a href="http://lab.branberyheag.com/2010/01/16/jqtouch.html" rel="bookmark" title="2010年1月16日">Webサイト・WebシステムをIPhone専用UIを実現する「JQTouch」</a></li>
<li><a href="http://lab.branberyheag.com/2009/08/18/yataratoraficgatakaito.html" rel="bookmark" title="2009年8月18日">やたらトラフィックが高いと思ったら・・・</a></li>
<li><a href="http://lab.branberyheag.com/2010/05/24/twitteranywhere.html" rel="bookmark" title="2010年5月24日">Twitter@Anywhereは、いい感じ</a></li>
</ul>
<p><!-- Similar Posts took 4.009 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://lab.branberyheag.com/2010/05/15/ipad.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UIについて考える</title>
		<link>http://lab.branberyheag.com/2009/10/02/think_ui.html</link>
		<comments>http://lab.branberyheag.com/2009/10/02/think_ui.html#comments</comments>
		<pubDate>Fri, 02 Oct 2009 02:44:01 +0000</pubDate>
		<dc:creator>isao</dc:creator>
				<category><![CDATA[UI]]></category>
		<category><![CDATA[アイデア]]></category>

		<guid isPermaLink="false">http://lab.branberyheag.com/?p=356</guid>
		<description><![CDATA[今、作っているツールがやっと機能としてはやっと完成した。 あと、UIとビジュアルデザインのみ。ビジュアルデザインを作る前にツールを使うフロー全体の設計がまだ曖昧だったりする。そこができればUIも自然と決まってくると思う。 [...]]]></description>
			<content:encoded><![CDATA[<p>今、作っているツールがやっと機能としてはやっと完成した。<br />
あと、UIとビジュアルデザインのみ。ビジュアルデザインを作る前にツールを使うフロー全体の設計がまだ曖昧だったりする。そこができればUIも自然と決まってくると思う。</p>
<p>ここで躓くとユーザに使ってくれるツールにならない。当たり前だけどね。<br />
しかも、コンセプトがあると本当に難しい。作り手の思いとユーザの使い勝手を両立するようなフローを考えないといけない。マジで、難しい。</p>
<p>ユーザテストを繰り返すことが大切なんだろうけどね。<br />
さて、どうしようかな。Flashだけではないけど、ウェブアプリのUIって本当に難しいと思う。さて、今日は時間がたっぷりあるし、ゆっくり考えようかな。<strong>関連した記事</strong>
<ul class="similar-posts">
<li><a href="http://lab.branberyheag.com/2010/03/11/%e3%83%96%e3%83%ad%e3%82%b0%e3%83%aa%e3%83%8b%e3%83%a5%e3%83%bc%e3%82%a2%e3%83%ab.html" rel="bookmark" title="2010年3月11日">ブログリニューアル</a></li>
<li><a href="http://lab.branberyheag.com/2009/10/18/%e6%8c%ab%e6%8a%98%e3%81%97%e3%81%a6%e3%81%97%e3%81%be%e3%81%84%e3%81%9d%e3%81%86.html" rel="bookmark" title="2009年10月18日">挫折してしまいそう</a></li>
<li><a href="http://lab.branberyheag.com/2010/03/31/dt%e3%82%bf%e3%82%b0%e3%81%ae%e3%83%95%e3%83%ad%e3%83%bc%e3%83%88%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6.html" rel="bookmark" title="2010年3月31日">dtタグのフロートについて</a></li>
<li><a href="http://lab.branberyheag.com/2009/08/12/lets_study_information-architecture.html" rel="bookmark" title="2009年8月12日">インフォメーションアーキテクチャ（情報構造設計）の勉強について</a></li>
<li><a href="http://lab.branberyheag.com/2010/04/28/html5_css3.html" rel="bookmark" title="2010年4月28日">HTML5+CSS3で作られたハイクオリティでフリーテンプレート12種類</a></li>
</ul>
<p><!-- Similar Posts took 3.939 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://lab.branberyheag.com/2009/10/02/think_ui.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ツールを作るときに悩むこと</title>
		<link>http://lab.branberyheag.com/2009/08/31/tool.html</link>
		<comments>http://lab.branberyheag.com/2009/08/31/tool.html#comments</comments>
		<pubDate>Mon, 31 Aug 2009 13:51:38 +0000</pubDate>
		<dc:creator>isao</dc:creator>
				<category><![CDATA[Air]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[アイデア]]></category>

		<guid isPermaLink="false">http://lab.branberyheag.com/?p=273</guid>
		<description><![CDATA[よくフリーソフトでツールがあるけど、よくできているツールとそうでないツールがある。それは画面設計や使う立場に立って作っているかそうではないかの違いなのかな、と思う。今、ツールを作ろうとしている。丁寧に作ることが一番だけど [...]]]></description>
			<content:encoded><![CDATA[<p>よくフリーソフトでツールがあるけど、よくできているツールとそうでないツールがある。それは画面設計や使う立場に立って作っているかそうではないかの違いなのかな、と思う。今、ツールを作ろうとしている。丁寧に作ることが一番だけど、リリースすることが先ということもある。だけど、それで良いのかとも思う。いろいろと考えていくと・・・ちゃんと作ろうと思うのだけど、サイト構築と違って悩ましいことがある。</p>
<p>特に悩ましいことのその代表格としてあるのが以下の３つだと思う。</p>
<p><strong>1.機能を多機能にするかシンプルにするか。</strong><br />
これはすごい悩ましい。目的を絞るのはいいことだと思うけど、慣れてしまうと物足りなさが出てしまうのではないかと思う。高度な設定や機能を別画面に設けることも考えられるけど、多機能にしてしまうとパソコン初心者や普通の人から敬遠されてしまいそうだ。</p>
<p><strong>2.画面設計に時間をかけて作りこむべきか。</strong><br />
絶対に時間をかけて作りこんだほうが絶対にいいと思うけど、時間をかけて開発を遅れるようだったら、時間をかけずにサッサと作ってしまい、操作をユーザに慣れさせてしまう方法もありえると思う。ASベースで作るのではなくFlexのようなUIがある程度完成されているもので作るっていうのも打開策かもしれない。</p>
<p><strong>3.考えたツールを使ってくれる人がいるのだろうか。</strong><br />
せっかく作ったのだから、使ってくれる人が居ないとさびしい。使ってくれてはじめて、ツールとして成り立つ。リサーチはしているけど、やはり絶対的な裏付けがないから非常に心配な部分だったりする。</p>
<p>今、ツールをadobe Airで作ろうとしているのだけど、技術的なところは調べながら作ればなんとかなる。だけど、作り始めて完成～リリースして答えが出ることなので作る側としても心配な部分を抱える。特に３は、仕事でもよく似たことを経験しているので、重要なところだと思う。もちろんリサーチ・プロモーションをしないといけないのはわかるけど、結果はやってみないとわからないのかなと思う。<strong>関連した記事</strong>
<ul class="similar-posts">
<li><a href="http://lab.branberyheag.com/2009/11/07/javascript_app-tool_closure_google.html" rel="bookmark" title="2009年11月7日">JavaScriptアプリ開発ツール「Closure」</a></li>
<li><a href="http://lab.branberyheag.com/2009/09/21/flash%ef%bc%88as3%ef%bc%89_screensaver.html" rel="bookmark" title="2009年9月21日">Flash（AS3）でスクリーンセーバーを作れるツール</a></li>
<li><a href="http://lab.branberyheag.com/2009/09/14/colorshortcuts.html" rel="bookmark" title="2009年9月14日">Tweener のColorShortcutsクラスでハマった</a></li>
<li><a href="http://lab.branberyheag.com/2009/12/02/wordpress%e3%81%a3%e3%81%a6%e9%9d%a2%e7%99%bd%e3%81%84%e3%83%84%e3%83%bc%e3%83%ab%e3%81%a0%e3%81%a8%e6%80%9d%e3%81%86%e3%80%82.html" rel="bookmark" title="2009年12月2日">WordPressって面白いツールだと思う。</a></li>
<li><a href="http://lab.branberyheag.com/2010/05/26/bit-ly-api_and_php_short_cord.html" rel="bookmark" title="2010年5月26日">bit.ly apiとphpをショートコードを作る</a></li>
</ul>
<p><!-- Similar Posts took 10.218 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://lab.branberyheag.com/2009/08/31/tool.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

