交互设计方法:利用碎片时间让体验更高效

文章描述:浅谈高效的碎片时间.

正如微博,在移动互联时代用户的“短、频、快”诉求更为强烈了。移动用户多是利用碎片时间来享受服务的,银行排队、坐地铁、乘公交、电梯中…… 当仔细观察这些“道路勇士”们的使用情景时,深感高效服务于用户的碎片时间的重要性。去年曾跨部门作了类似的设计分享,重点介绍了三个层面的高效:功能框架、操作任务流、控件元素等层面。这里摘取一些让体验更高效的设计方法与大家分享。

功能需求层面

“你逃,或者不逃,选择都在那里,挥之不去”。一堆功能同时供用户选择,使用上是无论如果也高效不起来的。如Fanson所言产品经理的角度,有永远背不完的功能KPI,即使此次不加,下个迭代或版本仍将面对。所以如何在庞多的功能面前,是让用户在碎片时间里高效使用,从功能需求着手是第一步!

一:“1 > N” 突出核心

大多数产品功能点关联性比较强,往往一个点的处理,关系着多方面细节,点与点间深层面的纠结就难以把握。如果在处理时,抱着“并行需求”的观点,往往是大多数需求都难以平衡。在经历QQ音乐大大小小无数PK后,深刻认识到:坚持“1 > N”设计原则,做好一个比做多个却平庸更能提升体验效率。突出核心功能需求,能让产品变得更易用,也能让工作更敏捷。有重点、分层次的把握功能点的设计,也是体现设计师能力的一个重要角度。

案例:手机QQ音乐的有效减法

 

 

 

 

 

 

 

 

 

 

 

一直有效做减法的手机QQ音乐播放器

2010 QQ音乐播放器弃用了九宫格形式,改变九个功能点并行处理的方法,突出目标用户听音乐、看歌词等重点需求,直接采用Tab页签左右切换的导航,让用户直观查看操作。Android版的QQ音乐播放器,更是直接突出快速听音乐的需求,利用触屏特性,在默认播放器界面上相对弱化了设置、选择等功能,把它们放在第二操作层面,以“简”胜“繁”。

二:紧握全局导航

社区类、电商类、平台类、工具类……产品形态各不相同,在狭小的屏幕中有效构建产品基础形态是带镣铐跳舞的活儿。在非触屏时代,导航不畅带来的成本要远高于触屏时代,让用户更快体验到访问结果一直是设计师们的追求。对以信息获取为核心的产品,Tab、列表类导航是首选,且主导航争取在1级内展开;对以操作为主的应用(游戏类浸入式应用除外),宫格类导航是选择重点,力求树立稳定的操作映射。

操作任务流层面

按一下、再按一下、再按一下、再按一下……期待用户通过更多操作才能看到结果是很危险的。在产品的操作任务流上,多一项点击,总是意味着用户付出时间和手指移动的代价(某些时候这种问题被长期积累起来是令人担心的)!完成目标的路径越少,用户实现目标的效率越高,相应的,在碎片时间里的报怨、焦虑等负面情绪能得到有效控制。

一:及时呈现

在用户体验的时间尺度方面,移动终端上超过10秒才能完成任务体验通常是不能被接受的。让用户从一开始接触产品就“快”了起来,将急需的工具、指引恰当设置在当前所见处,提升效率,减少负担。

案例1:默认呈现虚拟键盘

iPhone版腾讯微博登陆界面,默认提供虚拟键盘。直接呈现输入配置,减少了键盘呼出操作。

案例2:即时搜索

用户无需等待至词条输入结束,即时搜索时便可以在输入时搜索出结果。减少了输入操作,也弱化了小屏幕上虚拟键盘的使用难度。

二:定制化、快

用户对产品总是有形形色色的期待,个性化的需求总是呼唤着被进一步满足。不过,这在Tencent的海量用户基础上,对设计的挑战很大。应当充分理解用户能力上的局限性,将类型化的产品行为(如操作姿态、视觉动向、触听配合等等)提炼出来,进一步深入设计。

案例1:快速链接

QQ浏览器的快速链接是根据用户的网页浏览习惯,提供直达区的一种方式。在网页浏览基础上,给出定制化的“添加书签”、“添加快速链接”等功能,也让产品对单个用户而言更为饱满。

案例2:定制左右

在QQ浏览器中用户可单手翻页,定制左、右手操作习惯,尤其在电阻屏设备上提供这种设计尤为易用,因为用户的双手并不灵巧。

三:一致性

这点无需多谈,尤其是对大公司种类繁多的产品而言,在相关规范指引下,降低操作学习成本,形成统一品牌认知,务必保持一致性。值得注意的是:一致性要与用户更大范围的生活知识和经验相一致,避免冲突。

不过,在多系统、多终端的情况下,一致性出现了新问题:如何满足多产品的一致性?裂变平台的一致性?硬件操作的一致性?……有机会将深入探讨一下。

四:避免打断

试想一下,你正沉迷在网页查看、书籍阅读或游戏的战斗中,突然被另外的任务生硬暂停了。这是一个令人沮丧的情形。在这些使用情景下,用户无法流程体验产品。Vera也一直提醒我:手机产品体验中要能“快进快出”。正如iPhone QQ斗地主游戏中的快速发牌、理牌、出牌等,保证玩家在具体操作中的流程性、简洁性。尤其避免模态对话的打断,在Symbian、iPhone设计中经常出现此类情况。

案例:自动切换网络

在iPhone QQ斗地主中,自动检测用户网络,在背后提供网络间切换,而不是询问用户该如何选择,自信的帮助用户链接体验过程。

控件元素层面

控件类型林林总总(如下图中某产品涉及到的控件),更深入细节上的高效体验往往隐藏在这些控件元素中。如在弹出框的设计中尽量避免Check box的形式,减少询问;如在搜索框中主动Push一些用户常用关键词、热门关键词;如下拉列表间帐号的快速切换……元素的精细能保证使用的快捷。控件元素的设计也是在不断的进化优化,量的积累改进能促进质的飞跃。

腾讯某移动终端产品控件规范目录

遵循有效法则

一些诸如“时间感知的非线性”、“7±2”现行记忆、图形增强文本表现力等等科学法则都能为产品提供高效体验。

案例:菜单的“7±2”原则

上世纪,Miller通过研究显示,我们的短期记忆只能同时保存7±2项内容。在各种Tencent无线Symbian产品中,菜单设计上,都遵循“7±2”个信息项的现行记忆法则。当然我们还可以进一步探讨如何改进菜单分类,实验也证明了广而浅的树会比窄而深的树更加合适;也可以探讨在键盘机菜单上是否有设计分割线的必要(如S60 V3上的Skyfire)……

小结

在功能层面上,突核心、紧握导航;

在任务流层面上,提供定制化、快进快出、一致性操作、避免打断;

在控件元素上,遵循科学有效法则;

……

这些都是产品设计中服务于用户高效利用碎片时间、让体验快起来的设计方法,尤为针对小屏幕移动终端。某些方法,对于Pad类产品未必合适。Pad类产品设计具有Web网页和小屏幕终端的交叉性特点,设计思路、体验方式上都有很大的差异化。期待在这个方向上有所沉淀能于大家分享!

时间: 2024-12-22 21:45:26

交互设计方法:利用碎片时间让体验更高效的相关文章

交互设计方法:工具型产品用户体验的要素

文章描述:设计一个产品就像盖房子一样,要在战略层的基础上一级一级向上垒.对于设计师来说,不管是设计什么类型的产品,不仅要对产品整体有大概的认识,还要特别熟悉下一层级的内容,才能做出符合产品要求的设计.每一个层级的负责人都有权利和义务对上一个层级的不合理之处提出 什么是工具型产品?  工作的这段时间以来,我主要参与了一些电子商务类产品的交互设计,我发现这类产品的设计思路和门户.频道等产品有较大的差异,它们更关注于完成任务及操作,而非内容的分类与展示.之前我通常称这类产品为功能型产品.在去年广州举行

交互设计方法:利用人物角色做web信息架构

文章描述:这种方法被称作概念模型法,也叫概念地图.个人觉得在初期,头脑风暴焦点小组讨论或者交互初期理解工作流时特别好用.不仅可以用在开会思想交流,还可以辅助梳理逻辑.最大的好处就是可以快速地大致估计网站包含多少页面. 信息架构归根究底的是让用户快速找到想要的信息,无论导航.类目,还是搜索都只是用户选择的方式.但面对庞大的内容和纷繁复杂的操作,网站信息究竟如何组织才能让用户顺利完成任务?这就涉及到信息架构(IA).信息架构听起来似乎是个很复杂的活儿,让人无从下手.这里有种超简便的方法,利用任务角色

手机的交互设计方法:手机产品交互设计原则

一.用户体验信息收集 在讨论手机的交互设计方法之前,需要先对手机的用户使用习惯有一些基本的了解,需要对手机的用户体验信息做一些收集整理.收集用户体验信息首先需要确定两个问题:一是确定目标用户群体:二是确定信息收集的方法和途径. 在确定目标用户群体的时候,很显然的是,已有产品有过使用和交互经验,具备该产品或系统的交互体验的用户,相比较于那些没有体验的用户,可以为设计提供更多更有效的信息.因此在收集用户体验信息时,应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户.在理想的情况下,当用

web交互设计方法:页面表达常用方式

<页面表达常用方式>是整个"web交互设计方法"中的一部分: 设计师在设计页面时,应该在页面上建立许多视觉层次,引导用户的视觉焦点.把用户的注意力吸引到最重要的元素上,然后才把视线引导到其他重要程度次要的信息上.这样便于用户快捷迅速地找到自己所需,更好的完成阅读.浏览任务.这里介绍几种页面表达的常用方式. 一.页面的浏览顺序 对用户扫描页面的时候进行视线跟踪,这叫做"视觉流".好的设计能够让人们按照顺畅的次序沿着它向前流动.人们一般的习惯是从左到右.从上

web交互设计方法:页面表达原则

<页面表达原则>是整个"web交互设计方法"中的一部分:页面表达原则概述:1.更少的信息量更好.2.不提供多余的功能.3.结构化更易于理解.4.信息的表达应该清楚.明确.直接.5.操作可识别.6.操作前,结果可预知.7.操作时,操作有反馈.8.操作后,操作可撤销.9.让用户知道身处何地.10.避免内容看上去象广告.11.同一功能在不同页面上位置相同.12.措辞统一. 详细描述:1.更少的信息量更好.用户不是在阅读网站,而是在浏览网站.他们浏览与自己目标匹配的文字和图片,冗长

互联网产品的交互设计方法

目前交互设计在互联网产品中的应用状况 "交互设计可以提高产品可用性."在国内的互联网行业中,建立在这个认识基础上,交互设计得到了普遍的接受."产品设计开始的时候应该先交互啊~~""你这个项目没交互过啊~~"这类的说法越来越多当然是好的信息,但是,交互设计工作到底应该怎么做才能提高产品可用性?通常的互联网产品研发中,交互设计工作是处于没有方法的状况. 理解交互设计 交互设计是一个设计工作. 交互设计是一门技术. 交互设计在目前阶段的主要使命是提高产

移动互联网是利用碎片时间获得资讯提高效率的好方式

网易CEO丁磊 TechWeb配图 [TechWeb报道]7月31日消息,近日网易CEO丁磊在"有道难题"创新大赛决赛表示,将在新闻资讯.效率工具.内容和娱乐教育类移动产品全面布局.网易的移动互联网发展宗旨是,在碎片时间为用户提供更好的移动服务. 丁磊表示,移动互联网是利用碎片时间获得资讯.提高效率的非常好的方式.借助云计算和云存储技术,移动互联网还可以同传统的PC互联网进行打通,从而实现多平台同步.互通的功能. 丁磊在发言中表示,今年的"有道难题"定位为面向广大互

后台产品交互设计:了解用户目标改善用户体验

文章描述:更贴近业务及用户--交互设计工作方式转变感言. 引子: 年初时交互设计师与产品经理座谈,议题关于交互设计师应从哪个工作环节切入更能发挥其自身价值.结论是交互随产品经理参与到项目初期需求挖掘阶段,更早的参与了解业务需求及用户需求,与产品经理共同产出PRD(带有用户体验的高保真原型部分由交互设计师着力产出,原型好处:方便用户参与可用性测试.整个产品团队更直观地把握设计要求,优势是显而易见的).取而代之目前项目正式启动,产品经理产出详细的PRD后,交互设计师再参与到项目里参与原型设计,有点迟

交互设计:利用蒙板提高文本框交互质量

本文译者@C7210 移动应用的设计师们一直在努力降低用户的输入量.屏幕太小了,手指无法精准触摸,输入过程中产生错误简直是家常便饭. 输入量是无法被无限制的降低的,很多时候我们更需要考虑的是怎样使输入变得更加容易. 输入蒙板是一种限制内容格式.避免输入错误的方式.举个例子,我们可以使电话号码输入框只接受数字内容,而不对其它任何类型的字符做出响应.所接纳的数字也可以被限定在某个范围或模式当中.不过,输入蒙板的功能不仅限于防错,它同样可以被用在更加"积极"的地方,例如将多项输入内容合并为一