<?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>NewDesigner &#187; App insight</title>
	<atom:link href="http://www.newdesigner.org/category/%e5%ad%a6%e9%99%a2%e5%8a%a8%e6%80%81/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.newdesigner.org</link>
	<description>by Plidezus</description>
	<lastBuildDate>Sun, 09 Jan 2011 15:15:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Alex Komarov关于App的建议</title>
		<link>http://www.newdesigner.org/2010/09/from-alex-komarov/</link>
		<comments>http://www.newdesigner.org/2010/09/from-alex-komarov/#comments</comments>
		<pubDate>Tue, 28 Sep 2010 10:06:21 +0000</pubDate>
		<dc:creator>Plidezus</dc:creator>
				<category><![CDATA[App insight]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[经验]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.newdesigner.org/?p=477</guid>
		<description><![CDATA[在SmashingMagazine上面看到了一篇很有趣的文章：开发者可以将他们的做好的APP发给Alex Komarov的“批判委员会”，然后他们将会免费给其中一些APP的可用性问题提出修改建议和指导。 原文：iPhone App Designs Reviewed: Critique Board and Lessons Learned 对这篇文章中介绍的Foobi和Units United的一些反馈很有感触： Foobi Foobi，这个APP设计的相当精美，作者也承认想“努力的超越Apple的UI设计，但是太累了。” Foobi在itunes上是这样描述自己的：“监测和平衡你的饮食”。那么就有监测和平衡两大部分组成。Alex指出这个App“监测的功能做得很充分，但是如何查看自己是否在一个健康的状态这个功能很难找到。” 造成这个问题的原因有两个：信息被隐藏和信息设计不当。 上图是指摘要信息被隐藏。上面的文字虽然很清楚的告诉大家横过来就会进入图行模式，但是这么短的呈现时间和文字，会有多少人看清楚呢？（一般来讲新手引导这个东西大家都会跳过的。） 另一个问题就是信息设计不当。看上图恐怕很难明白这些颜色都是什么意思吧？而且放眼望去并没有找到什么帮助的按钮。 用户只能按照周来查看，并不能以更加直观的图表来查看自己的饮食习惯和结构等问题。 当然最搞笑的还是关于App logo的设计“当我下载这个App的时候我感觉已经下载了很长时间但是似乎还没有下载完，结果我发现其实已经下载好了，是那个图标下面的状态条和下载条长得太像了……” 关于信息的引导一直是App设计的一个大问题，因为屏幕实在是有限，很多设计师都会想尽办法来折叠压缩信息以求能得到更大的空间，但是很多人并非也具有如此的钻研精神。他们更多的是直观的操作，折叠信息对于他们来讲几乎就相当于了隐藏。而一些大众的操作习惯（比如头部是导航栏，底部是工具栏，标签栏）也不是能轻易被改变的。 还有一个不算恰当但是真实发生的事情，记得前不久有个朋友说他做了一个flash电子书的项目，也要做iphone的版本，我提醒他说iphone没有flash player，他说已经有了，然后丢给我一个链接。答案是已经有了，但是必须让机器越狱然后安装这个插件才行，当一个用户做到这一步的时候，他的阅读器恐怕也不是这种Geek用户的选择吧。 另外值得一提的就是新手引导这种东西无论是游戏还是软件看的人似乎都不多，用户都以为自己能顺利的操作软件毋须指导。所以不能太指望几秒钟的新手引导能让用户学会一套新的操作方法。这里面TapTapTap公司出的系列App做得相当不错： 呈现时间长，第一次启动他们App的时候会出现这个引导，当用户未观看完之前不会消失。 步骤明晰，只有四屏靠手指滑动，对于一个App的教程信息量足够而且操作方便。 直观简单，没有复杂的交互引导，每个页面只解决一个问题，用图形来表示，简单易懂。 Units United 这是一个单位转换APP，正巧最近也做了一个汇率转换的App，先看看Alex如何评价这个App：如果昨天我运动了测得一共跑了456步，我想换算成米，那么我需要： 去到分类页面 选择想要转换的数据 选择原始数据的种类 在小键盘上输入456 确定你没将两项搞反………… 好吧，在这个320×480的屏幕上要经历这么多步骤，谁能保证不出错呢？而且你的问题很简单就是想问问456步等于多少米……看看Google是怎么做的： 最后Alex给出的语音识别的方法可能不太适合国内的用户，但是从这个App的例子能看到，工具性的App一定要简单操作。 想起之前设计的汇率转换，切换汇率的时候是点击国旗出来一个列表来切换，但是这样就会烦了Foobi的那个信息隐藏太深和Units (&#8230;)</p><p><a href="http://www.newdesigner.org/2010/09/from-alex-komarov/">Read the rest of this entry &#187;</a></p>]]></description>
			<content:encoded><![CDATA[<p>在SmashingMagazine上面看到了一篇很有趣的文章：开发者可以将他们的做好的APP发给Alex Komarov的“批判委员会”，然后他们将会免费给其中一些APP的可用性问题提出修改建议和指导。</p>
<p>原文：<a href="http://www.smashingmagazine.com/2010/09/15/iphone-app-designs-reviewed-crit-board-and-lessons-learned/" target="_blank">iPhone App Designs Reviewed: Critique Board and Lessons Learned</a></p>
<p>对这篇文章中介绍的Foobi和Units United的一些反馈很有感触：</p>
<ul></ul>
<h2>Foobi</h2>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/foobi.jpg" rel="lightbox[477]"><img class="alignnone size-medium wp-image-479" title="foobi" src="http://www.newdesigner.org/wp-content/uploads/2010/09/foobi-500x253.jpg" alt="" width="500" height="253" /></a></p>
<p><span id="more-477"></span></p>
<p>Foobi，这个APP设计的相当精美，作者也承认想“努力的超越Apple的UI设计，但是太累了。”</p>
<p>Foobi在itunes上是这样描述自己的：“监测和平衡你的饮食”。那么就有监测和平衡两大部分组成。Alex指出这个App“监测的功能做得很充分，但是如何查看自己是否在一个健康的状态这个功能很难找到。”</p>
<p>造成这个问题的原因有两个：信息被隐藏和信息设计不当。</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/Foobi_3_new_updated.png" rel="lightbox[477]"><img class="alignnone size-medium wp-image-480" title="Foobi_3_new_updated" src="http://www.newdesigner.org/wp-content/uploads/2010/09/Foobi_3_new_updated-500x310.png" alt="" width="500" height="310" /></a></p>
<p>上图是指摘要信息被隐藏。上面的文字虽然很清楚的告诉大家横过来就会进入图行模式，但是这么短的呈现时间和文字，会有多少人看清楚呢？（一般来讲新手引导这个东西大家都会跳过的。）</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/Foobi_4_new_updated.png" rel="lightbox[477]"><img class="alignnone size-full wp-image-481" title="Foobi_4_new_updated" src="http://www.newdesigner.org/wp-content/uploads/2010/09/Foobi_4_new_updated.png" alt="" width="480" height="380" /></a></p>
<p>另一个问题就是信息设计不当。看上图恐怕很难明白这些颜色都是什么意思吧？而且放眼望去并没有找到什么帮助的按钮。</p>
<p>用户只能按照周来查看，并不能以更加直观的图表来查看自己的饮食习惯和结构等问题。</p>
<p>当然最搞笑的还是关于App logo的设计“当我下载这个App的时候我感觉已经下载了很长时间但是似乎还没有下载完，结果我发现其实已经下载好了，是那个图标下面的状态条和下载条长得太像了……”</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/5_foobi_updated.png" rel="lightbox[477]"><img class="alignnone size-full wp-image-482" title="5_foobi_updated" src="http://www.newdesigner.org/wp-content/uploads/2010/09/5_foobi_updated.png" alt="" width="314" height="129" /></a></p>
<p>关于信息的引导一直是App设计的一个大问题，因为屏幕实在是有限，很多设计师都会想尽办法来折叠压缩信息以求能得到更大的空间，但是很多人并非也具有如此的钻研精神。他们更多的是直观的操作，折叠信息对于他们来讲几乎就相当于了隐藏。而一些大众的操作习惯（比如头部是导航栏，底部是工具栏，标签栏）也不是能轻易被改变的。</p>
<p>还有一个不算恰当但是真实发生的事情，记得前不久有个朋友说他做了一个flash电子书的项目，也要做iphone的版本，我提醒他说iphone没有flash player，他说已经有了，然后丢给我一个链接。答案是已经有了，但是必须让机器越狱然后安装这个插件才行，当一个用户做到这一步的时候，他的阅读器恐怕也不是这种Geek用户的选择吧。</p>
<p>另外值得一提的就是新手引导这种东西无论是游戏还是软件看的人似乎都不多，用户都以为自己能顺利的操作软件毋须指导。所以不能太指望几秒钟的新手引导能让用户学会一套新的操作方法。这里面TapTapTap公司出的系列App做得相当不错：</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/tapbot.jpg" rel="lightbox[477]"><img class="alignnone size-medium wp-image-484" title="tapbot" src="http://www.newdesigner.org/wp-content/uploads/2010/09/tapbot-500x187.jpg" alt="" width="500" height="187" /></a></p>
<ol>
<li>呈现时间长，第一次启动他们App的时候会出现这个引导，当用户未观看完之前不会消失。</li>
<li>步骤明晰，只有四屏靠手指滑动，对于一个App的教程信息量足够而且操作方便。</li>
<li>直观简单，没有复杂的交互引导，每个页面只解决一个问题，用图形来表示，简单易懂。</li>
</ol>
<h2>Units United</h2>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/units_united_1_new.png" rel="lightbox[477]"><img title="units_united_1_new" src="http://www.newdesigner.org/wp-content/uploads/2010/09/units_united_1_new-500x463.png" alt="" width="500" height="463" /></a></p>
<p>这是一个单位转换APP，正巧最近也做了一个汇率转换的App，先看看Alex如何评价这个App：如果昨天我运动了测得一共跑了456步，我想换算成米，那么我需要：</p>
<ul>
<li>去到分类页面</li>
<li>选择想要转换的数据</li>
<li>选择原始数据的种类</li>
<li>在小键盘上输入456</li>
<li>确定你没将两项搞反…………</li>
</ul>
<p>好吧，在这个320×480的屏幕上要经历这么多步骤，谁能保证不出错呢？而且你的问题很简单就是想问问456步等于多少米……看看Google是怎么做的：</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/units_united_2_new.png" rel="lightbox[477]"><img class="alignnone size-medium wp-image-490" title="units_united_2_new" src="http://www.newdesigner.org/wp-content/uploads/2010/09/units_united_2_new-500x220.png" alt="" width="500" height="220" /></a></p>
<p>最后Alex给出的语音识别的方法可能不太适合国内的用户，但是从这个App的例子能看到，工具性的App一定要简单操作。</p>
<p>想起之前设计的汇率转换，切换汇率的时候是点击国旗出来一个列表来切换，但是这样就会烦了Foobi的那个信息隐藏太深和Units United操作过于复杂的问题──认国旗虽然好玩，但是大家并不见得都能认出来，而且那个地方放不了太多字符来写清楚每个国家的名字。</p>
<p>其实刚开始改掉左侧的版本还觉得略有遗憾，现在看来，简单和直观操作才是第一要务，能极大的降低用户的使用门槛。</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/ios2.jpg" rel="lightbox[477]"><img class="alignnone size-medium wp-image-491" title="ios2" src="http://www.newdesigner.org/wp-content/uploads/2010/09/ios2-500x395.jpg" alt="" width="500" height="395" /></a></p>
<p>（部分图片引用自SmashingMagazine）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.newdesigner.org/2010/09/from-alex-komarov/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Plus+</title>
		<link>http://www.newdesigner.org/2010/09/plus/</link>
		<comments>http://www.newdesigner.org/2010/09/plus/#comments</comments>
		<pubDate>Mon, 27 Sep 2010 07:53:15 +0000</pubDate>
		<dc:creator>Plidezus</dc:creator>
				<category><![CDATA[App insight]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[insight]]></category>

		<guid isPermaLink="false">http://www.newdesigner.org/?p=462</guid>
		<description><![CDATA[昨天下载了Pocket Frog，发现其内置了和LUXOR 一样的Plus+按钮，好奇之下注册了一通。其注册体验，以及后续的寻找好友等功能做的很棒。 今天邮箱收到一封来自PlusPlus的注册确认邮件，到他们的网站上才意识到这个是一个iOS游戏的第三方社交系统。这个系统很方便的可以在游戏里面植入社交元素，而且也大大增加了游戏的可玩度，比如增加了Award系统等，social系统，也给游戏宣传增加了可能，因为在这个系统里面能看到所有内置Plus+的游戏列表。在Plus+的官网上也能看到每个游戏中达人的排名。 但是在国内恐怕很难成气候，或者只有腾讯做的才会有人理睬吧。毕竟大家都喜欢自己有一套自己的系统。 注册流程还是很值得学习的。 使用了浮动层，方便的适用各种游戏界面。右下角的步骤让用户知道距离目标还有多远。 注册条款，这么做太赞了，跳出了之前的那种大段文字 + 注册按钮的模式。而且充分利用了iOS的设计规则。 设置用户名和个人状态，以及头像。一旦设置，所有游戏通用的。 注册完了提示用户寻找自己的好友。那个按钮做得太诱人了。 亮点在第二个按钮。 个人页面的布局很赞，信息量不小，但是竟然有序。 官网：http://www.plusplus.com/]]></description>
			<content:encoded><![CDATA[<p>昨天下载了Pocket Frog，发现其内置了和LUXOR 一样的Plus+按钮，好奇之下注册了一通。其注册体验，以及后续的寻找好友等功能做的很棒。</p>
<p>今天邮箱收到一封来自PlusPlus的注册确认邮件，到他们的网站上才意识到这个是一个iOS游戏的第三方社交系统。这个系统很方便的可以在游戏里面植入社交元素，而且也大大增加了游戏的可玩度，比如增加了Award系统等，social系统，也给游戏宣传增加了可能，因为在这个系统里面能看到所有内置Plus+的游戏列表。在Plus+的官网上也能看到每个游戏中达人的排名。</p>
<p>但是在国内恐怕很难成气候，或者只有腾讯做的才会有人理睬吧。毕竟大家都喜欢自己有一套自己的系统。</p>
<p>注册流程还是很值得学习的。</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0814.png" rel="lightbox[462]"><img class="alignnone size-full wp-image-463" title="IMG_0814" src="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0814.png" alt="" width="320" height="480" /></a></p>
<p><span id="more-462"></span>使用了浮动层，方便的适用各种游戏界面。右下角的步骤让用户知道距离目标还有多远。</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0815.png" rel="lightbox[462]"><img class="alignnone size-full wp-image-464" title="IMG_0815" src="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0815.png" alt="" width="320" height="480" /></a></p>
<p>注册条款，这么做太赞了，跳出了之前的那种大段文字 + 注册按钮的模式。而且充分利用了iOS的设计规则。</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0816.png" rel="lightbox[462]"><img class="alignnone size-full wp-image-465" title="IMG_0816" src="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0816.png" alt="" width="320" height="480" /></a></p>
<p>设置用户名和个人状态，以及头像。一旦设置，所有游戏通用的。</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0817.png" rel="lightbox[462]"><img class="alignnone size-full wp-image-466" title="IMG_0817" src="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0817.png" alt="" width="320" height="480" /></a></p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0818.png" rel="lightbox[462]"><img class="alignnone size-full wp-image-467" title="IMG_0818" src="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0818.png" alt="" width="320" height="480" /></a></p>
<p>注册完了提示用户寻找自己的好友。那个按钮做得太诱人了。</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0819.png" rel="lightbox[462]"><img class="alignnone size-full wp-image-468" title="IMG_0819" src="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0819.png" alt="" width="320" height="480" /></a></p>
<p>亮点在第二个按钮。</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0820.png" rel="lightbox[462]"><img class="alignnone size-full wp-image-469" title="IMG_0820" src="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0820.png" alt="" width="320" height="480" /></a></p>
<p>个人页面的布局很赞，信息量不小，但是竟然有序。</p>
<p><a href="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0823.png" rel="lightbox[462]"><img class="alignnone size-full wp-image-471" title="IMG_0823" src="http://www.newdesigner.org/wp-content/uploads/2010/09/IMG_0823.png" alt="" width="320" height="480" /></a></p>
<p>官网：<a href="http://www.plusplus.com/" target="_blank">http://www.plusplus.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.newdesigner.org/2010/09/plus/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

