移动端体验设计6大禁

我们一开始为什么去安装应用程序?是为了使我们的生活更方便。但当一个应用无法满足这一要求时,用户肯定就会离它而去。一个应用的成功是受多种因素影响的,其中整体移动用户体验是最重要的影响因素。绝佳的用户体验是一个应用程序成功的关键。

移动端体验设计6大禁

我们一开始为什么去安装应用程序?是为了使我们的生活更方便。但当一个应用无法满足这一要求时,用户肯定就会离它而去。一个应用的成功是受多种因素影响的,其中整体移动用户体验是最重要的影响因素。绝佳的用户体验是一个应用程序成功的关键。

就移动用户体验设计而言,不断地实践是检验其好坏的一条必经之路。在这篇文章中我们聚焦于基础,我们需要去解决的是,如何避免打断用户或者强迫用户思考的问题。

多平台用户界面设计

界面是能使应用的用户体验脱颖而出的一个重要的因素。大多数的开发人员都希望在不同终端上发布他们的应用。当你为多平台规划应用时,请记住每个平台都有自己规范和特质。适用于一个平台的完美设计决策可能会在另一个平台上显得格格不入。

1、请勿盲目模仿其它平台的UI元素和字体

当你在安卓或ios平台上创建应用时,不要从其他平台上照搬有鲜明主题的UI元素,也不要模仿它们的特定行为。因为如果你从一个平台上复制元素到另一个平台,就极有可能影响用户体验和转换率。

输入框、复选框、开关以及其他的功能控件的选择应该基于本平台的特征。尽可能的使用原生控件,以便让用户知道如何使用它们。用户在录入敏感数据或支付细节时才会更加信任你的应用。下面的例子是安卓和ios平台中相同内容的显示差异:

移动端体验设计6大禁

安卓中的UI元素(上)和ios中的UI元素(下)

相比于Material design,ios应用通常外观扁平,不使用厚度和阴影。 iOS版也有一个纯文本样式的按钮,但它与安卓的全大写字母不同,并且字体更纤细。

移动端体验设计6大禁

安卓的Material design(左)vs. ios(右),图片来源:tutsplus

字体也需要遵循每个平台的标准:安卓使用Roboto字体,iOS使用San Francisco字体系列。

移动端体验设计6大禁

根据不同字体便可以判断你所使用的是安卓的应用还是ios的应用

如果你想自定义应用中的界面元素,请仔细根据你的品牌来设计,而不是把另一个不同平台的规范作为依据。

2、不要照搬平台特定的图标

每个平台通常都提供成套的常用功能图标,例如分享、新建文档或删除。当你把应用程序迁移到另一个平台时,应该把对应的图标替换成当前平台的特定图标。

你也应该注意到每个平台自身独特的风格:安卓系统图标通常使用较粗的笔触,而iOS乐于使用笔画较细的线形图标。以下是几个图标的对比图:

移动端体验设计6大禁

安卓常用功能图标(上)ios常用功能图标(下)

3、不要把网站的体验复制到应用程序上

用户对移动应用的交互模式和界面元素有特殊的期待。当网页端的设计出现在移动应用时就显得很奇怪,这并不是因为哪里出错了,而是用户对于网页和移动应用的期望是不同的。举个例子:比如带下划线的链接。你应该避免去使用带下划线链接的文字,这属于网页而不是移动应用(移动应用使用按钮不使用链接)。

下面的案例是关于TD银行ios端应用的登录表单。它明显看起来像是手机网页的设计而非手机应用。结果表明,他们只是把网页代码复制上去后封装成应用程序:链接是带下划线的,甚至在界面上还有版权声明!

移动端体验设计6大禁

TB银行app缺乏一个应用程序应有的特质

用户流程

1、你的应用程序里不应该有“死胡同”

用户体验设计本质上就是在设计流程,而流程在多数情况下是用来完成用户目标的。你应该避免在应用程序出现死胡同,因为这会给用户带来困惑并且导致不必要的操作。有时候,设计师会把错误消息和空状态作为空页面处理,但实际上这是一个提供有用信息的好机会。就拿Spotify的这种错误状态页面举例:

移动端体验设计6大禁

死胡同空页面,图片来源:Spotify

它完全没有帮助用户理解情况,也没有回答用户:“我到底该做什么?”这个问题。

空白状态(尤其是错误状态)不应该是一个死胡同的状态,它应该告诉用户需要怎样操作才能看到相应内容,从而使应用程序正常运行。

移动端体验设计6大禁

Azendoo的错误状态有一个简单的“如何解决问题”的说明

2、不要把用户引向浏览器

用户在使用应用程序时,所有操作都应该在该应用程序中进行。如果应用程序缺少某些功能和内容,尝试使用一些嵌入应用的浏览器;但是不要调出手机的浏览器,这样会导致用户失去方向并无法返回原先的应用程序。这会提高用户抛弃应用的概率从而转化率会降低。

移动端体验设计6大禁

Facebook安卓版app里的“忘记密码?”按钮

3、不要在用户下载应用程序后立即要求评分

没有人想要被打断,尤其是当一些没用的东西出现在显示重要内容的中间位置时。避免打断用户,让这些最近才下载app或者只用过寥寥几次的用户为你的应用程序评分。相反,等到用户被证明是多次使用者,他们将更有可能为您的应用程序评分并提供更有价值的反馈。

移动端体验设计6大禁

在一开始启动应用就弹出评分要求是很糟糕的时机

你可以在用户已经使用该应用程序一段时间并完成一定的任务目标后发出评分请求。Dan Counsell在关于征求用户反馈的正确时机上有一些值得关注的见解。这是他关于Clear(一个待办事项应用)的说法:“Clear在ios系统上的评分信息对话框是基于一定的条件才会弹出的。首先,用户必须已使用该app几个星期;其次,Clear只会在用户已经清掉列表上所有的提醒事项后才会出现评分请求。这是一个询问用户反馈的极好时机,因为此时他们刚刚清空了待办事项列表,准备退出应用程序。”

移动端体验设计6大禁

请求用户反馈并没有错,但是请记住你要给用户提供一个很棒的体验。

结论

人们对于应用程序有很高的期望,而且标准越来越高。因此你需要努力去达到这些期望,并且使你的应用程序更加令人愉悦,而不是令人厌烦。提高用户体验不是一次性的任务,它是一个持续性的工作。

英文原文:Nick Babich, Mobile UX Design: What Not To Do.

原文地址: http://babich.biz/mobile-ux-design-what-not-to-do/

本文译者:Fino(点融黑帮),UX部门交互设计师一枚。

本文由@点融黑帮(ID:DianrongMafia)原创发布于人人都是产品经理,未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/27473/

(0)
CatherineCatherine
上一篇 2017-05-17 21:33
下一篇 2017-05-17 23:49

相关推荐

  • 老外看中国的移动App设计精髓-1 ui设计的十大精髓

    摘要:本文作者Dan Grover用最直接的方式体会了中国移动互联网的发展。这是一个外国人眼中的应用UI在中国的趋势,基本反映了当前国内UI设计的状况,从他的所感所想中,认真审视这些在别人看来,我们自己身上所拥有…

    2014-12-11
  • 在网页设计中,图片常用的五点技巧

    图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体,图片对于网页设计师而言至关重要。如何用好图片已经成为了一项成熟、完善而又讲究的技巧,而在高清屏幕无处不在的今天,稍有瑕疵的图片都在高密度的像素下无所遁形,而不合理的图片设计也不会逃过访客的双眼。很简单,色彩会让观看者分心。

    2017-05-07
  • 私家推荐!九月必收的优质设计资源干货大合集

    小白叨一叨:九月份设计圈的干货 合集来咯,包括前端开发、设计神器、设计素材 (字体、PSD等)、以及一大波实用的酷站推荐,全是精选干货 ,快来收吧!

    2017-06-04
  • 真诚的用户体验设计

    不知道身为「用户体验设计师(UX Designer)」的诸位是否也有过和我一样的困惑:初入行时兴冲冲觉得自己就是那个为一切产品用户体验问题负责的「真命天子」,积极主动去搜集反馈访谈用户,可当真正卷起袖子打算为解决这些「体验问题」大干一场的时候,却发现有些无从下手。

    2017-05-26
  • 从会计到交互设计,她用社会热点打动皇家艺术学院招生官!

    本科学的是会计研究生申请的却是交互设计零基础、跨专业却能在短短一年时间拿到5所顶尖艺术院校的offerQS世界艺术类大学排名第一的皇艺和享誉世界的英国伦艺都向她抛出了橄榄枝从西单骑摩拜到望京全程3个多小时收集了20多个单车乱堆积地点采访了数十位大爷和小朋友回家腿痛了整整一周只为做一个项目的调研成长的路上总是布满荆棘但坚持就是胜利杜娜/研究生/交互设计皇家艺术学院预科伦敦传媒学院格拉斯哥艺术学院金斯顿大学谢菲尔德哈勒姆大学杜娜offer(...

    2018-04-25
  • APP设计当中不容忽视的20个小细节

    APP设计当中不容忽视的20个小细节如下: 1、一致,一致,还是一致 你能做的最重要的事情就是保证用户界面运作的一致性。对于列表框来说,如果双击其中的项,使得某些事件发生,那么双击任何其它列表框中的项,都应…

    2015-04-14
  • 实战经验!交互设计如何赋予产品安全感?

    互金产品交互设计 有其特殊性,比如流程偏复杂、错误包容度低、迭代偏保守、信息层面限制多。互金平台投资三大要素收益、安全、流动性中安全应该排在首位,而设计的优劣会直接影响用户的安全感 受。

    2017-08-02
  • 关于用户体验,我有6点零星想法

    提升用户体验不是单方面的事情,它有多重影响,本文主要从六个方面来探讨关于如何提升用户体验。用户体验是指用户的主观感受(无法量化,因时而异,因人而异,因产品而异),它不仅仅是用户对产品本身的感受。产品所有可以延伸涉及的一切事件都可以是用户的判断基准,它所涵盖的范围很大,甚至对产品背后公司法人形象的认知都会影响到用户对产品的用户体验。提高用户体验不单单是靠交互、视觉、又或是产品,它还需要运营、市场、策划、客服等等部门的共同参与,用户所有能接...

    2018-03-16
  • 《用户体验可视化指南》视频讲书(6)

    《用户体验可视化指南》书中第2章的第2部分从伦敦地铁地图,看体验地图的元素、范围和根据目标的取舍。点击视频观看(大约10分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享从这里开始讲绘制共线图前的5个思考点:视角、范围、焦点、结构和用途。蓉姐在这节视频中主要讲解了视角和范围这2点。1、视角有2个决定因素,目标用户和想要绘制的体验类型。a. 每类目标用户,在产品互动的关键触点上,应该是有明显差异的。哪些企业的主目标用户,哪些是次级...

    2018-04-10
  • 交互小细节——信息层级展示规则

    信息层级展示规则是交互设计中的小细节。要分析信息的优先级,用户的核心行为;并通过位置、大小、距离、内容形式、表现方法来建立信息层级;设计过程和结束都要不断审视页面视觉流,看看用户浏览是否顺畅。作为设计师的你,注意到了吗?

    2017-05-20