移动应用设计的最佳实践

移动应用现在是提供内容和服务的主流方式。但在热闹的移动应用市场,面对五花八门的各种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

相关推荐

  • 用户体验 | 6个细节成就了今天的X1 Carbon 2018(下篇)

    上篇我们聊了Logo配色、ThinkShutter以及电源键设计,这一次我们一起来看看外形设计、移动便携和扩展能力ThinkPad X1 Carbon 2018在用户体验上有什么有趣的故事吧!一条曲线的神奇虽然建筑师高迪说直线属于人类,而曲线属于上帝,而逐渐读懂曲线的意义,思考曲线与直线之间合理应用,这整个的过程正是人类自我救赎和思想进化的过程。纵观笔记本变化的历史,外形和颜色往往决定着“颜值”,改变外形或者颜色设计的情况比比皆是,连M...

    2018-03-22
  • 三八XX节专题页设计该怎么玩?看这篇就够了!

    在本文中,作者将带大家看下,那些围绕着妇女节的专题页面可以怎么玩?一起来look~look~

    2017-05-07
  • 同样是券商,为什么你家APP用户体验不好?原来还有这一招...

    券业新力量 | 服务所有券业人的梦想当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放As Long As You Love MeBackstreet Boys - Backstreet's Back导言洞察用户喜好,吸引用户,留住用户,让用户满意,是所有服务业的本质。本文以行为数据切入,从三大方面、两个案例,全方位解析如何利用行为数据提升证券App用户体验。用户体验(User Experience)最早被广泛认知和提及,是在上...

    2018-03-30
  • 上海benhealth招聘实习生 150/天

    回复「简历」,送你优秀简历模板。岗位岗位实习生岗位职责参与公司移动端、小程序以及 PC 端 Web 产品的交互设计;与产品经理和开发人员共同完成产品开发。岗位要求1. 平面、视觉传达相关专业本科或以上学历;2. 熟悉 Axure 和 Sketch 等交互设计工具;3. 热衷网络文化,熟悉网络热点和主流 App;4. 良好的沟通学习能力,工作热情高,责任感强。薪资福利150 元/天工作地点上海简历投递投递邮箱:jun.pan@benhea...

    2018-04-08
  • 微信Axure原型练习和资源分享

    “我根本没把你放在眼里。”“因为你一直在我心里。”▼这是咸冬日的第叁篇文章这两天业余时间学习了axure的基本功能,做了一个简单的微信原型练练手,教程分享给大家。首先需要准备基本素材,可以从我的源文件中获取。1.设置手机主页和home热键用例。2.拖入内联框架(w273*h482),设置从不显示和隐藏边框,并链接到主页。3.设置主页交互:1)主页内拖入动态面板“内容区”(273X396),并增加4个menu状态(微信、通讯录、发现、我;...

    2018-03-10
  • 【软件安装】Axure RP 7.0软件图文安装教程

    1、会员覆盖工作、学习、生活娱乐,并不断更新更多有价值的精品软件2、安装中有任何问题请咨询小白资料网私人微信:xbzw88888888【特别推荐】加小白官方微信:xbzw88888888,就可免费领取:快速入门自学视频课程Axure RP 7.0软件图文安装教程软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的...

    2018-03-13
  • 交互设计牛校排行榜 | 纽约大学ITP研究生项目

    Create Your Difference. by CYDWHO ARE YOU?Do you love biology but also love your art classes你是否热爱生物,也沉醉于艺术and want to merge the two所以想把这两者融入Do you love programming but also like to make things你是否能编程序,也想做出真实的东西Are you int...

    2018-05-06
  • 【文创•职通车】2018校园招聘信息

    序号001未而思伯文化传媒(杭州)有限公司2007 年成立至今,经历了十年的发展,从最初的单一媒介投放板块到如今的以视频内容创作,品牌营销传播为两大核心板块。十年媒体资源、渠道积累,坚持立足浙江为中心,面向江浙沪,以传统媒体+新媒体的渠道传播组合方式。(向上滑动启阅)一、 总监助理( 1 名)职位描述:1、本科以上学历,具有良好的协调沟通能力,良好的文字功底;2、完成总监交代的任务,负责项目的对接协调统筹工作;3、负责总监的工作日程安排...

    2018-03-20
  • 硅谷设计师看苹果交互设计趋势:如何适应大屏?

    来源:用户体验联盟 本文作者:Jiaxin Yu 苹果终于顺应市场潮流,推出了大屏手机,而且销量前所未有的火爆!苹果大屏手机的推出,必然影响其交互设计的改变,其中有怎样的趋势?请看硅谷设计师的看法! 今年夏天,…

    交互设计 2014-10-11
  • 手机交互设计中的“拇指法则”

    你有没有遇到过一款APP让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更学术化点说,没有考虑到“拇…

    2017-08-03