【CDC翻客】移动用户体验要素(下篇)

标签: CDC上海 CDC翻客 用户 移动设备 翻译 | 发表时间:2013-02-19 04:00 | 作者:CDCer
出处:http://cdc.tencent.com

  译者注:对于移动用户体验的从业人员,本文可以说是一部宝典。文章不仅提纲挈领地概要了移动用户体验的12大要素及其规范,更提供了详实而丰富的参考文献。Queen的上篇介绍了 功能、信息框架、内容、设计、用户输入,下篇将介绍 移动情景、可用性、信任感、反馈、帮助、社交、营销。相信对大家肯定有帮助的。
-----------------------------------------------------

 

 

{移动情景}

  我们可以在任何时间、任何地点使用移动设备,因此,移动情景指的是用户使用时的环境和状态——也就是任何可以影响用户与设备进行交互的内容。由于这些情境持续而快速地变化,对移动设备而言就显得尤为重要。我们在考虑用户分心、多任务、手势操作、低电量条件和糟糕的连接环境的同时,也要考虑极端好的情景——假设在一个快速Wi-Fi环境下使用平板电脑。

  1

《移动交互的情景》(参见: The Context of Mobile Interaction ,Nadav Savio

规范

1. 根据设备功能和硬件能力来预测和支持用户的使用情景。iCookbook应用中,用户可以用语音来查看食谱——就再也不用担心手上糊满面糊怎么办了。

2. 根据一天不同的时段或用户使用过程,来适应情景的变化。Navfree GPS应用能在白天、夜间模式下自动切换,夜间采用低眩光的地图,开车会更安全。

2

3. 判断用户当前位置并展示附近相关的内容和帮助。用户在移动设备上用Google搜索电影,可以搜到附近正在热映的电影以及当天的电影场次,如果有票的话,还能看到买票的链接。

4. 权衡用户提供的信息,并且尊重用户的喜好和设置。在完成多线航班的第一站后,TripIt应用向我展示了下一个航班、登机信息以及必须要花费的时间。而United应用并没有做这样的事情,尽管它知道得更多。我就纳闷了,既然知道我是会员,它为什么不向我展示如何从当前飞机前往下一班飞机,另外明确标明途中United的贵宾休息区,好让我舒适地度过这等待的两小时呢?

5. 默认为用户提供最合适的体验(例如:一种适合小屏幕的移动体验,也可能是适合平板电脑的桌面产品体验),但还要提供高级选项。最近一次关于如何向用户展示这些信息的大型的讨论会上, Jakob Nielsen 建议将移动网页与 Web 网页分开(参见 Jakob Nielsen recommending a separate mobile website), Josh Clark 则觉得自适应的移动网页设计更好(链接: Josh Clark arguing instead for a responsive design), 而其他人认为 Nielsen Clark 都错了(参见 believe that Nielsen and Clark are both wrong)。

  拓展阅读

1. “ The Context of Mobile Interaction” (0.2 MB, PDF), Nadav Savio, Jared Braiterman

2. “ On Mobile Context,” Jason Grigsby

3. “ When and Where Are People Using Mobile Devices?,” Luke Wroblewski

 

  

 

{可用性}

  可用性指的是全面衡量信息架构、设计、内容和其他元素是否让用户很好地完成任务的标准。

规范

1. 让用户清晰地知道什么是可选的、什么是可点击的或可滑动的,尤其是在触摸屏设备上。 尼尔森诺曼团队在 iPad 的可用性调研(参见 Nielsen Norman Group’s usability studies of the iPad) 中发现,用户通常不知道什么是可点击的,有时也被滑动这个手势搞得迷糊,尤其同一个滑动手势在同一界面的不同区域滑动却有不同的功能。所以,请确保可点击的内容是清晰的,比如链接、icon和按钮,要一看上去就是可点的。

2. 在触摸屏上,确保点击对象的尺寸和位置以避免误操作。另外,将点击对象放在合适的区域,比如:把“删除”等具有破坏性的功能对象放在下图所示的“Reach”区域,Luke Wroblewski在 《移动为先》Mobile First)中提及。

3

 Luke Wroblewski ,  《移动为先》

3. 遵守规范和模式来减少用户的学习成本,也能让移动体验更加自然。App的设计应该遵守特定平台规范标准和指南。在Breaking the Mobile Web网站中,《 移动设备和平板电脑的网页应用设计指南》一文的作者综合收集了很多来自官方的UI和UX指南链接(参见 UI Guidelines for Mobile and Tablet Web App Design)。

4. 通过设计元素比如对比度、颜色、排版和字体大小,确保产品在情景变化下的可用性,变化的情景包括白天刺眼的阳光下,以及改变设备的物理角度和朝向时。

5. 不要依赖那些不被移动设备广泛支持的的技术,比如Java、JavaScript, cookies, Flash, frames, 弹出框和自动刷新。当需要打开一个新窗口,或者从应用跳转到网页上时,要提醒用户避免重新加载已打开的页面。

拓展阅读

1. “ Usability of iPad Apps and Websites,” Nielsen Norman Group

2. “ UI Guidelines for Mobile and Tablet Web App Design,” Max Firtman

3. “ Mobile Usability Update,” Jakob Nielsen, Alertbox

 

 

 

{信任感}

   这里讨论的是当用户使用移动网站或App的自信心、信任感以及舒适度的问题。根据 Truste和Harris Interactive两家公司在2011年的研究,隐私和安全是智能手机用户最关心的两个问题。

4

 

规范

1. 在未经用户明确许可下,不要使用移动设备里的个人信息(比如地理位置和通讯录)。今年的头几个月中,已经有不少关于从手机中私自复制通讯录的报告,文章 watchdogs up in arms  users retaliating中有所提及。

2. 让用户轻松掌控App如何分享个人信息,比如访问位置前询问用户,允许他们退出目标广告。

3. 在合适的情况下,清楚地阐述你们公司的商业行为(包括隐私、安全和投资回报)(比如在注册页面告知隐私和安全条款)。这些条款应作为次要元素出现(比如可以放在底部栏或是“more”标签里)。通过显示受信任的标记来加强用户的信任感,尤其当用户需要提供个人或财务信息时。

4. 在移动设备上适当地为用户提供条款,包括简洁的概述和是否发送到邮箱的选项。众所周知,隐私和安全条款通常冗长而无趣,用户往往都会盲目地点击同意继续下去,因此我们要尽量让这个过程容易一些。

5. 当提供条款的时候,不要打断用户的任务流程。在被打断之前, 让用户返回到之前的位置(参见: Take them back to where they were),而不是重新开始。

拓展阅读

1. “ Layered Policy Design“, TRUSTe Blog

 

 

 

{反馈}

  这指的是如何吸引用户的注意力以及如何展示重要信息。

规范

1. 将提醒次数降低到最少,确保每一次的提醒都提供了重要的信息和有用的选项。可以去看看Chris Crutchfield的文章 视频上过多的信息和提示(参见: video on notification and alert overload)。

2. 确保提醒简短而清晰,解释为什么会有这样的提示,用户可以做什么。另外,按钮标记要清晰。

3. 消息提示应该简短而带有告知性,不要干扰用户的操作,并且很容易操作和离开。

4. 在界面上提供的反馈和确认信息不要打扰用户的操作流程。

5. 如果这个App有消息标记或是在状态栏上有提醒,就要保持这个标记和消息的更新。当用户添加新消息时要清除这个标记。当用户访问到消息标记时提醒要被清除,即使用户还没有发现究竟是哪个账号触发了消息提醒,这也会迫使用户一个个账号去试探。

拓展阅读

1. “ Mobile Notifications,” Fred Wilson

2. “ The Future of Mobile Notifications,” True Ventures

3. “ Chapter 8: Feedback and Affordance,” Theresa Neil

 

 

 

{帮助}

  这指的是能帮助用户使用网页或者应用的相关选项、产品和服务。

  规范

1. 让用户能轻松进入帮助和支持选项。用户通常会在移动网页的底部和应用的工具栏,或tab栏寻找帮助选项。

2. 帮助的形式要多样化,尽量与移动应用场景相关,比如自助服务式的常见问题,现场帮助式的点击通话,接近实时的直接消息推送。美国运通(American Express)和花旗银行(Citibank)这两家金融服务公司都积极地通过Twitter提供支持。

3. 在用户首次进入应用的时候,提供快速的介绍和简短的教程,但也要提供跳过和稍后查看的选项。

4. 当首次引入新的或者特别的功能时(比如首次介绍如何使用移动应用检查支票),需要提供给用户情景化的帮助和提示,这也是对不经常使用的功能的回顾。

5. 在合适的情况下,提供视频指导,但是要允许用户可以按自己意愿开始、暂停、停止和控制音量,并记住上文 内容 中提到的多媒体相关的规范。

拓展阅读

1. “ Chapter 7: Invitations” and “Chapter 9: Help,” Theresa Neil
Chapter 7 is available online at UX Booth.

2. “ Top 6 Help Design Patterns for iPhone Apps,” Catriona Cornett, inspireUX

 

 

 

{社交}

  这指的是有社交元素的内容和功能,从而让用户在已有的社交网络上进行分享和交互。

  规范

1. 创建和维护社交网络(如Facebook)和本地服务(如综合的服务页面,像谷歌地图、Bing商业门户和雅虎本地)。在搜索结果和基于位置的社交网络服务中重点突出它们,除了你的商业名称,也包括了你的家庭住址、电话号码、URL和营业时间。

2. 将社交活动和移动体验进行融合:如在网上展示最新活动,提供简单的方式关注或喜欢。

3. 将社交网络的特性与网站的移动体验进行融合,用户可快速连上社交网,这就像使用APIs( using APIs)支持社区分享、书签、加标签、喜欢和评论一样简单。

4. 邀请用户使用移动设备创建能展示你品牌、产品和服务的内容,并提供一些激励作为回报。例如,汉堡连锁店红罗宾向用户发起邀请:只要分享一张孩子在店里读书的照片,就能获取一杯免费的奶昔。

5.让移动端的内容可以被分享和病毒式的传播。比如,美国运通公司(American Express)最近提供的信用卡的储蓄和折扣优惠,只要你将个人信息同步到Facebook、Twitter和Foursquare上,就可获得。

6. 那些依靠用户创建内容的App,应该要探索出一套让初始内容有用并最终能进行不断维护的方法。比如:My TSA应用有一个用户创建内容的功能,展示了安检站等待的时间,但是它常常显示一些过时的消息,尽管机场工作人员已经将等待时间贴了出来。

拓展阅读

1. “ The Definitive Guide to Adding Social Features to Your Mobile Apps“, Verious

 

 

 

{营销}

  这指的是如何让用户发现一个网站和应用的途径以及鼓励反复使用的因素。

  规范

1. 通过优化移动端搜索和发现来确保产品的可寻性,比如保持URL简短。如果你有一个独立的移动网站,请遵循URL命名约定(m.site.com或mobile.site.com)。在移动搜索结果里,提供快速访问本地的内容的入口(如当前位置的方向)以及系统自带功能(比如点击快速拨号)。

5

左边是移动端对UPS搜索结果优化后的网页,右侧是没有优化的

2.  二维码的出现让移动设备的登录得到很大的优化,我们不需要到传统的那种需要放大才看得清楚的页面上,更加不需要到网站首页上寻找登录入口。另外, 附在产品上的二维码(参见 QR codes painted on buildings)应该清晰明确,这样移动设备才能辨识和解读。

3. 给用户发送的邮件应当以移动设备支持的格式,内容应该包含一条可以查看产品相关信息的链接——而不要回到设备自身的网站首页上去。

4. 可能情况下,在其他平台上(如电视、纸媒、店内广告)推销你的App,并且激励用户下载使用,通常可采取打折的办法。如果你的App有价格标签,那么可以在过度拥挤的市场中通过限时促销来吸引用户。另外你还可以通过每日限免市场来吸引用户。

5. 提示使用过你App的用户进行评价打分,或是分享到社交平台,但是要给延迟或停止提示的选项。虽然这不是唯一产生口碑的途径,但能让你洞察到用户喜欢什么不喜欢什么。Smalltech在 控制你的评论(参见 Taking Control of Your Reviews)一文中讨论了如何让用得爽的用户进行评价,以及让不爽的用户用邮件反馈意见的策略。

拓展阅读

1. “ iPad App Marketing Case Study: Flickpad,” Chad Podoski, Mobile Orchard

2. “ The Art of Launching an App: A Case Study,” John Casey, Smashing Magazine

3. “ How to Market Your Mobile Application,” Michael Flarup, Smashing Magazine

 

 

 

{总结}

   移动用户体验是一个正在蓬勃发展的领域,也不断涌现更多可完善的契机。本文作者已经概述了移动用户体验的要素以及每个要素的规范,这些内容必将帮助我们创建更好的移动用户体验。

6

了解“CDC翻客”,请移步:【CDC翻客 】翻客来袭!Fanke is coming!(链接: http://cdc.tencent.com/?p=6518)

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=6986)

相关 [cdc 移动 用户体验] 推荐:

【CDC翻客】移动用户体验要素(下篇)

- - 腾讯CDC
  译者注:对于移动用户体验的从业人员,本文可以说是一部宝典. 文章不仅提纲挈领地概要了移动用户体验的12大要素及其规范,更提供了详实而丰富的参考文献. Queen的上篇介绍了 功能、信息框架、内容、设计、用户输入,下篇将介绍 移动情景、可用性、信任感、反馈、帮助、社交、营销.   英文原文:  The Elements Of The Mobile User Experience.

【CDC翻客 】移动用户体验要素(上篇)

- - 腾讯CDC
  译者注:对于移动用户体验的从业人员,本文可以说是一部宝典. 文章不仅提纲挈领地概要了移动用户体验的12大要素及其规范,更提供了详实而丰富的参考文献. 我和Nina将分别从上篇和下篇带来此篇译文,希望我们提供的译文能为从业者带来系统思考和思维启发.    英文原文:  The Elements Of The Mobile User Experience.

移动设备手势设计初探 – 腾讯CDC

- 奥斯汀Outman - cdc.tencent.com
  嘿~最近在做各种移动端的产品,设计啊体验啊操作啊,用的手都起茧,工作之余也思考了“手”这种较新的交互方式,以及它与界面的关系. 本文从手势的种类,应用场景,存在的可用性问题以及如何设计四个大的部分谈起,在此抛砖引玉供大家思考和学习.   移动设备大行其道的今天,手势是一个流行词汇,那手势是什么呢.

【CDC翻客】移动端App测试实用指南

- - 腾讯CDC
   译者注:本文从测试人员的角度出发,提出了100多个在测试移动App过程中需要考虑的问题. 不管你是测试人员、开发、产品经理或是交互设计师,在进行移动App开发时,这些问题都很有参考价值. 我和 Queen合力译出此文,分享给大家,希望有所帮助和启发.   英文原文:  http://mobile.smashingmagazine.com/2012/10/22/a-guide-to-mobile-app-testing/.

移动用户体验设计中的原型应用

- 超 - UED TEAM,用户体验设计,web前端开发
一把好的椅子,是否需要我们通过阅读使用手册才能知道如何使用它吗. 一把好的椅子,是在我们看到它时,我们很自然的就知道它能够干什么,我们该如何使用它. 也就是说:“椅子”这个概念已经深入人心,是个被高度认可的原型(Archetype). 现有的移动领域里,我们也在探索如何将“原型”的概念揉入到我们的设计中去.

移动设备正在伤害桌面用户体验

- fx_wonder - Solidot
polymoda 写道 "作为输入方式,手指触摸的精度要远远小于鼠标,于是大量为触摸优化的界面出现. 但这些平台在为触摸优化之后,却无视了桌面用户的需求. 拥有鼠标的桌面用户,原本可以拥有更好的用户体验,但却被迫使用因触摸优化而“降级”的界面. 越来越多的人开始抱怨Win8和Gnome(Unity)幼稚的设计.

怎样打造高性能的移动用户体验

- - 所有文章 - UCD大社区
在新家一点点安顿了下来,不过心里还是缺乏踏实的方向感;猫猫们也都有些瞻前顾后草木皆兵的样子,有待继续习惯;希望大家都好好的. 话说眼前的这篇候选文章貌似已然有同行做过译文,不过正像 “. 关于BeForWeb”中所说的,我只挑那些我喜欢的 、对我自己有学习和收藏价值的内容来做译文,其他方面的因素和我没有半毛钱的关系.

移动设备用户体验设计基础

- - 译言-精品外文翻译 - 最新译作
移动用户数和移动的使用都在积极不断增长. 随着越来越多的用户将自己的工作越来越多的转换到移动设备上,关于如何通过提高移动设备的各种因素来整体上创造更好的移动设备使用体验. 移动用户的使用体验包括用户使用移动设备的前后的看法和感受.而途径可能是通过浏览器或者是应用,而且移动设备也包括从低端的功能手机到高清平板的各种种类.

移动用户体验设计新要素

- - IT技术博客大学习
标签:   用户体验   移动.    无论是在一系列草图间快速切换,还是屏幕与屏幕之间的切换,或者其它类似场景,想要在这些场景切换中加入动效进行完美过渡,并不是一件容易的事情. 这是一门需要耐心的艺术,需要用眼睛仔细的观察 ,人和物体如何在时间和空间两个维度中运动与变化.    这种非常巧妙的动效和动画,正在慢慢成为一种新的、有意思的移动体验设计要素.

移动端产品用户体验原则小结

- - 优博客
基于最近的工作,总结了手机端App设计须遵循的用户体验原则,通过正反例的方式给大家做个简单的分享. 一致性是通过视觉层次、比例、颜色、质感、排版以及交互行为等在设计上达到一致性;一致性可以提高产品所塑造的品牌形象,一定程度上减少用户的认知成本. 在移动设备上,过多的层级会使用户失去耐心而放弃对产品的使用.