提高移动应用体验的7个UX设计要点

​APP为了提供服务与内容,信用已经成了一种主流方式。但是,在各种服务如雨后春笋般蓬勃发展的市场上,怎样让你的移动应用更有帮助更具关联性,让用户流连忘返就非常有必要了。这一次,我们介绍的是让你的用户获得非常棒的移动应用体验的7个UX设计要点,那么,一起来看看吧。


​APP为了提供服务与内容,信用已经成了一种主流方式。但是,在各种服务如雨后春笋般蓬勃发展的市场上,怎样让你的移动应用更有帮助更具关联性,让用户流连忘返就非常有必要了。这一次,我们介绍的是让你的用户获得非常棒的移动应用体验的7个UX设计要点,那么,一起来看看吧。

提高移动应用体验的7个UX设计要点

目录

  • 一个屏幕,一个任务。
  • 看不见的用户界面。
  • 充分留白。
  • 让导航变得简单。
  • 单手操作
  • 响应快速。
  • 让推送更加人性化。

01. 一个屏幕,一个任务。

减轻用户在获取所需信息上花费的努力。

为APP所设计的每一个屏幕画面,都需要仔细斟酌让每一个操作都发挥它的作用。在你所设计的每一个画面中,推动用户行动的短语只能有一个。这样不仅会使它更加易学易用,在追加必要的构造时也会更加容易。

我们来看看下面这个Uber的APP界面吧。用户使用这个APP的目的是为了搭上出租车,所以在这个界面中,为了不使用户感到混乱我们限制了其他情报的出现。基于GEO我们可以自动的定位用户所在的位置,用户只需要选择自己想去的位置就可以了。

提高移动应用体验的7个UX设计要点

02. 看不见的面板

内容即界面。

为了让用户着眼于内容,我们可以将一些不必要的要素进行删除。这样可以缩短用户的关注时间,将他们引导到他们所需要的内容上。

以下面的谷歌地图为例。谷歌把全部不必要的面板和按钮统统省略,将地图本身便是界面这一理念传达出来。

提高移动应用体验的7个UX设计要点

03. 充分留白。

为了让重要的内容变得注目,让我们来利用负空间吧。

负空间,又被人称为留白,指的是在设计和布局的时候在要素的四周被空出来的部分,这部分往往被人无视。虽然有人认为这是对有限空间的浪费,但留白空间对于移动应用界面设计是非常必要的元素。

不管是在提高可读性,排列内容的优先顺序,还是进行可视化操作的布局上都发挥着非常重要的作用。他不但可以简化用户界面,还能改善用户体验。

提高移动应用体验的7个UX设计要点

04.让导航变得简单。

有助于用户操作,不管对哪个APP来说都是重中之重。导航菜单不管是在哪种情况、那种屏幕下都必须很容易的就能让用户找到。让我们考虑画面的尺寸限制和内容的优先级来采用易于访问的导航吧。

标签栏作为导航菜单的代替,他可以通过一个简单的点击来实现跳转到不同的页面,这对移动端APP来说也是非常方便的设定。

提高移动应用体验的7个UX设计要点

05. 单手操作

对应大屏来设计大尺寸吧。自从iphone 6 和 6 Plus 发售之后,大屏幕已经是今后主流的趋势了。

提高移动应用体验的7个UX设计要点

下面这张图片展示了大部分人是怎样持握移动设备的。(单手操作: 49% | 一只手托着操作: 36% | 双手操作: 15%)

提高移动应用体验的7个UX设计要点

参加试验的用户中有85%是用单手操作手机的。接下来的这张热度图反映的是自2007年以后发售的IPhone的屏幕上单手大拇指所能操作的范围。正如你所看到的,随着屏幕的不断变大,所能操作的部分(图中绿色区域)正在逐渐变小。

提高移动应用体验的7个UX设计要点

为了改善用户体验,你也需要将上面的数据应用到设计之中。在制作对应大屏幕(如IPhone6或7等等)的APP时,你也需要考虑到单手能操作的范围。然后,在大拇指所能接触到的范围内配置你的导航菜单。

提高移动应用体验的7个UX设计要点

06.快速响应

显示内容,不要让用户将时间浪费在等待上。

你应该把快速启动时刻放在心上。通过后台提前运行,你可以让他看起来变得响应快速。这样做会有两个好处,用户看不见它们的加载过程且在用户实际操作之前项目就已经加载完成。一个很棒的参考案例,就拿Instagram的照片上传功能来说,用户选择好想要分享的照片时,上传就已经开始了。

提高移动应用体验的7个UX设计要点

在Instagram上传照片的时候,他还会提醒用户添加标签。直到用户按下分享按钮,照片的上传工作就已经完成了,用户可以立即分享他们的照片。

07.让推送更加人性化。

在发送信息之前多想想。

每天通过APP给用户进行大量的推送会让用户的注意力变得分散甚至给他们带来烦恼。这些让人厌烦的推送也是用户选择卸载它们的原因之一(有71%的受访者这样回答)。

提高移动应用体验的7个UX设计要点

不要识图为了吸引用户而去给他们推送消息。而是将对用户来说非常重要的消息进行整理之后,再给他们进行推送。

为了有效的给移动端的用户推送通知,我们可以使用如推送通知、E-mail、应用内通知等各种各样的手段。增加你的消息推送方式,将他们很好的结合在一起,可以让你的用户体验变得更加友好。

提高移动应用体验的7个UX设计要点

最后

在制作移动应用的时候,要将便利性(英: Useful)与直观性(英: Intuitive)这两点时刻记在心上。如果应用对用户并没有多大帮助,谁也没有理由去使用它的;如果应用很便利,但使用又需要花费一番功夫,也没有几个人会去真正学习该怎样使用的。好的UI设计和UX设计,应该将以上两点问题全部解决。

那么,一起享受设计的乐趣吧。

 

原文地址:http://photoshopvip.net/964504

翻译:丧心病狂的翻译站

译文地址:公众号:丧心病狂的翻译站

版权:人人都是产品经理遵循行业规范,任何转载的稿件都会明确标注作者和来源,若标注有误,请联系主编QQ:419297645

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

(0)
CatherineCatherine
上一篇 2017-05-10 09:42
下一篇 2017-05-10 11:33

相关推荐

  • 打造优秀语音交互体验的设计建议

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn回顾人机交互发展是「技术进步」与「载体创新」交替螺旋促进在推动着人获取信息的效率不断提升,成本不断降低。AlphaGo先后打败李世石和柯洁,百度发布自动驾驶系统「阿波罗」这一次由AI引领的技术进步正在发生。基于大量纯净数据的深度学习给人工智能带来的了巨大的进步,这种进步主要体现在三个维度。认知能力– 基于用户行为的画像,将人机交互从「单向」关系带入...

    2018-01-30
  • 交互设计的五要素:用户、行为、目标、场景、媒介

    在公众号里经常收到朋友的留言,到底什么是交互设计师?交互设计师具体是干什么的?为什么很多互联网公司都没有交互设计师这个岗位?希望通过这篇文章把交互的本质说清道明。

    2017-05-14
  • seeds对话未来丨李斌:重新定义用户体验

    对话未来丨seeds系列分享会seeds, 由蔚来原创打造,是一个分享有趣观点、新知与灵感的讲堂,它寓意着每一个思想的火花都像一颗种子,被灵感浇灌后,汇成大树。2015年3月seeds诞生,从一个面向蔚来全球员工的内部讲演平台,发展到不断吸引各行各业的主讲人,并且在蔚来App公开直播的产品。到目前为止,seeds 已举办了13场演讲。今年,seeds会走进我们各个城市的蔚来中心,成为常设活动。我们也欢迎各位用户成为seeds的主讲人。4...

    2018-05-03
  • 微信小程序设计指南 · 小程序

    概要 基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同…

    2016-09-24
  • 作品集 | 交互设计大师的成长轨迹

    致奋斗的你:又是一年花开时,中公教育优就业送走一批批优质学员的同事,又迎来了一群渴望高薪就业,改变现状的U学员。优就业学员在朝九晚九的学习作息中、六大福利的助学保障中、高配的教学设备下、高标准的食宿环境下学习IT技能......相信中公教育的学员一定可以学有所成,实现高薪就业目标!下面,就随小U妹一起来看看近一期学员“小试牛刀”的作品吧:UI交互设计作品01、UI动效展示(部分)UI动效作品展示·《小球飞》UI动效作品展示·《大憨熊》0...

    2018-04-12
  • iOS和Android规范解析——搜索

    各位亲爱的读者小伙伴们,前面一系列文章为大家介绍了各种弹出物的用法,从今天起,我们开始介绍其它的非弹出类控件。此篇要说的是搜索。

    2017-04-29
  • 响应式网页图片库设计的九个注意事项

    响应式设计 无疑是当前网页设计 领域当中,不可忽略的必要组成部分。而响应式网页中的图片显示又是老生常谈的问题,许多争论集中在响应式网站的图片应当怎么展示。继续延伸开来,那么响应式网站中的图片库应当如何设计呢?

    2017-05-25
  • 交互设计七大定律之The Law Of Proximity 接近法则

    最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交…

    2015-08-27
  • 实例分析:室内地图交互体验分析

    因为做室内定位项目,需要涉及到室内地图相关功能,故分析、探寻高德地图、百度地图APP的室内地图设计逻辑,以为项目借鉴。本文从室内地图展示,室内地图与导航栏的对应两方面来分析对比,并针对部分内容提出相关建议。

    2017-05-09
  • 探究当前数据可视化的用户体验设计趋势

    作者:Jake Rocheleau 译者:ITsCrystal   我们发现,对后台设计的技巧通常不会像普通网页布局设计那样公开分享。这是因为我们通常很难在网络上找到后台的一些样例。由于要进入后台界面都需要账户和密码,所以很多…

    交互专题 2017-08-07