|
文／产品经理马忠信 前言：本文所说的设计原则区别于软件设计原则，属于用户体验范畴的交互设计原则，主要的读者为产品经理，交互设计师和对互联网产品感兴趣的读者。本文所涉及的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 写在最后：如果您看完觉得对您有所帮助或者有什么问题想跟我探讨的，我非常欢迎，在下面评论处留言，我就能看到啦。关于转载的一些说明，在没有经过我本人的同意之前，任何转载行为我都会追究他的责任。如果您觉得还不过瘾，那就自己参考官方给出的设计原则，自己去找几款产品一边体验，一边理解吧。
| 
发表于 2016-4-27 09:52:10