移动应用设计的最佳实践

移动应用现在是提供内容和服务的主流方式。但在热闹的移动应用市场,面对五花八门的各种APP,如何让你的APP受重视,脱颖而出得到用户的青睐?留白应该作为一种主动的元素,而不是作为被动的背景——Jan Tschichold温馨提示:创建最好的移动应用消息策略应该用不同的通知类型——推送通知,电子邮件,应用内通知和新闻源消息。多样化你的通知类型——你的通知工作应该完美协调,创造最佳用户体验。


移动应用现在是提供内容和服务的主流方式。但在热闹的移动应用市场,面对五花八门的各种APP,如何让你的APP受重视,脱颖而出得到用户的青睐?

移动应用设计的最佳实践

这里有7个UX设计提示,助你创造移动应用的极致体验。

1. 一个屏幕,一个任务 减少用户使用成本

每一屏只做一个有价值的动作,为了唯一一件事情。切记不要超过一次行为动作。这样设计可以让APP更容易学习,更易于使用,并更容易添加或在必要时进行构建。

以优步(Uber)为例。优步知道用户的使用目的纯粹是为了打车,APP不要用太多信息淹没用户。APP通过GEO数据自动探测用户所处位置,而用户只需要选择目的地就可以了。

2. 隐形用户界面 内容即为界面

移动应用设计的最佳实践 

专注于内容,删除不支持用户任务的元素。用户不再分散注意力,能更快的找到想要的内容。内容即为界面。谷歌地图是一个很好的例子,经过重新设计,谷歌删掉了没必要的控制板和按钮,谷歌说,地图就是界面。

3. 呼吸空间 使用留白来凸显重要内容

移动应用设计的最佳实践 

留白或者『负空间』指设计或页面布局的元素之间的空白空间,经常被忽略轻视。尽管很多设计师认为这是屏幕空间的浪费,但留白是移动应用设计的基本元素。

留白应该作为一种主动的元素,而不是作为被动的背景——Jan Tschichold

留白不仅负责可读性和内容优先级,它也在视觉布局中发挥重要作用。因此它可以改进UI并提升用户体验。

移动应用设计的最佳实践

图片来源:Material Design

在你的设计中遵循『少即是多』的原则。

4. 简化导览 使导览不言自明

帮助用户导览应该是每个移动应用的最高优先级。移动应用导览必须是可发现的,可访问的,占用屏幕空间少的。然而,移动应用的可访问属性是不容易做到的,由于小屏幕的限制和优先级的安排。

标签栏和导航栏非常适合拥有相对较少导航选项的移动应用。他们显示了所有主要的导航选项,只需要用户一个点击就可以从一个页面跳到另一个页面,太赞了。

移动应用设计的最佳实践

苹果APP Store中的标签导航栏

5. 单手操作 使您的设计符合更大的屏幕

Iphone6 和 IPhone6 Plus的发布表明屏幕尺寸会越来越大。

移动应用设计的最佳实践

人类手持手机的三种基本方式如图:

移动应用设计的最佳实践

人类握持手机的三种基本方式。由Steven Hoober研究发现

研究发现85%的被观察用户单手操作手机。下面的热成像图显示了在不同尺寸的IPhone上的大拇指的活动区域。我们能看到显示屏越大,可访问区域越小。

移动应用设计的最佳实践

拇指区域。根据Scott Hurff的观测研究

调整设计来提高用户体验是有必要的。尽量确保你的APP在大屏手机(比如iPhone 6 或 7)上可以轻松(且完整)地单手操作。将导航选项放在拇指范围内。

移动应用设计的最佳实践

图片来源:Dmitry Kovalenko

IOS的口袋应用,所有导航控件都在页脚,当你正常握持手机的时候可以轻松触及。

6. 让应用快速出现 别让用户等待内容

竭尽可能的让APP快速反应。在后台做预处理,这样会看起来响应很快。后台操作有两个好处——对用户不可见,并且在用户实际请求之前发生。一个很好的例子是在Instagram上传照片,只要用户选好了照片,在分享之前就开始上传了。

移动应用设计的最佳实践

当在后台上传照片的时候,Instagram邀请用户给照片贴标签,贴完也就上传完了。这样当你按下分享按钮的时候,照片立刻就分享出去了。

7. 明智的使用推送通知 在发送通知前请三思

用户每天被各种没用的通知信息轰炸,分散日常活动的注意力,彻底搞烦。烦人的通知是用户卸载移动应用的首要原因(71%的受访者)。

移动应用设计的最佳实践

移动设备要的是每条信息都有价值。不要为了吸引用户而发送通知。只有认为消息对用户有价值的时候才可以发送通知。

温馨提示:创建最好的移动应用消息策略应该用不同的通知类型——推送通知,电子邮件,应用内通知和新闻源消息。多样化你的通知类型——你的通知工作应该完美协调,创造最佳用户体验。

移动应用设计的最佳实践

资料来源:Appboy

根据优先级和内容选择正确的通知类型。

结论

要记住,设计一个移动应用最重要的事情是确保它有用且直观。如果APP没什么用,对用户没有使用价值,没有人有任何理由使用它。如果APP有用,但是需要耗费大量时间和精力,用户不会学习如何使用它。良好的UI和UX设计则能解决这两个问题。

谢谢!

 

原文作者:Nick Babich

原文地址:http://babich.biz/mobile-design-best-practices/

译者:Nodar

译文地址:微信公众号『湾区记译』

本文由 @Nodar 授权发布于人人都是产品经理,未经作者许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-14 14:52
下一篇 2017-05-14 16:46

相关推荐

  • 2018年04月05招聘岗位

    招聘服务员工资底薪2500加提成收银员2700元加提成招聘电话:8663888,15750516333 13948455099促销员20名,要求:年龄20-40岁,时间15-20天,底薪(80一120),提成+提成工资多劳多得!加微信15849572346了解工作内容,今日下午3点面试掌上明珠全体员工欢迎你的到来!招聘电话:158495723468876688内蒙古泽强医药有限公司招聘职位及岗位需求:一、人力资源专员具体要求:1、年龄2...

    2018-04-09
  • 探讨移动电子商务网站中的图文滚动切换设计

    很多人都会和我说,网站中的滚动切换设计一般都是弊多利少,尽量不要使用。但是,本文会告诉你并非所有情况都是如此。 我写这篇文章就是希望我们能够更多理解网站中的滚动切换设计,不要听信传闻。我将用我们的调查数…

    2015-04-03
  • “5媚娘传奇”——H5总结大会

    作者:KIKI 去年JDC出了不少优秀的武媚娘...不,H5呢,大家都很拼哒,同时当然也是累计了一些经验和教训啦。今天就从字体,排版,动效,音效,适配性,想法这几个方向结合咱们的例子朕就关上门只跟你来好好聊一聊关…

    2015-01-27
  • 有哪些常见的移动端UX设计误区需要规避?

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

    2017-05-22
  • 未来所有的产品都要围绕人性去思考

    过去的记忆 回顾计算机和互联网的发展,计算机的编程语言从C语言开始,到C++,到最近的go语言,不断地进化,趋势是Code越来越接近人的方面,Code是从计算机端向人端的进化,计算机的编程语言也诠释了科技的发展,以…

    交互设计 2014-12-17
  • 2014年APP分类排行

    纵观全年,在APP应用领域有四大类发展最为迅速,分别是社交、支付、导航以及美化软件。此外,打车软件则是在2014年一新兴产品,该类软件的推出填补了APP领域的一项空白,同时也是用户的一大刚需,在很短时间内就被…

    2015-01-13
  • 用户体验要素(上)

    我们天天挂在嘴边的用户体验为什么如此重要?到底什么才是用户体验?在繁忙的生活中,从你起床关闭闹钟到洗脸刷牙再到坐车去公司上班,在这个过程中,和你关联的东西,闹钟、牙刷、牙膏、公交车、地铁等,如果这一系列的事物都没有注重用户体验,早上起床闹钟响了没起来,急急忙忙去坐地铁到公司上班,地铁标识不清晰,你坐反了,很晚到公司,接着被领导大骂一通,灰扑扑的坐到座位上,然而你这一天才刚刚开始,这么糟心的早上让你一天都不顺利。如果没有好的用户体验,你每...

    2018-04-25
  • 细节体验|你离用户只差一个好的交互

    上一篇我们简单的提到过“在合适的时机出现”这个交互细节打磨点,今天我们继续沿着这个点,剖析一些常见的交互细节点及案例。

    2017-05-18
  • 在一个老外微信PM的眼中,中国App UI那些事

    中美用户习惯的和文化的不同,造成了设计很多的不同。看惯了国内的设计,你了解外国人怎么看待我们的产品吗?接下来就可以带着疑问往下阅读。 本文编译自Dan Grover的博客,他现在是腾讯微信的产品经理。以下是他从…

    交互设计 2014-12-11
  • 交互小技巧!浅聊四个主流的页面间跳转动效

    最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

    2017-05-29