腾讯力作!超实用的iOS9人机界面指南(2):设计策略优设网

美学完整性不评判应用的视觉设计,也不是用来描述应用的风格特征。美学完整性是指在一款应用的视觉表现和交互行为与功能结合后所传达出的整体一致性。

人们关心应用是否提供了应有的功能,但是也会潜移默化甚至是很直接地被应用的视觉表现和交互行为所影响。举个例子,一款协助用户完成任务的应用,可以通过使用精美而又无干扰的装饰性元素、标准的控件和可预期的交互行为很好地帮助用户聚焦在任务本身上。这样,应用就能传达出清晰而一致的信息,使得人们信任它。但是,如果应用使用干扰的、琐碎的或随意的UI来呈现任务,那么人们可能会对其可靠性和可信赖度产生怀疑。

另一方面,在沉浸式应用中—例如游戏—用户期待惊艳的视觉表现,为用户带来乐趣和刺激,并鼓励用户进行探索。用户不是要在游戏中完成严肃的或程序式的任务,他们更期待游戏的视觉表现和交互行为与当前的目的进行整合。

一致性可以让人们在一款应用中的不同部分甚至不同应用间复用使用同样的认知和技能。一款具备一致性的应用不应盲从地复制其他应用,也不应在风格上一成不变。相反,它们专注于让人们觉得舒适的标准和范例,并提供应用内部统一的体验。

在判断一款iOS应用是否要遵守一致性原则时,请思考如下问题:

当人们不再使用一堆控件进行操作,而是直接在屏幕上操作对象时,他们能更集中精力完成任务,也更容易理解这些行为所产生的结果。

使用多点触摸界面,人们可以通过捏合操作来直接放大和缩小图片或文本内容。在游戏中,玩家可以直接与屏幕上的对象进行交互。例如,游戏中可能会显示密码锁,用户可以通过转动它来打开。

在一款iOS应用中,如下情况中人们应该能够进行直接操作:

反馈可以明示人们的行为,呈现操作结果,并更新于任务进程之中。

精细的动画会给人们带来有意义的反馈,帮助阐明行为的结果。例如,列表中新增一项时的动画可以从视觉上帮助人们发现列表的变化。

音效同样可以为人们提供有效的反馈,但不应成为唯一的反馈方式,因为人们不一定能听到。

当应用使用隐喻来传达某种用法或体验时,最好不要让隐喻突破所依赖的对象或交互行为本身的限制。(译者注:此处可理解为对于隐喻的使用应量力而为,不要过于牵强。)

由于人们实际上是和屏幕进行物理上的交互,所以iOS应用有很大的余地来使用隐喻。iOS中的隐喻包括:

是人—而不是应用—发起和控制行为。应用可以对用户进行操作建议,对有危害的后果予以警示,但是不应替用户来做决策。好的应用会在用户需要时给予帮助和避免不必要的结果之间作出平衡。

当对应用的交互行为和控件都较为熟悉和可预期时,用户会觉得应用更易上手。那些简单直白的交互行为更容易被用户所理解和记住。

人们会希望在一个操作被执行之前有足够的机会来取消,也希望在执行一个不可逆的操作之前可以有机会来进行确认。最后,人们还会希望能够停止正在执行中的操作。

应用的定义是对应用主要功能和目标用户的简明具体的描述。

尽可能早的创建应用的定义可以帮助你将一个想法和功能清单转换为用户想要的条理清晰的产品。在开发过程中,可以使用定义来决定某些功能和行为是否合理。使用以下几个步骤来创建一个可靠的应用定义。

1.列出所有你认为用户可能喜欢的功能

可以直接进行头脑风暴。此时,你需要列出所有与产品核心想法有关的任务。不用担心清单太长,因为接下来会进行删减。

2.确定目标用户

现在你需要清楚的将你的应用用户与其他iOS用户区分开来。确定在此情此景下,什么是对你的用户最重要的。在食品杂货例子中,你可能需要问问你的用户:

思考过这些问题之后,假设你可以提取出目标用户的三个特征:喜欢按照食谱进行尝试,时常很匆忙,通常情况下比较节俭。

3.根据目标用户过滤功能清单

如果在确定了一些用户特征后,你最终得到几个主要功能,恭喜你在做正确的事情:好的iOS应用应该是高度聚焦在能帮用户完成的任务上的。

例如,即使第一步想出的那些可能需要的功能都是有用的,也不一定是第二步定义的目标用户需要的。

当你在目标用户的使用情境下检查功能清单时,就可以判断你的应用应该聚焦在三个主要功能上:创建清单,获得并使用优惠劵,获得食谱。

此时你就可以给出应用定义了,总结该应用为谁做和做什么。食品杂货购买应用的定义可能如下:

“为热爱烹饪且节俭的用户订制的创建购物清单工具。”

4.不止于此

应用定义应该贯穿于整个开发过程,使用应用定义确定功能,控件,措辞的合理性。例如:

当你想要新增一个功能时,问问自己这对应用的主要目的和目标用户是否非常重要。如果不是,可以置之不理。例如,你已经确定了你的用户对大胆新颖的烹饪方法感兴趣,那么着重展示盒装蛋糕和现成的食物就不太合适。

当你考虑用户界面的外观和操作时,问问你自己你的用户更喜欢简单的、流线型的风格,还是有明显主题的风格。以用户目标为指导,理解用户期望通过你的应用完成什么,例如快速找到答案,找到深入而全面的内容或者娱乐。例如,尽管你的食品杂货清单应用需要易于理解和快速上手,但你的用户还是可能倾向于一个有关食物的主题界面。

当你考虑应该使用怎样的措辞时,考虑用户在这个领域的专业程度。例如,尽管你的用户可能不是由专业的大厨组成,但你也可以肯定他们希望看到有关食材和技术专用的措辞。

最好的iOS应用根据清晰的目标和易用性来平衡用户界面的设计。为了达到这种平衡,要确保在设计阶段前期就考虑定制化。因为考虑品牌性,原创性和适销性通常会影响定制化的决策,所以专注于定制化怎样影响用户体验是难的。

开始考虑应用中的任务:用户执行这些任务的频率如何,在什么样的环境下进行?

举个例子,想象一个计算器应用使用的是精心设计的,充满艺术感的风格,并且使用了创新的层级去显示大家熟悉的计算元素。这像艺术品一样的细节渲染和创新层级并不会影响用户去理解怎样点击按钮和查看计算结果。但是对于只是简单的需要完成工作的用户,这种新奇的体验和美丽的界面很快就会失去效用,并且可能成为一种妨碍。

相反,随身录音室应用(GarageBand)可以不展示好看的、逼真的乐器来帮助用户制作音乐,但这样会使应用缺少身临其境的愉悦感。在随身录音室里,界面不只是向用户展示了如何使用,同样使得制作音乐的主任务更容易完成。

当你思考定制化如何增强或减弱用户完成任务的注意力时,记住以下几点:

定制总要有缘由。理想情况下,定制化的用户界面能促进用户完成任务并增强他们的体验。你最好尽可能的用任务驱动定制化决策。

尽量避免增加用户的认知负担。用户对标准界面元素的外观和行为都已经很熟悉了,所以他们不用停下来思考如何使用它们。当用户面对外观和行为与标准不同的元素时,他们就失去了经验的优势。除非你的独一无二的元素能够使任务更容易完成,否则用户很可能不喜欢被强制学习一些在其他应用都不通用的步骤。

总是以内容为重点。因为标准元素很熟悉,所以它们不会分散用户在内容上的注意力。当你自定义用户界面时,注意确保界面元素不会抢走用户对内容的注意力。例如,如果你的应用允许用户观看视频,你可能选择设计一个自定义的重播控件。但是不管你用的是自定义还是标准的重播控件,都没有它是否在用户开始观看后隐藏点击屏幕后出现来的重要。

在对标准控件进行重设计时再三思考。如果你不只是想自定义标准控件,而是想重设计,确保你的重设计能提供尽可能多的信息。例如,你设计了一个开关控件,它没有可以指明相反状态存在的信息,那么用户很可能意识不到这是个有两个状态的控件。

在你投入工程资源实现设计之前,最好先创建原型来进行用户测试。即使只有几个同事来帮你测试原型,你也会收获一些关于应用功能和用户体验的新鲜观点。

在设计的早期阶段,你可以使用纸质的原型或者线框图去呈现主要的视图和控件,并且标明每个页面之间的跳转关系。你可以从线框图测试中获得一些有用的反馈,但是线框图的稀疏性有可能会误导用户。因为用户很难想象当线框被实际内容填满时体验会有什么样的变化。

如果你有一个可以在设备上运行的原型,那你可以得到更多有用的反馈。当用户能在设备上与你的原型进行交互时,他们能更容易的发现应用中哪里功能不满足预期,哪里体验过于复杂。

创建可靠原型的最简单的方法是使用基于故事版的Xcode模板创建一个基础应用,然后使用一些类似于占位符的内容来进行填充。(故事版可以涵盖应用中的所有界面,并且包括界面之间的跳转关系。)接着,将这个原型导入到设备中,这样被测者就可以有一个尽可能真实的体验了。

你不需要在原型中提供大量的实际内容或者使每一个控件都可用,但是你确实需要营造足够的情境来保证真实的体验。并且需要在典型用户体验和非典型的边缘情况之间做好平衡。例如,如果你的应用需要处理很长的列表项,你的原型就不能只显示一两个条目。而且在用户测试交互中,只要被测者能够点击屏幕上的一个区域进入到下一个逻辑页面或者完成主任务,那他们就可能提供更有建设性的反馈。

桌面版的Keynote应用是一个十分强大而又灵活的应用,可以创建非常优秀的幻灯片。人们喜爱Keynote将简单易用与细粒度的操作结合进而控制无数精确细节的方式,如动画和文本属性等。

iPad版的Keynote提取了桌面版Keynote的核心要素,并通过创造以下的用户体验使它在iPad上更舒适:

Keynote用户能很快理解如何使用iPad版,是因为它使用了iPad原生的范例,符合了用户对功能上的预期。新用户可以用简单、自然的方式直接操控内容,所以可以很容易学会如何使用iPad版的Keynote.

Keynote从桌面版向iPad版的转变是基于从细节到整体的大量修改和重新设计的。以下是一些明显的修改:

流线型的工具栏。工具栏中只有少数的元素,但是它们是用户在创建内容时所需的所有功能和工具的统一入口。

简化并优先响应用户焦点的检查器。对于用户所选的需要修改的对象,iPad版的Keynote能自动控制其工具和属性。(译者注:特别是根据当前的操作对象而有限选择某些工具。)通常,人们可以在第一检查器视图中完成他们需要的所有修改操作。如果他们需要修改那些不常用的属性,他们可以下拉另一个检查器视图来进行。

丰富的预设样式集。人们可以利用预设的样式很简单地改变对象(如表格或图表)的外观或者感觉。除了颜色之外,每个集中,例如表格的标题和轴区分标识等的预设属性都被设计得与整体的主题和谐一致。

直接操作内容,丰富有意义的动画。在iPad版的Keynote中,用户可以拖动滑块到一个新的位置,可以扭动旋转一个对象,也可以轻击图片来选中它。iPad版Keynote的响应动画进一步加强了这种可直接操作的印象。例如,用户在移动某个滑块时它通常会暂停,而当它被放置在一个新的位置时,环绕在周围的滑块将会向外扩散给它留出空间。

邮件应用是OSX中一款好用而又广受好评的常见应用。它也是一个很强大的程序,可以允许用户撰写、接收、分类和存储邮件,追踪行动和事件,也可以编写备忘录和邀请等。桌面版的邮件应用通过一系列的窗口提供了这些强大的功能。

iPhone版的邮件专注于桌面版邮件的核心功能,帮助人们接收、撰写、发送和组织他们的信息。为了塑造移动iPhone版的邮件应用,将这些功能浓缩在为其量身定制的界面之中,做了如下的工作:

必须明白的是,相对于桌面版的邮件应用来说,iPhone版的邮件应用不是(注:或者说并不需要是)一个更好的应用,而是为移动端用户重新设计的邮件应用。iPhone版的邮件应用专注于桌面版的功能子集并将它们呈现在一个吸引人的精简界面之中,据此为移动端的用户提供了核心的邮件体验。

为了使邮件应用的体验能适应移动场景,iPhone版的邮件应用在几个关键的方面革新了用户界面。

简单、可预期的导航。通过每屏的一次点击,用户可以逐层展开综合内容(账户列表)进入具体页面(一封消息)。每个页面会显示一个标题用以指示用户所在的位置,以及一个返回按钮用以更容易地回溯到他们之前的步骤。

需要时即可获取的、简单的点击性控件。基本上在任何场景之下,编写邮件和查阅新邮件都是人们首要希望进行的操作,因此iPhone版的邮件应用保证了这两个功能在多个页面中都可以便利地进行。当用户查看一封消息时,就会显示诸如回复、移动和删除等对消息的操作。

iOS版的Safari应用在iOS设备上提供了出众的移动网页浏览体验。人们喜欢阅读清晰的文字和图片,也希望能通过旋转设备或者捏合和点击屏幕来调整视图。

基于标准建立的网站可以在iOS设备上显示得很好。特别是那些能侦测设备并不需要插件的网站可以同时在iPhone和iPad上都表现得很好,两者之间不会需要太多的修改,即使有也很小。

除此之外,成功的网站应具备以下的特性:

网站也可以通过其他的方法适配桌面网页到iOS端的Safari浏览器中:

使键盘适应iOS端的Safari。当键盘和格式辅助信息出现时,iPhone上的Safari应用会将你的网页显示在URL地址下方和键盘与格式辅助信息上方。

THE END
1.家常菜做法大全app下载手机家常菜做法大全app全部平台版本 家常菜做法大全app安卓手机版6.2.1 大小:31.9MB时间:2024-11-22 下载 更多家常菜做法大全app安卓历史版本(10个)相关合辑 菜谱家常菜做法app漫画免费大全app软件做app软件买菜app软件ipad大学生必备app家装app软件家常菜谱app烧菜的app软件律师常用app软件做饭的app软件免费国产大片apphttps://m.liqucn.com/rj/503199.wml
2.适合厨房小白的app厨房小白学做饭app厨房小白必备软件今天小编就给大家带来了一些适合厨房小白的app,你可以按照自己的需求来进行选择。在一些软件内会提供新人必做的菜谱,通基础的家常菜开始练习,一般菜谱上都是有详细的步骤解说的,准备的材料以及工具也都会说明,有的还带有视频的讲解,让你一步步跟着做,慢慢熟练操作的步骤,让自己快速学会做菜。http://www.downcc.com/k/chufangxiaobaiapp/
3.学做菜的app排行榜前十名十大免费学做菜软件app推荐现在爱好下厨房自己动手做菜的人群越来越多,而想要学做菜的人们面对着繁多的食材可能无法快速下手,而一款好用的做菜app可以更具食材快速搜索到想做的菜的详细做法,而菜谱app就成了家里面做饭的主要工具,这里小编给大家带来了学做菜软件app排行榜https://www.ddooo.com/zt/zcrj.htm
4.做菜app软件大全学做饭app下载做菜教学视频app下载做菜app正所谓自己动手,丰衣足食,现在,很多朋友都会注重饮食,自己做饭做菜,但是又不会怎么办?做菜app软件能够帮你解决所有问题。本站为大家精心整理了做菜app软件大全,其中汇集了多款好用的学做饭app,里面拥有各种美食的教程,教学视频和图文都为大家提供了,非常适合厨房小白使用,欢迎大家前来本站下载!https://m.32r.com/zt/zfrj/
5.程序员做饭指南APP的TF开放下载了昨天,看到有位大神(Cyandev)在周末将HowToCook做成了APP,程序员撰写,程序员维护,帮助程序员的做饭指南APP,以程序员的思维重新解释菜谱,用量化、标准化的思路,创造了程序员做饭做菜的文字程序,目前只有IOS测试版本。 下面是下载链接,点击文末阅读原文亦可打开: https://blog.csdn.net/karaxiaoyu/article/details/123700727
6.深度揭秘,小红书厨艺班真实体验,教你做菜靠谱指南1、厨艺不佳想要提升,并没有捷径可走,唯有勤于观察、学习和实践,正如古语所说:“实践是检验真理的唯一标准”、“实践出真知”,你可以先从手机上下载一款教做菜的APP开始,目前市面上这类APP众多,我表妹的手机里就安装了“下厨房”这款APP,它非常实用(此处仅为分享,并无广告之意)。 http://3g.jk393.com/d7fb4645efF1.html
7.做菜排行榜前十名APP推荐做菜排行榜前十名下载豌豆荚做菜排行榜前十名榜单为您提供最新做菜排行榜前十名大全,这里不仅有做菜排行榜前十名安卓版本APP、历史版本应用下载资源,还有类似做菜排行榜前十名的应用推荐,欢迎大家前来豌豆荚下载。https://www.wandoujia.com/bangdan/543176/
8.十大好用的美食菜谱app厨房小白新手下厨必备的学做菜视频app想学做菜的你,面对食材无从下手?其实很简单,手机上下载个菜谱app就能搜索你想做的菜详细做法。那么菜谱app哪个好用?MAIGOO小编特地给大家整理了十大好用的美食菜谱app排行榜,包含下厨房APP、豆果美食APP、香哈菜谱app、好豆菜谱app、美食杰App、美食天下app等国内好用https://m.maigoo.com/goomai/207069.html
9.美食教程app排行榜前十名十大相关软件专辑 手机美食app有哪些?好用的手机美食软件推荐美食照相软件摄影教程app美食折扣app附近美食软件健身教程app拍美食专用app免费课程教学软件美食攻略app美食相机软件美食外卖app美食软件画画教程软件初中课程视频教学软件人气美食app围棋教程app美食照片软件初中课程教学软件找附近美食软件美食优惠券apphttps://m.pianwan.com/s/zj-1744769
10.做菜不用再问妈:这7个App换着用,让你从厨房小白变大厨老牌菜谱应用,特点就是菜谱多。200 万菜谱内容,没有它不提供的菜谱,只有你想不到的菜谱。除了 app,网页版使用起来也很方便。跟着菜谱做饭之余还可以上传自己作品,与万千厨友们 PK 厨艺。整体操作简单易用,适合常做菜的人在里面搜寻灵感。 2. 厨房故事 https://36kr.com/p/1390010704837635
11.目前,在“网上国网”APP已发布代理购电服务操作指南,并有“代理购B. 做菜前盐水浸泡 C. 长时间爆炒 D. 短时间烹煮 查看完整题目与答案 下列现象主要体现光的反射的是? A. 海市蜃楼 B. 平面镜成像 C. 透过【单选题】下列属于业务操作指南的是(). A. 应急操作须知 B. 海洋环境保护法 C. 雾航安全措施 D. 航海通知 查看完整题目与答案 【https://www.shuashuati.com/ti/572c0ba5a31b47f8a412d4b396339187.html?fm=bd338d1428f4f70728e0cf3920051f3835
12.小米电磁炉选购指南,配套锅具怎么选,全实物对比给你答案▼相对的超薄新款更适合对烹饪没有基础,能跟着电磁炉学做菜的,以及对外观有更高要求的朋友们。 【米家双口电磁炉】 ▼准备把电磁炉作为主力烹饪炉具,代替传统灶具的用户。最近看到一款房车的厨房就用的这款双口电磁炉。以及喜欢聚在一起吃烧烤的小伙伴。 https://m.zhuxiaobang.com/article/7010756745383543304?channel_source=baidu_biji
13.微信小程序实名认证接口微信小程序实名认证邮箱验证多数人不会使用,还是短信方便点,短信可以采用号码认证和验证码的方式,前者稍微便宜的,关于性价比和上手程度我推荐个推, 于是有了今天这篇案例记录,对于H5向uniapp进行数据传输,我建议看我这篇【uniapp】H5向uniapp通信存储数据——H5如何传递数据到uniapp方法的解决方案 3 元购买 Wafer1 指南 小程序·云https://cloud.tencent.com/developer/information/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%AE%9E%E5%90%8D%E8%AE%A4%E8%AF%81%E6%8E%A5%E5%8F%A3
14.WikiHow安卓app下载中文版WikiHow官方下载手机版这个软件有很多生活小窍门和资讯文章,无论是生活中的钱米油盐还是社交场合,你都可以在这里找到相关的小窍门分享比如你现在想学做菜,你可以搜索相关词汇,搜索如何做菜,软件会匹配最适合你的烹饪文章。可以参考文章一步步来做菜。不仅在生活上,在一些技术指南上也是如此。推荐,用户只需要进入技术相关的类别就可以查看所有的https://www.9k9k.com/app/45817.html
15.戈壁沙漠与黄河峡谷的秘密交响西北五省深度旅行指南随着时间流逝,我们的心灵也逐渐变得更加宽广。这次旅行虽然结束,但那些记忆将伴随我们终生。那片戈壁沙漠与黄河峡谷之间所蕴含的情感,就像是一首交响乐,让每个音符都成为不可磨灭的一部分。 标签:附近有什么好玩的地方、最好的做菜app、做蛋糕的方法和步骤详细、学生最喜欢吃什么小吃、各国特色美食小吃https://www.hgddesks.cn/xiao-chi/528296.html
16.美食菜谱大全app美食菜谱软件排行版手机已经成为了现代生活中的百科全书,关于生活中的点点滴滴都可以使用手机来帮助完成,做菜也不例外,很多喜欢美食的人们都会在手机上查看菜谱,今天本站007就为大家推荐一些美食菜谱大全app.http://m.yx007.com/k/msspdqapp/
17.之食谱大全专业版手机下载楼下的早餐之食谱大全app下载v1.1楼下的早餐之食谱大全是一款功能齐全、资源丰富的美食菜谱软件,用户可以通过详细步骤学习各种口味的菜品。该软件专注于美食菜谱,提供海量菜系选择,满足不同用户的做菜需求。通过语音命令控制菜谱播放、厨房小贴士、覆盖各类美食等功能,使用户在烹饪过程中更得心应手。软件还提供了美食博主的私房菜谱、菜谱收藏功能和视频演https://www.juxia.com/sjwy/ruanjian-575970.html
18.生鲜传奇app手机版下载生鲜传奇app安卓版下载生鲜传奇是一个生鲜连锁店的会员端app,用户可以用qq账号直接登录,也可以注册会员登录,登录进去后可以看到超市的商品、学做菜、领优惠券等、享受会员服务。各种各样的生鲜食材和美食,首页有丰富的新品推荐,果蔬预购等,分类齐全,满足更多用户的日常生活需求,有各种不同的商品还推出了优惠活动,随时关注首页里面的热门推荐http://www.dianwannan.com/app/1000000334229/
19.食谱app哪个好用实用的手机菜谱大全软件有哪些推荐家常菜app是一款让广大用户们学习到如何烹饪更多美食的软件,这款软件中的每一款推荐美食都是经过了大量用户们好拼推荐而来,让用户们能学会让广受好评的美食的制作方法。 家常菜做法大全APP 2024-09-12 / 30.86MB 下载 家常菜做法大全是一款杭州云月信息科技有限公司开发的食谱类APP,非常好用的做菜学习软件。家常https://www.87g.com/zhuanji/1158.html
20.菜谱app推荐菜谱软件排行榜2024美食菜谱app下载菜谱app专题是由当易网小编特意为大家收集整理的菜谱app合集,包括了下厨房.美食杰以及香哈菜谱等等app,能帮助大家做出更多美味的美食来,也是大家做菜的好帮手,欢迎大家下载体验,做一个生活精致优雅的人。http://m.downyi.com/key/caipuapp
21.新手指南时光序App如何添加目标,制来自时光序团队【新手指南】时光序App——如何添加目标,制定长短期目标?目前,时光序的目标有两种添加类型:一种是「单个目标」,一种是「多级目标」(1)单个目标,顾名思义,只能设定一个目标,并不断围绕这个目标去实现它。它偏向短期目标,适合于那些比较简单明确的,完成难度较小,或实现周期较短的,比如考驾照,学做菜,尝试一次跳伞等https://weibo.com/6453623297/Kt8gqD60I