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

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

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

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

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

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

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

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

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

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

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

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

不要忘了匹配平台的图标

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

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

不要从APP跳转到网页

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

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

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

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

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

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

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

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

不要将用户导向浏览器

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

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

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

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

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

时间: 2024-08-10 10:00:21

UX黑名单!有哪些常见的移动端UX设计误区需要规避?的相关文章

移动APP服务端API设计应该考虑到的问题

转载:http://www.hutuseng.com/article/how-to-design-api 2014年,移动APP的热度丝毫没有减退,怎样为您的移动端app设计良好的服务器端接口(API)呢? 下面谈谈我个人的一些想法. 2014年,移动APP的热度丝毫没有减退,并没有像桌面软件被WEB网站那样所取代,不但如此,越来越多的传统应用.网站也都开始制作自己的移动APP,也就是我们常说的IOS客户端.android客户端.这仿佛又回到了多年前的CS架构,那时候我们用VB.VC.Delph

Axure中移动端原型设计方法(附IPhoneX和IPhone8最新模板)

Axure中移动端原型设计方法(附IPhoneX和IPhone8最新模板) 2018年4月16日luodonggan Axure中基于设备模板的移动端原型设计方法(附IPhoneX和IPhone8最新模板) 文章作者分享了一种基于设备模板的移动端原型设计方法,相信能够对你的原型设计工作带来帮助,值得马克. 在使用Axure设计移动端原型的应用方面,我总结出了两种常用的方法.第一种是更适合在移动端进行演示的设计方法,大家可以参考我之前已经分享过的一篇教程:使用Axure打造最佳的移动端交互原型教程

移动端UI设计越来越流行的高斯模糊(Gaussian blur)和毛玻璃效果(磨砂效果),如何使用Android RenderScript简单实现?

高斯模糊(Gaussian blur)和毛玻璃效果(亦称磨砂效果),近两年在移动端的UI设计上越来越流行,特别是iOS手机上出现的较多,iOS系统也提供了相应的API帮助开发人员分分钟实现这两个效果.而Android系统则经历了一个漫长的探索过程,对图片的处理,从Java算法到NDK方式实现等,各种摸索层出不穷. 值得欣慰的是,Google终于在API 11中引入了 RenderScript ,一个强大的图片处理框架,帮助Android开发人员专注于图片处理算法而不是API的调度工作.使用Ren

移动App服务端架构设计

移动App服务端架构设计 我从事手机app服务端开发现在已经是3个年头,自己也整理出了一套相对好用的服务架构,写出来,跟大家一起分享.如有不足,还请多指教. 一:基础流程图. 其实有一点还需要加上,就是对json的压缩和加密,一来给用户节约流量,二来防止请求被截取破解我们的参数.具体先压缩后加密还是先加密后压缩这个问题看需求. 看到这个架构设计时,你们可能会说如果程序入口挂了,所有的服务都不可以用了. 所以这个架构的弱点在程序入口处,因此要有一(多)台机器做负载,负载的工具可以是HaProxy(

移动端网页设计经验与心得

原文:移动端网页设计经验与心得 智能手机发展确实很迅速,像今年,我的大部分工作就都在移动端网页上. 再往前些年,看到的手机版/移动版网页,限制于浏览器与手机性能,2g网络速度等 网页设计无非是蓝.黑.白,界面单调,并且要尽可能的设计简单. 现在情况就大不相同了,软件上webkit内核浏览器大行其道,硬件突飞猛进,网速来说,4g正炒得火热. 下面就和大家分享一下我的一些移动端网页设计经验与心得. ⒈ 分辨率这应该是移动端网页最关心的问题了,因为移动设备五花八门,各种分辨率都有.要想在这些设备上都能

移动端界面设计之尺寸篇

移动端界面设计之尺寸篇 作者其它设计文章:PS图层样式之高级混合(1)PS图层样式之高级混合(2)手机音乐界面设计分析AE动画设计基础篇移动端界面设计之尺寸篇 作者在写这篇文章时候还没有出iphone6,所以把这一部分的给补上,相关的尺寸请点下面2篇文章查看. 移动端界面设计之尺寸篇(淘宝版) iPhone6 & 6 Plus 视觉设计适配说明 h5移动端页面设计学习文档

HTML在移动端页面设计是touch事件注意事项

HTML在移动端页面设计是touch事件注意事项 移动端touch事件 当用户手指放在移动设备在屏幕上滑动会触发的touch事件•touchstart——当手指触碰屏幕时候发生.不管当前有多少只手指•touchmove——当手指在屏幕上滑动时连续触发.通常我们再滑屏页面,会调用event的preventDefault()可以阻止默认情况的发生:阻止页面滚动•touchend——当手指离开屏幕时触发•touchcancel——系统停止跟踪触摸时候会触发.例如在触摸过程中突然页面alert()一个提

从服务端架构设计角度,深入理解大型APP架构升级

随着智能设备普及和移动互联网发展,移动端应用逐渐成为用户新入口,重要性越来越突出.但企业一般是先有PC端应用,再推APP,APP 1.0版的功能大多从现有PC应用平移过来,没有针对移动自身特点考虑APP的架构.随着APP越来越复杂,功能和非功能要求越来越高,架构的先天不足逐渐成为大型APP升级的瓶颈. 本文作者结合大型移动应用的落地实践,从服务端架构设计角度,阐述如何进行升级优化,为后续APP做大做强奠定架构基础,供大家参考. 本文主要内容包括: V1架构 问题分析 V2架构 智能升降级 总结

移动端网页设计经验与心得(转)

智能手机发展确实很迅速,像今年,我的大部分工作就都在移动端网页上. 再往前些年,看到的手机版/移动版网页,限制于浏览器与手机性能,2g网络速度等 网页设计无非是蓝.黑.白,界面单调,并且要尽可能的设计简单. 现在情况就大不相同了,软件上webkit内核浏览器大行其道,硬件突飞猛进,网速来说,4g正炒得火热. 下面就和大家分享一下我的一些移动端网页设计经验与心得. ⒈ 分辨率这应该是移动端网页最关心的问题了,因为移动设备五花八门,各种分辨率都有.要想在这些设备上都能有良好的浏览体验,得花一番功夫.