不懂APP如何设计?送你10条Android设计原则

前言:本文所说的设计原则区别于软件设计原则,属于用户体验范畴的交互设计原则,主要的读者为产品经理,交互设计师和对互联网产品感兴趣的读者。本文所涉及的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


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容