恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
移动UX设计雷区:别做什么?
0.0°
2016-06-16 自译外文 经验/观点 原作者: 未知 举报 5389 74 88 8

在学习该做什么之前,我们来先了解下有哪些事情不该做?

我们安装一个app的首要因素是为了让我们的生活更加方便。但是如果一个应用程序无法满足这个需求,那么它的用户就会到别的地方去。虽然一个app的成功取决于很多因素,但是用户体验在其它所有因素之上。优秀的用户体验是区分成功app和不成功app的关键所在。


而对于移动UX来说,坚持最佳的做法变成了一条必经之路。在这篇文章中我们会介绍那些最基本的知识,关于如何避免打断用户或不要强迫用户思考。


多平台的用户界面设计


让移动应用UX出挑的一个非常大的因素是它的UI。大多数的开发者希望在多个平台上发布他们的app。当你计划将你的app发布在多个平台上时,请记住一点——每个平台都有着一套独特的规则和特点。在一个平台上完美的设计策略,在另外一个平台可能就是错误的。


不要模仿其它平台上的设计元素和字体


当你为Android或iOS开发app时,不要延续其它平台上的UI设计元素,比如说不要在Android上模仿苹果的界面设计(这种情况在这几年十分常见)。也不要模仿具有其它平台特点的交互效果。


按钮,切换键,输入框和其它功能组件应该尽可能的使用跟系统一致的样式。你应该尽量使用系统自带的功能组件,这样人们会知道如何使用它,并且会更信任你的应用程序。在下图中你可以看到同样的功能组件在Android 和 iOS下分别有着不同的外观。


Image title

来自Android (上) 和 iOS (下) 的UI元素。


相对于安卓的Material设计风格,iOS应用程序的外观通常都是扁平的,没有使用深度和阴影。iOS也有一个纯文本样式按钮,但它并不跟安卓一样有着大写的字体造型,并且字体也更细。


Image title

安卓的Material 设计 (左) vs iOS (右). 图片来源: tutsplus


Image title

字体也需要符合各平台的标准:Android的字体是Roboto,而iOS使用San Francisco字体。


字体可以马上让你知道,正在使用的是一个安卓还是iOS应用。


如果你希望为你的app自定义页面元素,那么请根据你的品牌,而不是另外一个平台的风格来定义。



不要延续使用其它平台的图标


平台通常会提供一组通用功能的图标,例如共享、创建文档或删除。当你将你的应用程序迁移到另一个平台,你应该找到这个平台对应的图标并且进行替换。


你需要注意的是,每个平台都有自己明显的风格倾向:Android系统图标有较厚重的笔触,而iOS一般用非常细的笔画勾勒出的线形图标。下面是一个例子,把几个图标放在一起比较:


Image title

Android(上)和iOS(下)常见的功能图标。



不要将Web的体验复制到移动应用上


那些我们在网页上觉得理所当然的交互模式和页面元素,如果放在移动端就会变得很奇怪,因为用户对他们的预期看到的完全不同。让我来举个大家好理解的例子:下划线。你应该避免使用下划线来表示超链接,这是网页常用的模式,而不是应用程序(应用程序使用按钮,而不是链接)。


下图是TD银行iOS端的登陆表单页。这个页面让人感觉他们是为了一个移动端的网页而不是移动应用做设计。原因是,他们只是简单的把网页的代码包装成了一个app,我们能看到有下划线的链接和版权信息在UI界面上。

Image title

TB 银行app缺乏移动应用的感觉


用户流程


你app里的任何地方都不应该成为一个死胡同


设计UX意味着设计流程,而流程在大多数情况下是关于如何去完成一个目标。你应该避免在你的app里出现走不通的页面,因为死胡同会造成混乱,并且会导致额外和不必要的行动。有的时候设计师会把错误提示和空状态设计成一个空白的页面如下图,但是我们其实可以做得更多。


Image title

死胡同式的空状态页面,图片来源:Spotify


它既不帮助用户理解所处的环境,也不告诉你可以为此做些什么?


空状态(尤其是错误状态)不应该是一个无路可走的终点,取而代之的是应该告诉用户如何进行下一步的行动,这样的页面内容才是有意义的。

Image title

Azendoo的空状态页面提示了如何去解决问题


不要把用户带到浏览器


记住应该要用户一直呆着app里,如果你的app缺乏特定的功能或者内容,试着去使用app的内置浏览器,而不是用你手机里的其它浏览器打开,否则你将会把你的用户带到其它的地方,然后他们就可能找不到回去的路径。


Image title



不要太快的向你的用户推送评价邀请


没有人希望在进行重要的事情时被打断,尤其是被这种没用的事情打断。不要去用app评价邀请打扰你的用户,特别是在他们才刚刚下载你的应用或者压根没用过几次的时候。等到他们被证明是忠实的用户时,他们会更愿意去评价你的app,同时也更能提供有价值的信息。


Image title

在启动app的时候推送可能是我能想到的最糟糕的时间点了╮(╯▽╰)╭


你可以启动这个询问在用户完成了一系列的目标之后。Dan Counsell在这方面有独到的见解,当他谈到clear,一个记录待办事项的app时说:“ clear只会在一系列条件都满足的情况下询问用户。首先,用户必须已经使用了几个星期的应用。其实,clear只会在用户清除他们的待办事项时推送。这是一个绝佳的时间点,用户刚刚完成了任务心情愉快,并且这个时候一般来说他们本来就是打算退出应用的。


Image title

选择一个最佳的时刻,会让你的互动感觉良好。图片来源:Clear


邀请用户评价app没什么不对的,但是要记住你需要给用户一个完美的体验。



结论


时至今日人们对app的期望越来越高,评价的标准也随之提升。你需要更努力的工作去满足这些期望,让你的app令人愉悦,而不是让人苦恼。提升用户体验不是一次性的任务,而是一个持续不断的工作。



Image title









更新:2016-06-16

收藏

74人已收藏

  • 50

    作品

  • 1652

    粉丝

  • 22

    关注

  • 插画自学指南:如何用临摹来提升你的绘画能力
  • 插画自学指南:画插画需要哪些工具
  • 成也排版败也排版:一个选择的过程
  • 渐变是新的色彩?

    猜你喜欢

      2016-06-16 自译外文 经验/观点 原作者: 未知 举报 5389 74 88 8

      移动UX设计雷区:别做什么?

      0.0°

      你确定要举报移动UX设计雷区:别做什么?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年06月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      88
      74
      8

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录