数极客首页

iPad应用的十大用户体验设计准则

与众多优秀的产品相同,iPad应用的胜利

也取决于产品中心
价值以及用户体验方式

等诸多方面的要素
。除了游戏之外,多数类型的应用都必需能够

在一定的上下文环境中辅佐

用户处置

某些特定的问题。它应该足够的简单易用,运用
户不需求
中止

复杂的设置和学习就能够

顺利上手。而产品在视觉外观、交互方式、情感联接等方面的表现更会直接影响到用户关于
应用的体验称心

度。

在本文中,我们将共同了解

一些你在设计工作中需求
认真思索
与贯彻的指导准绳

。我们不会对创建

iPad应用的完好
设计流程中止

解说

,也不会将时间破费

在简直

任何一篇移动

应用设计文章都会提到的那些细节当中的小办法

小诀窍

上。本文的主要目的是辅佐

你在理论

的iPad应用项目中制定愈加
合理与正确的产品设计决策。

1.瞄准中心
需求,简化产品功用

优秀的iPad应用通常能够

让用户以最简单的操作方式完成一个或多个十分

明白
的任务目的
。你需求
在产品的概念阶段对功用
方式

中止

有针对性的选择与摒弃。无妨
试着以一种面向目的
的思绪
来判别
功用
在产品中的存在价值:针对自己

产品的方向及概念方式

,想象
用户会在哪些典型的需求用例中中止

运用
,将任何能够

想到的需求与任务目的
都记载
下来。接下来,与你的团队中止

头脑风暴,尽量全面的罗列出用户在完成这些任务目的
的过程中有可能会用到的功用
。然后,在这份功用
清单当中提炼出一套能够

确保完成
需求目的
的最精简的功用
汇合

。最终
,还能够

向这个最小化的功用
蓝图当中增加一些有助于提升产品用户体验的特征
功用

来看些实例。Epicurious这款食谱应用在中心
功用
的集约方面做的相当到位——没有复杂的界面与操作方式,用户完好

能够

边学习边理论

操作,享用
烹饪的乐趣。特别是在横屏状态下,左侧是很明晰
的原料配置清单,而右侧的主要内容区是细致
的烹饪操作流程。用户还能够

很轻松的经过
一个可拖动定位的标志
来记载
下当前的烹饪流程中止

到了哪一步。另外,关于当前这道食谱的评论及技术提示等相关内容都被集成到了下方的tab视图中,这样即保证了界面的简约明晰
,又能够

让用户在需求
的时分
能够

很轻松的查看到这些内容。

iPad应用的十大用户体验设计准绳

Whole Foods也是一款烹饪辅助类型的应用,假定

用户希望对某些菜谱中止

尝试,它能够

辅佐

用户将那些所需的食材配料生成为购物清单。不过很遗憾的是,这款应用疏忽

了不同菜谱之间包含着相同配料的问题,使得最终生成的购物清单常常
会在某些项目上产生重复

的现象。我们能够

在下面的截图中看到,香蕉桑呈现
了三次:

iPad应用的十大用户体验设计准绳

另外,不要四处
运用
按钮一类的视觉交互元素;在很多状况

下,操作控制行为完好

能够

经过
手势来完成。例如,iOS自带的备忘录并没有常规的编辑方式

入口,用户只需
轻按界面就能够

进入编辑状态;内容也会被自动保管
,不需求
用户执行相关操作。而iOS原生的选择、剪切、复制、粘帖等编辑功用
都只需求
简单的基本

手势即可完成。撤销操作相对特殊一些,需求
摇晃

机身;记得hold住先。

iPad应用的十大用户体验设计准绳

2.打造愈加
智能化与个性化的产品体验

没人喜欢花钱买回一款应用还必需
第一
中止

复杂的设置才干
正常运用
。要尽量充沛

天时
用iPad及相关Web端效劳
的技术才干

,对用户在上下文环境中的各方面特征中止

愈加
细微精确

的了解

与剖析

。思索
一下有没可能对用户的天文
位置信息、行事历、微博feed、Gmail账户中的订阅或是通讯录等中止

合理合法的应用
,使你的应用能够

为用户提供愈加
智能、愈加
个性化的内容及功用

Zite是一款令人叫绝的内容阅读类应用,它会读取用户在Google Reader、Twier和Delicious账户中的内容信息, 剖析

用户的个人喜好

,并在此基础

上向用户举荐

其他内容源当中的相关文章 。我(英文原文作者)试着在这款应用中受权

我的Delicious账户,五秒钟之内,它就完成了对我曾经珍藏

过的文章的剖析

,并基于我的兴味
方向生成了一本完好

个性化的杂志,让我能够

阅读到更多自己

感兴味
的新文章。这类应用与Pandora等效劳
相似

,你用的越多,它们就越了解

你,相应的内容输出也就越发的个性化。固然
很多人以为
,相比于Zite来说,Flipboard的UI设计及相关的交互体验愈加
诱人,但Zite依然

能够

在智能化与个性化等方面占有优势。

iPad应用的十大用户体验设计准绳

下图是Zite自动生成的杂志界面:

iPad应用的十大用户体验设计准绳

3.留意
应用产品的上下文环境

依据

你的产品所面向的中心
需求,思索
用户会在哪些典型的情形
环境中中止

运用
。iPad的常见运用
环境包括餐厅、机场、行车途,或是家中的厨房、卧室、书房等。在你对产品的功用
及体验方式

中止

规划的过程当中,能否
有必要思索
运用
场景方面的要素
对现有设计方式

的影响作用?举个例子,关于
食谱类的应用来说,用户在厨房中运用
时的需求目的
与在卧室中运用
时的状况

或许
会存在很大差别

OpenTable主要提供订餐方面的效劳
。在它的Web端,餐厅搜索结果的展示

方式
就是很传统的信息列表。而它的iPad客户端应用的产品概念则表现
出了移动

应用上下文环境与功用
需求之间的高度关联性。其默许
视图下的用户界面主要由地图与餐厅列表组成,用户能够

直接搜索自己

当前位置左近
的餐厅。相比于Web端的产品方式

,iPad应用中的这些功用
特征
都愈加
契合
用户在运用
移动

设备完成相关任务时的理论

需求。

iPad应用的十大用户体验设计准绳

Awesome Note也是个不错的例子。它所提供的默许
分类方式很精确

的反映出了人们运用
iPad的常见环境及需求用例。

iPad应用的十大用户体验设计准绳

GroceryIQ是一款购物清单类型的应用,它的一个重要特征
是允许用户依照

不同商店来归结
与选择

自己

需求
置办

的商品,十分

契合
人们在理论

购物需求中的心智模型。

iPad应用的十大用户体验设计准绳

4.思索
多用户与多设备的状况

家庭成员之间通常会运用
同一部iPad来完成各自的需求目的
;另外,全家人围坐在一同
共同运用
的场景也是很常见的。与手机或个人电脑不同,iPad的个人颜色
相对较弱,它更像是咖啡桌上的杂志,具有很强的共享性。在很多类型的iPad应用当中,账户管理方面的功用
是不可或缺的,包括最基本

的账户切换,以及关于
当前处于登录状态的账户提示等。关于
某些具有
多设备版本的内容类应用来说,账户管理的一个重要作用就是在iPad和iPhone等设备之间坚持
内容的同步更新。

举个例子,Flipboard允许多个用户经过
不同的账户登录,并会在首页当中显现
当前登录账户的称号

iPad应用的十大用户体验设计准绳

再来看FedEx的iPad应用,固然
其界面整体作风
十分

灰暗,但登录账户的信息依然

能够

很显然
的被辨识出来。

iPad应用的十大用户体验设计准绳

而eBay的客户端在这方面就略显缺乏
,用户必需
点击左上方的“我的eBay”才干
阅读
当前的账户信息。

iPad应用的十大用户体验设计准绳

5.打造合理的交互方式

你能够

在游戏或是其他文娱
类型的产品中尝试各种复杂炫目的交互效果,不过关于
那些经常
会被用到的其他类型的应用来说,在导航结构

、阅读
方式及相应的视觉交互方式
等方面还是尽量坚持
常规与简约
的好。交互方式

的创新固然是推进
一款应用取得

胜利

的重要要素
,但绝不能为了追求具有差别

化的体验方式而对产品自身

的可用性构成

负面影响。

Martha Stewart Living杂志的阅读
方式很好的将创意与可用性分别

在了一同
。其中,x轴方向的滚屏操作用于查看不同的文章页面,而y轴上的滚屏则用来在某篇文章当中中止

阅读
阅读。针对当前文章页面的内容简介会出往常

页面队列的上方,用户不需求
进入单篇文章就能够

对大致内容做以了解

。而队列底部的滚动条则能够

很显然
的反映出当前焦点所指向的页面在全书当中的位置。这些看似简约
平实的操作方式却能够

给用户带来简单易用、契合
感知的良好交互体验。

iPad应用的十大用户体验设计准绳

倡议

你对各种iPad应用中止

体验和尝试,察看

它们在交互方面的优缺陷
。理论

上,你能够

在不少具有普遍适用性的细节功用
当中发现很多能够

表现
出交互设计思绪
的中央
。举个最典型的例子,我们能够

在下面几张截图中看到一些内容阅读类应用(依次为Huffington Post、New York Times、Zite)在文章关闭方式上的区别:

iPad应用的十大用户体验设计准绳

iPad应用的十大用户体验设计准绳

iPad应用的十大用户体验设计准绳

很多人会在平端iPad时将左手拇指停靠在屏幕的左上角左近
,Zite的设计计划

使他们在关闭当前文章时能够

很轻松的中止

操作。另外,用户还能够

在屏幕上点击文章容器之外的任何中央
来关闭文章界面。这种计划

具有很强的弹性,习气
于以其他姿势

运用
iPad的用户也能够

毫不费力的中止

操作。而纽约时报的iPad应用则允许用户经过
双指捏合的方式来关闭文章;另外,文章底部的工具栏中也包含能够

回到首页的按钮,而且当文章界面坚持
翻开
状态几秒钟之后,这个工具栏还会自动躲藏
。相关于
关闭按钮来说,捏合的方式愈加
自由

一些,不需求
用户针对某个交互元素中止

操作;但其弊端也是很显然
的:用户有可能需求
暂时
改动
双手的位置和姿势

,来保证其中一只手能够

自如

的执行手势操作。

在对各种应用中止

尝试和体验的过程中,要留意
察看

自己

在细节中的感受,特别要记载
下那些会让你觉得很赞的中央
,或是那些让你感到操作起来很不随手
、致使

会对操作流程产生干扰作用的交互方式。找到那些与你的产品属于相同范畴
的应用,剖析

他们的功用
及体验方式

,并思索
怎样在自己

的产品中完成
差别

化。在很多方面,iPad应用依然

具有一定的前沿性,应用市场中会不时
涌现出各种新奇炫目的功用
及交互方式;在这种状况

下,更需求
以务实的心态来规划自己

产品的用户体验设计计划

,避免

盲目

的标新立异。

6.提供首页视图

人们习气
于首页的概念。首页视图通常能够

辅佐

用户对产品的功用
中止

纵览,并为他们提供常用操作的快捷入口。首页能够

为用户带来安全

感,让他们在探求

功用
和阅读
内容的时分
不用
担忧
在应用软件中迷失方向。

我们一同
看看来自NASA的Visualization Explorer,这款应用没有首页视图方式

,用户翻开
它之后会被直接带进最新的一篇内容当中。要阅读
其他文章,用户能够

点击文章左右两端的箭头来依照

次第
逐一查看,或是经过
点击左下角的图标来调出文章列表,在其中中止

选择。经过
文章列表中止

查看的自由

度要比第一种方式高一些,但仍会遭到
容器尺寸规格的限制,列表中的每一个文章条目只能包含一个很小的缩略图以及简短的文章标题,用户无法在这里直接获取关于文章自身

的简介内容。

iPad应用的十大用户体验设计准绳

相比之下,Pulse的体验就好了很多。它的首页视图是一个内容导航,用户能够

在其中以列表的方式
直接查看不同内容源中的最新文章;每个内容条目中都包括大尺寸的缩略图、文章标题及简介内容(细致

状况

取决于文章自身

),用户能够

很分明

的判别
出哪些内容是他们感兴味
的。在横屏状态下,当用户选择了某篇文章之后,整个首页导航界面会向左移开,完好
的文章内容会随之从右侧展开。这是一种十分

衔接

的交互体验,用户并不会觉得索引与内容处于两个互不相干的界面当中。而竖屏时,导航结构

会在单篇文章当中收拢到界面底部;固然
这种方式与NASA的做法相似

,但Pulse不时

能够

让用户经过
更大更明晰
的文章条目列表来查看队列中的文章概略

iPad应用的十大用户体验设计准绳

iPad应用的十大用户体验设计准绳

iPad应用的十大用户体验设计准绳

7.谨慎

运用
弹出效果

iPad当中,用来辅佐

用户访问相关内容和导航结构

的弹出层效果还是蛮赞的。但是,假定

运用
不善,这种交互方式

也会在操作流程中构成

不小的省事

。在设计计划

中,一定要为弹出层做好高度与宽度上的限制,尽量避免

将太多的信息放在其中。我们第三
以Awesome Note为例,不过这次的角度相对负面一些。固然
我们在前面提到过,它默许
的文件夹分类方式很契合
用户的需求,不过要对这些文件夹中止

相关的编辑操作,却需求
在一个弹出层当中中止

。其中文件夹的呈现方式与主界面中的简直

完好

分歧
,只是尺寸略有区别;关于
这种重要的交互对象汇合

,假定

在同一个界面中以相同的视觉表现方式
重复

地呈现
,那么在很大水平

上会对运用
户产生迷惑。而且关于
文件夹的视觉样式

以及相关的编辑操作来说,这样一个弹出层显得有些狭小了。

其实,冷静

器尺寸与空间应用
率的角度讲,我们之前看到的NASA的文章列表弹出层也具有相同的问题。

在某些状况

下,单独翻开
一个新界面比弹出层愈加
合理。除非弹出层中的相关操作与当前界面中的内容具有难以阻断的上下文相关性,否则完好

能够

它们放到一个新的界面当中——可用空间更大,规划
结构

更合理,阅读和操作都愈加
容易,为什么不呢。

当然,对屏幕中止

纵向分割,将导航结构

或是相关功用
放在左侧边栏中的做法也是很常见的一种处置

计划

Houzz:

iPad应用的十大用户体验设计准绳

Martha Stewart Living:

Flipboard :

iPad应用的十大用户体验设计准绳

8.避免

运用
不用
要的启动画面

在传统Web范畴
,不少网站都会运用
基于Flash或其他技术打造的“启动画面”,它们多数是没有任何意义的,而且要破费

大量的时间中止

加载,用户很容易失去耐烦
并转身分开
。关于
运转
在iPad这类移动

设备上的应用来说,毫无意义的启动画面会愈加
令人解体

。假定

你的应用在启动的时分
需求
加载很多内容,而你决议
在此期间展示

一个启动画面,从而让用户对等候
行为的感知水平

有所降低,那么至少不要让它坚持
太久。最好能够

在启动画面当中展示

一些曾经
加载好的扼要
内容,运用
户即便

在等候
过程中也能坚持
一种相对衔接

的交互感知。

Zite在这方面的表现依然

很赞,它会在启动画面当中显现
一些曾经
加载好的文章缩略图,以吸收
用户的留意
力,而同时,更多的其他内容仍在中止

加载。

iPad应用的十大用户体验设计准绳

9.正确合理的运用
手势操作

炫酷而适用
的手势操作是iPad当中的重要交互方式,不过一定要确保在产品当中以合理的密度在正确的中央
运用
这种方式。举个例子,假定

当前界面中的主要交互对象是需求
经过
横扫手势来触发滚动的旋转木马方式
的列表视图,那么就不应该再为该界面绑定其他具有全局性的横扫手势了。

假定

需求
经过
手势来触发的交互行尴尬

以被用户随意

的洞察,那么最好在显眼的中央
给予提示。Zite在这方面做的同样很棒,在内容分类列表视图中,右下角的提示能够

让用户很容易了解

到接下来能够

经过
轻扫来完成
翻页。

Discovr是一款音乐探求

类型的应用,它将手势操作的提示信息直接整合到了交互对象当中,也就是那个标注着“Tap me”的红圈。

iPad应用的十大用户体验设计准绳

当获取了足够的信息之后,红圈中的文字会变为“Tap and hold me”,提示用户经过
长按来完成接下来的操作。这种引导方式能够

让用户不用
分开
当前的交互流程就能快速直接的对关键操作方式中止

控制

iPad应用的十大用户体验设计准绳

10.让可触控的界面元素易于辨认

、便当
触摸

Jakob Nielsen教员

在iPad可用性报告当中指出的“阅读-触控不对等”的问题在iPad应用当中其实是蛮普遍的。(话说这曾经
是Nielsen教员

第三次在我们的文章当中出面
了。前面两次分别触及
到产品早期的原型设计与用户测试以及移动

化用户体验设计相关方面的话题)

所谓“阅读-触控不对等”,即是指界面中的文字字号能够

保证明晰
易读,但关于
触控操作来说依然

显得过小,用户在很多时分
很难精确

的触摸到,或是压根不知道

哪里能够

中止

触摸操作。下面的截图来自Martha Stewart Living的广告界面,中间一列带有箭头图标的标题列表其实是可点击的,但用户的确

很难察觉

到这一点,由于
箭头并不是一种常见的用来表示可点击操作的图标,况且它还被放在了左边。在你的设计计划

中,一定要将可点击触控的交互元素很显然
的标示出来,最好能够

做到醒目而美观,让用户不用
寻觅
与思索

就能了解

到它们的作用。

iPad应用的十大用户体验设计准绳

Cool Hunting界面上方的图片区域理论

上是一组能够

中止

横扫操作的图片集,但你真的很难发现这一点。其实,无妨
在右侧显露
下一张图片的一小部分

,让用户明白这是一组能够

连续阅读
的图片汇合

iPad应用的十大用户体验设计准绳

另外,iOS自身

在这方面也有做的不好的中央
,我们必需
果断吐槽。大家知道

,双击Home按键即可从当前界面下方调出多任务栏,但其真实
它的左侧还有一组用于音乐播放的控制面板;另外在默许
状况

下,锁定屏幕旋转的开关也在这里。这真实
是太荫蔽

了有木有,为什么不能提供一些可视化的提示呢?

iPad应用的十大用户体验设计准绳

本站原创编译文章。如需转载,请注明:本文来自Be For Web

英文原文:

http://uxdesign.smashingmagazine.com/2012/01/31/te…

译者信息: C7210 – Web设计与前端玩家,现就职于大众

点评网产品部用户体验设计组(UED)

  • 产品
  • 设计

     

    给大家举荐

    我国新一代大数据用户行为剖析

    与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

    用户行为数据和业务数据,能够

    自动监测网站、APP、小程序等多种渠道推行
    效果剖析

    ,是增长黑客们必备的互联网数据剖析

    软件。数极客支持实时多维剖析

    、漏斗剖析

    、留存剖析

    、途径
    剖析

    等十大数据剖析

    办法

    以及APP数据剖析

    网站统计网站剖析

    小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

    模型,是用户行为剖析

    范畴
    首款应用定量剖析

    与定性剖析

    办法

    数据剖析

    产品

    发表评论

    评论已关闭。

    相关文章