产品设计的四大原则:清晰、流畅、统一、美观

设计绝不是简单的拼合,排列甚至编辑;设计是通过阐明,简化、明确、修饰,使之庄严,有说服性,甚至带一点趣味性,来赋予其价值及意义。

今天抽空来说说大家比较关心的问题,就是所谓的设计原则。很多人把设计原则都想得很复杂,还别说,它真的挺复杂,但是对我来说它就是四点:

清晰

流畅

统一

美观

重要性也是按这个顺序来排列,那么下面我们一点点来说说。

清晰

何为清晰?对任何产品而言,界面“清晰”是最为重要的一点。人们必须能够辨别出它是什么,才能有效地使用你设计出来的产品。而在设计的过程中相信大家经常会被产品的需求搞得蒙圈,最后出来一个乱得连自己都会吐槽的界面。设计师在设计产品时,真正要做的应该是去关心用户使用产品的原因,去预测并观察用户使用产品时的行为然后快速做出反馈。

产品在设计之初就应该定位清晰,明确自己的受众群体,设计出符合目标用户的产品。这样才能留住用户,让用户对产品更有期待。

但是每类应用的需求不同,受众群体也不同,所以每个设计师在设计产品时都会纠结怎么把产品做到清晰。比如摄影产品,打开就是快门和取景框,相信大家都懂得怎么用,这类工具类应用很简单的就能做到清晰。再说社交类应用,微信打开界面大家都能知道聊天框和标签栏的作用,这类产品说难也不难,毕竟同类产品还是很多的。其实最难做好的,还是购物类应用,不知道为什么,这类产品总是喜欢把界面元素设计得又多又乱才肯罢休,可能是我们的文化背景和生存环境导致的吧。但是话说回来,这么多类应用都要根据自己的产品定位来设计,每个产品定位的清晰性都是不同的。

所以要做到产品设计清晰,必须让目标用户在符合产品条件的基础上,去正确的理解产品界面。不需要思考就对界面的设计有所了解;或者是让用户通过产品简单的提示或帮助说明,就能够理解产品界面,并进行使用。

要做到这点就要让用户知道自己目前处于什么位置,并知道自己能干什么或要干什么。其实这些说起来很简单,但是要做到却并不容易,所以对用户的研究必不可少,让产品定位精准,明确目标用户等等,都是非常重要的步骤。这也是为什么清晰是产品设计原则中最重要的原因。如果能做到这点,即使页面再多,也不会让用户觉得不知所措。(当然页面数量还是有点影响的)

流畅

在保证了产品界面清晰的前提下,界面的流畅性可以让用户和产品之间产生良好的互动。一个优秀的产品,在用户使用的过程中不仅不需要复杂的学习就能使用,而且还能高效的使用。

如何保证流畅性?很简单,就是突出产品的核心。

我们生活在一个快速发展的时代,做任何事情都容易被打扰,导致过程中断。所以想要留住用户,必须让用户没有负担且帮助用户快速完成任务。这样才能赢得用户的尊重。

想必所有人都在网上买过东西,不说远的,就说说外卖。每当我们打开一款外卖App看到最多的永远是商家吧?这些商家的排序是从距离最近的到距离最远的,然后排除无法送达的。其实我想说:用户会关心距离远近么?不要每次让用户打开你们的App时都是出现一样的排序,记住用户点餐时商家的记录以及筛选出类似的商家排在前面才是用户关心的。这样不至于每次打开App都要去重新搜索或翻半天记录或者是找订单。如果用户记不住商家名称呢?如果用户不想点这家的但是想点同类的食物呢?

保持使用流畅的另一个说法就是高效。让用户快速的完成任务,才是App存在的理由。也不要以为用户点了下单就不想删减购物车的东西,留个路口让用户删减多余的商品而不是返回去重新操作。

流畅不是让用户别无选择的去执行你设计的任务,而是引导用户去做正确的选择。不要害怕让用户掌握一切,也不要觉得你的设计就是显而易见,这世上从来没有显而易见的事情存在。

统一

让页面保持一致性。很多设计师在设计产品时,都会把统一性抛之脑后。统一性在设计过程中至少要做到:视觉、交互、结果统一。这样不仅可以降低用户学习成本,还能让开发节省不少时间来做那些必要的东西。

经常有人会问一些关于界面设计的问题。而发出来的界面很多时候都是前后不统一,上个界面的下一步还在左边,到了下个页面就到了右边了,问他原因就说:这个界面的排版这样放更好看点。其实这样的回答很不专业。

在做产品时,统一性是非常重要的,它是清晰和流畅的结果,要求做到自然而然的效果。能够通过巧妙的布局,来降低用户的认知负担。相信大家都听过一句话:好的设计都是看不见的。这里说的不是真的看不见(要真看不见还搞啥),而是说让用户察觉不到它的存在是多余的。要做到统一不仅要做到均衡的构图,让画面整体具有稳定性,还要透出空间感,不会使得用户觉得在使用的过程中产生拥挤的念头。而创新并给用户带来惊喜就是后话了。

美观

其实美观没什么好说的,因为每个人对它认知是不同的。新人觉得美观是把一个界面做到漂亮;而资深设计师就知道美观是让界面的设计无瑕疵,整齐,细节完美。

简单来说说美观的几个方面:

文字:一个界面要做到信息阅读流畅,符合人们阅读习惯。

颜色:不要为了突出设计感,就采用夸张的颜色来设计,有时候简单的搭配反而更能体现出产品的功能。

图标:大家都说一个交互设计师的功底是看交互设计文档,那么一个UI视觉设计师的功底看什么呢?没错,就是图标。

布局:有时候一个界面的布局好坏不能完全看交互设计师,这里面视觉的设计至关重要,即使做得再烂的布局都是可以通过视觉设计师来逆转乾坤的(不包括捣乱的那些孩子)。

再提一个点,动效,当然动效也属于美观中的一种。近年非常流行动效,很多设计师沉迷其中,然后在自己的产品中加入各式各样的动效。其实,动效是是一把双刃剑,这里也不详说了,大家有需要我可以单独出一篇动效的文章。只要在设计的过程中把控好度,动效是可以起到美化产品的作用的。

总结

说完上面这四个原则,大家可以联系自己的产品去想想是不是这么回事。清晰>流畅>统一>美观,一个好的产品一定是按照这个顺序来设计产品的。在做设计之前一定要理解需求再下手,如果你的界面已经满足需求,就不要再加入其它元素了,千万不要觉得页面太简单东西太少,我就要加入其它东西来充实,这样很傻。

如果之前没有考虑到这四个点来做设计,那从现在开始好好想想自己应该怎么入手。

清晰,理解需求;流畅,明确用户目标;统一,界面元素保持一致;美观,做到简约而不简单。

本文转自

产品中国

作者:呆呆

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

推荐阅读更多精彩内容