BACK >
10条roid设计开发原则,教你学会app设计规范
作者:吾诺瀚卓    浏览次数:3179    日期:2016-03-17

文/产品经理马忠信

      前言:本文所说的设计原则区别于软件设计原则,属于用户体验范畴的交互设计原则,主要的读者为产品经理,交互设计师和对互联网产品感兴趣的读者。本文所涉及的10条android设计原则,出自Android用户体验团队,我会根据自己的理解和一些实例对这些原则逐个进行讲解。这些设计原则有这么用,能解决我什么问题呢?

      男人吃了强身健体,女人吃了美容养颜,肯定听过这样的广告词吧。如果各位读者不知道这篇文章能帮你解决什么问题,那我首先会解决你的疑惑,让你真正从这篇文章中获益。

      1.对于普通读者而言:凭借这些设计原则,可以满足你对一些软件“指点江山”的兴趣,试想你可以通过这些原则对自己使用的软件“找茬”的乐趣吧。因为我就很喜欢对软件进行找茬。

      2.对设计工作者而言:好处不言而喻,它可以帮助你确立设计的指导方向,你的设计工作就会有章可循了。可以有助于你更好的去观察和理解同类产品的设计思路,这样你再去分析其他产品时就得心应手很多。

一、让我着迷

      1.能够以意想不到的方式让我眼前一亮。

      这些意想不到的方式指的是什么呢?一个漂亮的界面,一个精心布置的动画效果,一段恰到好处的音效,一个雪中送炭般的提示。这些细节都能给用户带来愉悦的感觉,让用户眼前一亮。

      例子:如果是在很多年以前就使用迅雷的用户,应该对迅雷的下载完成提示音印象深刻,而作为经典的提示音,迅雷把它一直保持到今天。懒投资官网的用户登录处,设计了一个很有意思的交互动画,大家可以看下图。在输入密码前,右上角的吉祥物小懒单纯的望着你,当输入密码的文本框获得焦点时,小懒就识趣的把眼睛捂住了。是不是被小懒萌到了呢?

      2.物化的图标要比按钮和菜单更有趣这一点应该是显而易见的。

      安卓团队给出的理由是,这样的设计可以减少你在执行任务时的认知努力,让执行的过程满意度提升。

      例子:这个原则似乎已经成为一个共识,人们看到放大镜的图标,就知道是搜索,看到一个铃铛,就知道是消息提醒,看到一个喇叭,那一定是发音的地方。这样的例子我想不需要再多举了。不过在这里要提醒一句,拟物化的图标不是万能的,看下面的图。左边是line(一款在台湾地区比较流行的社交软件),右边是微信。

      大家可以看到,左边的line,它的tab标签是没有文字说明的,而微信设计团队似乎担心大家的理解能力,使用了图标搭配文字的方式。至于哪种方式更好,就仁者见仁,智者见者了。

      3.让我个性化定制自己的应用。

      这里的解释跟官方的有些出入,我就按我的理解来说吧。功能定制,让用户有选择应用的权利。

例子:这里的例子还是比较多的。我先从简单一点的例子开始说起,如果你的手机浏览器是QQ浏览器,你会发现它的首页是卡片式的设计,而且可以让你自己定制哪些内容可以在首页展示。如果你使用PC端的火狐浏览器,它的首页是方格式布局,你喜欢哪些网站,就把它放在对应方格内吧。你再深入想一想,你在使用知乎时,知乎允许你自主选择关注的话题和人。所以每个人的知乎首页是什么,完全取决于你自己!发动你的脑洞,留心自己使用过的产品,是不是很多都遵循了这么一个原则呢?

微信的功能定制

      4.让用户了解我

      逐渐了解用户的偏好。不要让用户反复做出相同的选择,将之前的选择列作快捷选择。

      这应该如何理解呢?例子是最好的老师,让老师来告诉你吧。

      例子:我先说一个吧,万恶的输入法,哈哈。除了输入法之外,其实很多地方也用到了这一设计原则。终于可以介绍我本人非常喜欢的一款应用软件了,Pocket。pocket的文章分享功能,就采用了这一设计原则。

pocket分享页

      看到排在第二位的微信图标了吧,你猜它是为什么排在了第二位的?没错,因为我之前刚把一篇文章分享到微信,它记住了我的偏好。看到一款好的产品在细节上的功夫了吗?(当然,切记一点的是,产品开发要以核心功能为主,锦上添花的事是以后考虑的)

      再来说几句,你应该经常用微信吧,你看到微信聊天页面右下角的笑脸了吧,点开试试,它有没有考虑这一点呢?看,现学现用了吧。

二、让我的生活更轻松

      5.图片比文字更直观

      考虑以图示意它们会吸引用户的注意力,并且比文字更高效。

      例子:我就用官方给出的图例吧。其实呢,这一原则是很考验设计师经验的。因为这一原则可不是什么金科玉律,适用于任何情况。你到现在也没有看到哪个软件的确定按钮,是用图标或者图片表示的吧,你可以思考一下这是为什么。

联系人头像

      为你的联系人设置一个头像,你会一眼就把它认出来的!当然,不要被现在的女朋友看到前女友的照片就好啦。

      6.仅在我需要时显示我所需要的

      如果一次性看到过多内容,用户会感到无所适从。将任务和信息细分为更小、更容易接受的片段。 隐藏当前不必要的选项,并在用户操作期间提供指导。

      这一点,跟我们比较熟知的次级功能隐藏,保持主界面足够简介这一原则有异曲同工之妙。

例子:这次我们就用Uber来作为例子吧。

uber主界面

      真是简洁极啦!打开uber,你只需要选择打车地点就行啦,简单粗暴还有效!,有了定位功能,甚至你都不需要自己选择上车地点啦!uber其他功能在哪呢?看到左上角的三条杠了吗?三条杠不哗众取宠,出来争风头的精神真是让我敬佩!

      7.我应该始终清楚自己在哪里

      让用户感到轻车熟路。为应用中的不同场景赋予不同的外观,使用过渡效果来展现屏幕之间的关系。 提供任务进度反馈。

      知道著名的面包屑导航吗?不要以为人只有在路上才会成路痴,人在软件里有时候更容易迷路。为了能保证用户原路返回,在他走过的路上,标上显著的标记吧。例子:

      你来过微信的这个页面吗?我当初就这么东撞西撞就进来了。但是我不怕迷路,我只要用左上角的指向标,就能出去啦,而且还知道我是从哪里进来这边的。这里附送一个思考题,面包屑导航和这种导航方式有什么区别呢?如果你来设计,你会选择哪种“路标”呢?

      8.决不能让我的成果付诸东流

      务必保存好用户耗费花时间创造的内容,让他们能随处访问这些内容。跨手机、平板电脑和计算机等平台,记住设置、个人手势和创作内容, 让应用升级变得无比简单。

      例子:

      在简书上写作的筒子们,你们知道简书是个NB的产品吗?当你在写文章时,你只要敲一下空格键,你的内容就被自动保存了!你还最怕什么电脑突然的死机,空气突然的安静啊。

      9.只在确实对我很重要时才打断我

      就像优秀的个人助理一样,不要让上司被一些无关紧要的琐事打扰。用户希望专注于核心任务,除非确实非常重要并且情况紧急,否则,打断用户会让人烦不胜烦。

      例子:

      你在PC端使用QQ时,一定深有体会。qq的消息提醒现在很智能化了,它的消息提醒可以设置为直接弹窗,头像闪动,消息隐藏。这一条原则,qq产品团队学的不错。

      10.到处为我提供有用的诀窍

      如果能自己摸索出花样来,用户总是很开心的。利用直观的图案以及其他 Android 应用中常见的习惯手势,让您的应用更容易学习。 例如,滑动手势就是一种不错的导航快捷手势。

例子:这是一款python编辑器软件,它在初始页面,贴心的给用户列出了一些常用的快捷键操作。

pycharm

      写在最后:如果您看完觉得对您有所帮助或者有什么问题想跟我探讨的,我非常欢迎,在下面评论处留言,我就能看到啦。关于转载的一些说明,在没有经过我本人的同意之前,任何转载行为我都会追究他的责任。如果您觉得还不过瘾,那就自己参考官方给出的设计原则,自己去找几款产品一边体验,一边理解吧。