帮你创造优质移动端UI的7项最佳实践

在几年前,关于网页和APP谁做主导的话题还很热,但是现在看来,APP无疑已经是为用户提供内容和服务的主流了,它是用户最信赖的内容和功能的呈现方式。于是,随之而来的问题就是如何在竞争无比激烈的市场中,让你的APP在诸多同类中脱颖而出,并且让用户留在你的APP当中。留白常常被认为是一个活跃的元素,而非被动存在的间隙和背景。—— Jan Tschichold小贴士:有效的移动端APP信息推送策略是采用多种类型的信息推送机制,推送通知,电子邮件,应用内通知,新闻Feed等。多样化的信息推送通过合理的协调,创造良好的用户体验。


在几年前,关于网页和APP谁做主导的话题还很热,但是现在看来,APP无疑已经是为用户提供内容和服务的主流了,它是用户最信赖的内容和功能的呈现方式。于是,随之而来的问题就是如何在竞争无比激烈的市场中,让你的APP在诸多同类中脱颖而出,并且让用户留在你的APP当中。

帮你创造优质移动端UI的7项最佳实践

这无疑是一个系统而宏大的话题,也许不是一两本书能够说明白的事情。不过,实例总是有说服力的,今天我们用7个APP设计的最佳实践来为你来展现优质APP的设计之道。

1、一屏一个任务

降低用户完成任务之时所需耗费的精力。

你为APP的每一屏都应当承载一个对用户有用、有价值的交互或者任务,一次完成一个任务,且只能有一个任务,其中应该不包含超过1次的行为召唤(CTA)。这样的设计能让用户更轻松地学习,更便捷地使用,在设计上也更容易添加删减以及构建。

以Uber为例,Uber 清楚地知道用户的目的是乘坐出租车,所以,应用程序不会一次给用户太多的信息,会根据地理信息自动检测用户的位置,而Uber 提供给用户的每一个界面的交互都是单个的,用户只需要选取位置,下单即可。

帮你创造优质移动端UI的7项最佳实践

2、隐形的UI

内容即是界面。

专注于内容,并且尽量删除不必要的元素,这样可以缩短用户集中注意力的时间,用户将会更快地被引导到他们正在搜寻的内容,而内容本身正是一个隐形的界面。最典型的就是Google 地图。在重新设计的时候,Google 地图删除了所有不必要的面板和按钮,地图本身就是最好的界面。

帮你创造优质移动端UI的7项最佳实践

3、呼吸的空间

使用负空间让重要的内容吸引用户的注意力。

留白,或者负空间,指的是页面设计布局中的空白部分,或者空白元素,它们常常被忽略和忽视,虽然许多设计师认为这样的设计会浪费屏幕的空间,但是留白本身就是设计的基本元素之一。

留白常常被认为是一个活跃的元素,而非被动存在的间隙和背景。—— Jan Tschichold

留白可以提升可读性和内容的优先级,在页面布局中也发挥着重要的作用。因此,它可以合理地简化UI并提升用户体验。

帮你创造优质移动端UI的7项最佳实践

遵循“少即是多”的原则。

4、直观的导航

导航应该是每个APP当中优先级最高的组成部分。移动端APP中导航应当容易被发现,可访问的,且尽可能少的占用屏幕空间。由于小屏幕的限制以及内容优先级的需要,移动端导航的可访问性设计一直是一个挑战。

标签栏和导航栏是非常适合用来展现较少的导航选项的,它们非常适合用来展示主要的导航选项,一个简单的点击就能流畅地切换到不同的页面。

帮你创造优质移动端UI的7项最佳实践

AppStore 中的标签导航。

5、单手操作

让你的设计兼容更大的屏幕。

iPhone 6和 6p 的发布标志着移动端设备彻底进入了大屏时代。

帮你创造优质移动端UI的7项最佳实践

关于用户如何握持手机,下面的图为你展现了最常见的三种模式:

帮你创造优质移动端UI的7项最佳实践

通过观察可以发现,85%的用户使用单手握持他们的手机,下面的热图展示了从2007年一来,各种不同尺寸的iPhone 的拇指操作区域。毫无疑问,随着屏幕尺寸的增加,拇指能够触及的区域的比例正在逐步降低。

帮你创造优质移动端UI的7项最佳实践

拇指的操作区域

所以,移动端界面的用户体验设计应当进行调整,尝试让你的APP 能够在iPhone 7和 7p 上面能够单手操作,将导航置于用户的拇指可以触及的区域之内。

帮你创造优质移动端UI的7项最佳实践

这是iOS版的 Pocket APP。所有的导航控件都集中在页脚,也就是手指可以轻松触及的区域,让你可以轻松的单手操作。

6、让APP运行快速

不要让用户等待内容呈现。

试图让程序的响应速度提升起来。许多任务尽量在后台跑起来,让前台的展现速度显得很快。将一部分操作打包到后台运行有两个好处:让一些等待和加载过程不再展现在用户面前,并且可以让许多操作在用户请求之前就发生。一个很好的例子就是 Instagram 中上传图片,当用户选择要共享的图片之时,上传就已经开始。

帮你创造优质移动端UI的7项最佳实践

Instagram 邀请用户在上传图片的时候添加标签,当用户准备按下分享按钮的时候,上传基本就完成了,接下来用户就可以轻松的分享照片了。

7、善用推送通知

在推送信息之前请三思。

每天用户都会被无数无用的推送通知所轰炸,被分散注意力,这也使得通知常常会显得颇为恼人。根据调研,超过70%的受访者表示,令人烦躁的推送信息是促使他们卸载应用的主要原因。

帮你创造优质移动端UI的7项最佳实践

所以,要做好移动端设计,需要用好每一次的信息推送。不要为了吸引用户而推送消息,这往往会适得其反。你需要将对于用户有价值的信息推送出去,这样才合适。

小贴士:有效的移动端APP信息推送策略是采用多种类型的信息推送机制,推送通知,电子邮件,应用内通知,新闻Feed等。多样化的信息推送通过合理的协调,创造良好的用户体验。

帮你创造优质移动端UI的7项最佳实践

根据内容的紧急性和正确性来选择通知类型。

结语

在设计移动端APP的时候,最重要的事情还是确保它有用而又直观。如果APP对于用户没有实用价值,又没有任何理由使用它,那么它的价值就相当有限了。如果它对于用户相当有用,但是需要花费大量的时间精力来学习和完成任务,那么你需要实用良好的UI和UX来解决设计问题。

 

原文作者:Nick Babich

原文地址:uxplanet

译者:@陈子木

译文来自:优设

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

(0)
CatherineCatherine
上一篇 2017-05-15 08:22
下一篇 2017-05-15 10:21

相关推荐

  • 教你读懂UI设计的心理学!

    来源:阿里妈妈MUX 作者:阿里妈妈MUX编译   作为UI设计师,对待用户就像对待婴儿,知道如何通过界面设计诱导用户非常重要,这就需要了解心理学方面的知识了。今天分享一篇日本设计师的好文,结合心理学与设计,…

    2014-09-27
  • 6周锻造1名优秀的产品设计师

    金牌讲师: 杨老师(某大型央企交互设计主管,前网易、腾讯交互设计师) 从业7年多的交互设计老司机; 出身北邮设计艺术学硕士专业,经历网易、腾讯及某大型央企设计部门锤炼; 开课至今,已经培养了近100多名优秀…

    交互专题 2017-08-07
  • 交互设计师的60日计划第十九天

    昨天M+头痛,8点下班回来做分享PPT做到11点半倒头就睡了,忘记了写每日…拖延症真是害人,周日拖了一天只写了大纲,周一做了白PPT,今天又加班到10点把完整的PPT做了,明天晚上演练一下。因为一天的拖延,整个一周都…

    交互专题 2015-08-20
  • 微交互的设计案例与思考(上篇)

    作为一名交互设计爱好者,在此抛砖引玉,用6类约30个案例供大家参考,本文先分享前面两部分,即为懒而做的设计和为等待而做的设计。

    2017-05-03
  • 输出专业交互设计文档清单

    原文转自:http://www.uisdc.com/export-professional-interactive-documents在项目设计中,交互设计师与上游的产品经理,下游的视觉设计师,开发工程师和测试等岗位的工作密不可分。不论是承上启下的工作沟通, 还是方案评审的设计讲解,专业的交互设计师应该具备优秀的表达能力,不仅是语言方面的表达,交互文档的表达也尤其重要。交互文档是对接上下游岗位,利于协同团队工作的重要输出件。(本文会以 ...

    2018-03-25
  • 新版Material Design 官方动效指南

    在Material design的世界中,动效用一种优雅、流动的方式来描述空间关系、功能、和意向。

    2017-05-23
  • 腾讯CDC标叔力作!聊聊我与交互设计的那10年

    编者按:很有幸能看到这篇文章,作者见证了腾讯CDC从寥寥数人变成一个成熟团队的整个过程,成长经历相当有可读性,且值得设计师学习反思的地方太多,无论是哪个领域的同学,都推荐阅读收藏。 前言:今年同时是我工…

    2015-11-29
  • 如何向面试官介绍「交互设计」作品?这篇绝对是最全面的!

    招聘季,无论新人还是交互老鸟,都将在「互联网公司鄙视链」上挣扎翻滚。面试官常会要求:介绍一下你的作品…..如何展示交互作品这件事,这篇文章系统总结一下。

    2017-05-25
  • UED设计年会系列活动在江苏省宿迁市成功举办!

    欢迎点击上方蓝字免费订阅!阅读本文前,请您先点击本文标题下面的蓝色字体“快宿迁”再点击“关注”,并点击“置顶公众号”,这样您就可以每天继续免费收到文章了。每天都有分享。完全是免费订阅,请放心关注!2018年1月19—21日,UED设计年会系列活动在江苏省宿迁市成功举办,共议如何在当下中国,以设计、文化、艺术的力量引领城乡发展。年会系列活动包含“设计·文化·艺术引领下的城市发展和乡村振兴”高峰论坛、“衲田杯”可持续设计国际竞赛颁奖盛典暨第...

    2018-02-03