有哪些常见的移动端UX设计误区需要规避?

我们手机里面装满了各种各样的APP。安装这些应用,我们的初衷是让我们的生活更加便捷。但是当这些应用无法满足用户的需求的时候,用户自然而然会离开,并寻求更好的解决方案。一个成功的应用包含有诸多元素,而其中的用户体验设计 则起到了决定性的作用。在残酷的竞争中,用户体验 往往是决定成败的核心。

我们手机里面装满了各种各样的APP。安装这些应用,我们的初衷是让我们的生活更加便捷。但是当这些应用无法满足用户的需求的时候,用户自然而然会离开,并寻求更好的解决方案。一个成功的应用包含有诸多元素,而其中的用户体验设计则起到了决定性的作用。在残酷的竞争中,用户体验往往是决定成败的核心。

面对移动端设备,只有实践才能够检验一个应用的用户体验好坏。今天的文章,我们将专注于移动端用户体验设计中,应当规避的误区,这些信息并不高深,这些常见的错误是经过无数实践得出的经验。

不要为多平台设计一套界面

一个APP能够让人记住,很大程度上是因为它的UI在某些方面有着突出的设计。绝大多数的开发者希望他们的应用能够在多个不同的平台上发布,但是不同平台有着不一样的规范,贴合 iOS 的设计决策和方案放在Android 平台上可能导致完全不一样的结果。

不要模仿其他平台的UI元素和字体

当你为 Android/iOS 平台设计应用的时候,不要沿用其他平台的主题和UI元素,更不要模仿特定平台的操作方式。许多元素在A平台适用,在B平台上则可能会毁掉整个用户体验。

输入字段、复选框、开关按钮以及其他功能性组件尤其是如此,应当尽量贴合本平台的特征。使用原有平台的元素可以让用户更清楚如何使用,并且让用户对于你的应用中的内容与信息更加信任。在下面的案例中,你可以看到Android 和iOS平台中相同功能控件的差异:

有哪些常见的移动端UX设计误区需要规避?

虽然同样是扁平化的设计,但是Material Design 和iOS 的界面元素的设计有着明显的差异,iOS中拥有纯文本样式的按钮,字体风格有着明显的差别,Android 平台中按钮内容更多的使用的是大写字母,并且Android平台中的字体相对更纤细。

有哪些常见的移动端UX设计误区需要规避?

字体的使用同样要遵循两个平台的特征:Android 平台用的是Roboto 字体,而iOS平台目前使用的是新的 San Francisco 字体(中文字体为苹方)。

有哪些常见的移动端UX设计误区需要规避?

不同的字体能让你很快分辨出两大平台

如果你想为你的APP定制UI元素,那么你应当根据你的品牌仔细定制,而不是基于平台的规范来设计。

不要忘了匹配平台的图标

通常特定的平台会提供成套的图标,其中会包含常用的功能图标,比如新建、分享、保存和删除等,当你的移动端应用前一到另外一个平台的时候,不要复用上一个平台的图标,而应当替换为当前平台的图标。

与此同时,你也应当注意不同平台上图标的特征:Android 平台的图标中使用的线条笔触比较厚重,而iOS线条则更接近流行的线性图标的设计,线条纤细。下面是一些图标设计上的对比:

有哪些常见的移动端UX设计误区需要规避?

不要从APP跳转到网页

用户对于移动端的APP的交互模式和界面元素是有一个基本的概念和预期的,同时他们对于网页端的界面也是同样熟悉的。当网页上的浏览体验出现在 APP当中的时候,情况就相当尴尬了——用户会感受到这种差异,实际的体验和他们的预期有着明显的区别。举个简单的例子,带有下划线的链接就是个典型,它 明显是“浏览器界面”中常见的一种元素,在APP中,通常使用的是按钮而非文本链接。

下面的案例是来自TB Bank的iOS APP的界面,这个界面怎么看都是一个网页端的登录界面。实际上他们真的是将网页端的登录界面的代码整个嵌入到APP当中来。显眼无比的下划线文本链接也就算了,连同版权信息也一起复制过来了,简直不能忍。

有哪些常见的移动端UX设计误区需要规避?

APP应当始终给用户留个出口

用户体验设计很大程度上是与流程相关的,而流程在绝大多少情况下是帮用户推进进度、完成目标的。所以,你应当避免让你的流程陷入死胡同,这样会让用户感到混乱和迷惑,并且产生额外的、不必要的操作。

有时候设计师会将错误信息和空状态设计成为空白,但实际上这是个很好的机会为用户做一些更有用的事情,以Spotify 的报错界面为例:

有哪些常见的移动端UX设计误区需要规避?

这无疑就是一个没啥用处的空状态,它并没有告诉用户能干什么,也没有告诉用户到底发生了什么。

空状态,尤其是报错状态,不应该是“死胡同”,作为UX设计师的你应该通过界面告知用户他们应该采取怎样的行动,才能让应用按照他们的预期一样运作。

有哪些常见的移动端UX设计误区需要规避?

Azendoo 就在报错界面中告知用户如何解决问题

不要将用户导向浏览器

让用户一直在APP中操作吧。如果你的应用真的缺少某个特定的功能,不妨使用应用内浏览器来加载页面,而非跳转打开浏览器。在绝大多数的情况下,这样的设计会出乎用户的意料,失去控制,甚至难以回到APP,增加了意外也减少了可控度。

有哪些常见的移动端UX设计误区需要规避?

不要让用户一下载APP就评分

当你正在使用应用的时候,整个体验被打断的感觉真的非常令人难受。用户下载了应用之后,可能在一段时间之内仅仅只使用了几次,好用不好用还没体会出 来,这个时候突然让他给APP评分,这种被打断的体验可能会带来不好的评分。相反,当用户使用APP足够久了之后,这些重度用户可能会给予应用更为可靠的 评分和反馈。

有哪些常见的移动端UX设计误区需要规避?

你可以在用户进行了特定数量的操作,或者完成了特定的目标之后,触发请求用户评分的操作。对于请求用户反馈这件事情,Dan Counsell 的看法非常值得借鉴。谈及 iOS 平台的 Todo 类应用 Clear,他是这么说的:“iOS 版 Clear 的评分界面是在用户碰到过一系列状况之后才会出现的。首先,用户需要使用应用几周时间,然后,用户需要将待办事项列表中的所有条目完成之后才行,这对于一 个待办事项类的应用和用户而言,都是一个重要的时刻,用户会因为清空列表而获得成就感,绝大多数情况下,他们正因为完成任务而准备离开APP,这个时机非 常好。”

有哪些常见的移动端UX设计误区需要规避?

向用户申请获得反馈和评分本身并不是一件坏事,但是请务必确保整体体验良好。

结语

如今的用户对于APP的使用越来越多,了解也越来越深,相应的,用户对于APP的期望也更高,更具体。想要打造令人愉悦的APP,带来让人舒适而烦恼的体验,这才是是用户体验设计师应该做的事情。

 

译文来自:优设

原文地址:uxplanet

原文作者:Nick Babich

译者:@陈子木

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

(0)
CatherineCatherine
上一篇 2017-05-22 16:34
下一篇 2017-05-22 18:35

相关推荐

  • 史上最完整交互设计基本原则|推荐收藏

    下面的原则对于有效的用户界面的设计和实现都是最基本的,不管是针对传统的图形用户界面还是针对任意的可联网的智能电子设备都是有用的。有效的用户界面是视觉明显的并且宽容的,会带给用户一种控制感。用户能很快…

    2017-08-01
  • iOS10 交互设计启示

    导读:本文用交互设计的思维对iOS10的新特性进行分析。撇开平时我们考虑的界面排布,页面元素等问题不谈,将视角转移到屏幕外的东西:如时间维度的,空间维度的,手势操作等等,以提升我们的用户体验。本文作者是蘑…

    2017-08-04
  • 万豪国际集团打造智能交互体验客房

    作为全球酒店业的创新者,万豪国际集团近日携手两大全球领先企业 -- 三星与罗格朗,重磅推出 “智能交互体验客房”,探索有可能提升宾客体验的各种新概念,创造更为高效的客房设计,从而为宾客带来未来酒店体验。宾客可在万豪国际集团“智能交互体验客房”镜子上投射瑜伽练习视频万豪国际集团全球首席商务官Stephanie Linnartz表示:“我们的宾客期望在生活中的方方面面都能获得个性化的体验,酒店入住也是如此。智能交互体验客房使得宾客可以按照自...

    2018-01-30
  • 解读互动行业,鲜为人知的我们这样做网站

    大浪淘沙,就像2.0时代最火的人人、开心网没有把握移动互联网的机遇纷纷衰败,转型脚步落后的互动公司也逆流而逝,很多互动设计师都被迫找寻新的方向。本文作者将给大家介绍什么是互动设计,为什么要那样做网站以及互动行业的兴衰史。Infecting your screen for your enjoyment
    为你的愉悦而感染你的屏幕被遗忘的是
    那些放开手的人
    被遗忘的是
    放开手的人梦里南柯,且无痕,浮生若是;
    生非苦短,知天命,则无所怠。

    2017-05-13
  • 交互设计 | 2个概念,梳理成熟的交互设计作品思路

    直接上干货,给大家介绍作品设计中至关重要的两个概念——storytelling 和 process。这两词不是我拍脑袋想的,是我和很多hr(包括一些美国的agency,知名大公司如amazon)聊天的时候直接问的。不仅如此,我…

    2017-08-01
  • 欧洲(非英国)交互设计申请攻略

    今天为大家带来欧洲(非英国)地区交互设计专业留学申请攻略,从学校/专业/费用等方便分析每个学校的优缺点,让大家在选择学校时更有的放矢。 1.代尔夫特理工大学/Technische Universiteit Delft 学位:Master of S…

    2015-11-04
  • 功能确定之后,如何做好UCD概念设计?

      功能和数据都确定下来了,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。 如果说前面的分析研究、需求定义、功能数据确定是“做正确的事”,现在开始我们就要“正确地做事”,方向抓…

    2016-02-20
  • 当你画线框图时,你应该想些什么?

    我们每个人在刚入行的时候,接到项目需求,最初更多的会沦为产品经理的画图工具,帮他画好线框图、补全场景状态反馈等,这时候你可能会彷徨痛苦,感觉自己没有办法实现作为交互设计师的价值,不用彷徨痛苦,你现在需要的只是一个完善的工作流程,下面我就抛砖引玉来讲一下当我在画线框图时,我在想的12345……,希望对刚入行的小伙伴能有所帮助。

    2017-05-21
  • 干货推荐|关于无线C端产品的一些UX建议

    开始之前,先来看一下Eric WK.See-To的一项最新研究成果(Eric WK.See-To等人针对如何提升移动端视频的UX满意度做了以下研究)。

    2017-05-29
  • 译文|「设计师学习商业」中「Why」与「How」的问题

    Airbnb、Pinterest、Kickstarter、小米等一系列的创业企业有什么共性?他们都有设计师作为创始人,在创始团队中就加如了设计的基因。商业决策者们在努力地把商业策略融入到产品设计的内涵里,而你——一名设计师,又是否了解商业呢?今天我们分享两篇文章,分别讨论了「设计师学习商业」中「Why」与「How」的问题,希望你能有所启发。

    2017-05-25