iPad应用设计实践(上篇)

就像所有经过精心设计的物品一样,把有用性、可用性以及丰富的内容结合为一体,就成就了iPad应用的非凡魔力。一款iPad应用(游戏除外)必须是实际有用的,用户要能够在恰当的时机,通过使用这些App所具有的合适的功能,来解决自己实际存在的问题。一款iPad应用不仅要容易操作,更重要的是让用户不需要经过繁琐的学习步骤就能轻松上手。另外,要让用户享受视觉美感,情感冲动以及发表个人见解时,要体会到它丰富的内容。在下面的文章中,虽然我并未阐释创建一个iPad应用的完整设计过程,但是我列出了10个至关重要的注意事项,以供大家在设计iPad应用时参考。

用目标导向的方法来精简功能

优秀的iPad应用不仅设计简洁,而且能够高效地完成某些任务。这就意味着你要对一款App所应该具有的功能精挑细选,不能把杂七杂八的东西一并扔进去,就好像它是厨房里的洗涤槽一样。你可以遵循目标导向的方法,认清楚你的应用究竟需要什么功能。列出用户在使用App时所有可能拥有的重要需求(如果你认为自己的App能够帮助用户去做某些事情,那你最好是通过观察用户实际做这些事情的过程,来描绘出用户需求的全景图),从而尽力去了解用户究竟要做什么。然后可以通过小组头脑风暴的方式,讨论出用户完成某件事情所有可能的需求。看一下头脑风暴产生的庞大的需求清单,接下来就要逐一删减,一定要很保守去判断某项功能是不是对用户真正有所帮助。最后挑选出那些有吸引力的、令人愉悦的需求点来形成App的一组功能。

举个例子,Epicurious应用在为用户提供确实所需的多任务烹饪服务上表现的很出色。当在全景模式观看一个菜谱的时候,用户很容易浏览屏幕左侧那些作料,也能通过一个而已用手指拖动的指示箭头来跟踪下一步介绍的内容。针对菜谱的评论和附加的提示能够很容易地通过选项卡看到,整个界面在包含基本功能的情况下,显得既清楚又整洁。

num1_a3

Epicurious为菜谱提供了简洁的界面,用户可以通过橙色的箭头指针来确定操作的步骤。

对比看一下,Whole Foods应用起初很能让你很方便地将菜谱中的作料加入购买清单中,但不幸的是,它忽视了将那些重复的作料组织到一起,所以很多类目被重复地列出。在以下的屏幕截图中,你可以看到“香蕉”出现3次,只要有一个菜谱需要它就出现一次,而不是将它们整合成一类。

num1_b

Whole Foods应该合并那些重复的类目以增强其功能

另外,或许用户完成一项任务会有很多的控制操作,但千万不要试图去为每项控制操作都添加按钮。从用户界面上,尽量思考一下能否通过用户的某些交互手势来揣测他们的意图。举个例子,苹果的Note应用没有一般的编辑模式,取而代之的是,你只要简单的轻触屏幕就可以调用出键盘,当你完成编辑后它会自动保存。一些基本的编辑控制如剪切、复制和粘贴都是通过交互手势实现的(撤销操作通过“用橡皮擦除”的手势来完成)。

notes1

Note应用对一些界面按钮和显性控件做了限制,只有在应用察觉到用户需要它们的时候才让它们出现

“不择手段”地为用户创造个性化体验

没有人愿意花费一大堆的时间去设置一个只有1.99美元的App。竭尽全力去通过iPad本身和其它网站了解你的用户(当然要经过他们的允许)。你是否能够使用用户的位置信息、日历信息、Twitter订阅或者是联系人列表来让App变得更加的智能,更加的个性化?

Zite是iPad上的一款很棒的RSS阅读器,还没等你去添加订阅,它就已经主动连接到了你的Google Reader、Twitter或者是Delicious账户,然后很快地就把那些你感兴趣的文章呈现在你眼前了。我试着将它连接到Delicious账户(这里储存了我所有的书签),仅仅不到5秒的时间,它就为我创建了一本个性化的杂志,为我发现新的有趣的内容。就像Pandora一样,你越用它,它就会变得越和你相关,就越来越个性。迄今为止,尽管Flipboard的用户界面是否够优雅的问题存在很多争议,但它和Zite的配合操作真的非常简便,因为Zite已经全部为你设置好了。

num2_a

Zite通过连接用户已有的账户迅速地为其提供个性化设置

zite

Zite通过学习我在Delicious中的兴趣取向后为我创建的个性化杂志

考虑应用的使用环境

假设你的用户将要出门,那么它们什么时候会使用你的App呢?在餐馆里,在汽车里,在厨房里,或者是在沙发上等等。这些使用环境的改变将如何影响你已经整理好的用户需求清单呢?用户通过iPad浏览菜谱,他们在沙发上浏览的需求会和在厨房里及在餐馆里的需求不同吗?

Open Table是一款网页应用,它的功能是预订餐位,它显示了一个餐馆列表作为搜索的默认结果(里面不包含地图)。但是当它作为iPad应用时,它的默认视图变成了一个很大的地图,界面右边有一个餐馆的列表,并且有一个“搜索附近”的按钮。这满足了那些出门在外或即将出门的人找吃饭地方的需求。

num3_a

当你拿着iPad出门时,Open Table会告诉你附近有哪些餐馆

Awesome Note应用打开时会出现一些列默认目录,它们反映出用户在iPad上做笔记时他们所处位置。

num3_b

Awesome Note将传统的分类如“我的创意”“计划行程”等替换为一种“户外行为类目”,例如“旅行日记”“购物事宜”等等 

GroceryIQ是一款购物清单应用,它通过组织购买物品目录来提升用户的购物速度。而且它允许商店滤除它的商品列表,这同样让购物变得很方便。

groceryIQ

GroceryIQ设计的功能能够让你的购物之旅更加有效率

考虑多用户和多设备下的使用

有的时候多个家庭成员会共享一个iPad,不像个人电脑,iPad不是个人占有的设备,它而更像是茶几上摆放的供多人共享的书籍或者杂志。另外如果允许不同账户的切换,清除地显示出目前是谁在登录也是很重要的。多账户的另外一个好处就是它们能够在不同设备之间进行同步(例如,iPad和智能手机之间)。

Flipboard通过多账户共享的一个很好的例子,。当你登录的时候,你的名字会显示在它的主页上。

flipboard

Flipboard让你清楚地知道谁在登录账户

num4_b

和Flipboard差不多,FedEx应用显示出了登录账户的名称(尽管这款应用沉重的灰色界面让人感觉怪怪的)

num4_c

eBay没让用户清楚地知道谁在登录,直到你点击角落里的“我的eBay”按钮

不要做过于炫目的导航,除非它是一款游戏设计或是暂时性的设计

炫酷的、纷杂的和抢眼的交互在暂时性的设计和游戏设计上或许效果会好。但是对于那些常用的App,比如新闻阅读器,它们的导航设计一定要坚持一般标准。如果你确实想要做一些创新,你务必得保证它很有用且非常好用。

Martha Stewart Living应用的基础建立在Adobe数字出版套件之上,且Adobe数字出版套件是经过精心设计的。它通过一种创新的方式来使用水平和垂直的滚动条,水平滚动可以在不同文章之间进行导航,而垂直滚动则为同一文章内的不同页之间进行导航。它们被成对儿的镶嵌在设计智能的界面上,能够从视觉上引导用户进行滚动条的操作,而且该应用还添加一个近期杂志的概览图,这让用户的导航变得更快捷了。以上这些精心的设计再加上一个可点击的内容面板,使得整个App体验变得非常吸引人。

num5_a1

Martha Stewart Living的概览视图显示了很智能的垂直滚动和水平滚动操作

设计一款iPad应用时,你能够做的最好的事情就是切实地经常去用这款App,体验一下那些是对你有用的。如此你就会很快发现这款App中不和谐以及烦人之处,并且你会很容易发现对于这款App就是哪里是你该坚持,哪里是你该舍弃的。

对于新闻阅读器中退出文章的操作,这里有三种不同的方法供大家参考。

s1_huff

Huffington Post应用:右上角

s2_ny

纽约时报应用:左下角

s3_zite

Zite应用:左上角

当人们手持iPad时,他们倾向于将大拇指放在iPad左上部,所以将按钮放置于这个部分会让操作很简单,因为这样操作用户不必去改变手持姿势。另外,Zite允许你点击任何一篇文章之外的区域来关闭它,这是一种很有弹性的交互操作。与之相似地,纽约时报iPad应用允许你通过“手指捏文章”的手势来关闭它,并且回到主页。左上部的单手指操作或许更便捷,因为多点操作有可能会让用户改变握持姿势,但手势操作的好处也显而易见,尤其是在一个文章已经被打开了几秒控件还未被加载的时候,你可以很快的通过手势操作来关闭它。

要清醒的知道你自己是如何使用App中的那些功能的,并且要注意它什么时候好用,什么时候你不得不笨拙地移动手或者做一些事情来打断你进行的工作。大量地使用一些App尽力做你想做的事情,评估它们的可用性,并判断一下用它完成持续任务或不同任务时是否依然有效。iPad应用仍然是个全新的不成熟发展领域,所以现在不是为它的设计倾全力和设定规范的时候。话虽如此,我们还是应该去评估一个新增的创意是真的有用,还是只是一个新奇的噱头而已。

 

本文译自:《Ten Things To Think About When Designing Your iPad App

 

发表评论

电子邮件地址不会被公开。

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

使用新浪微博登陆