如何做简单又高级的设计?这21个设计方法总结的太全面了,必须收藏!界面设计产品设计

让设计的产品体验简单好用是我们的目标,但如何给设计做好减法,让设计简单而非简陋,也是我们需要不断思考的问题。

现如今企业都在不断追求打造简单好用的产品,期望在产品中有更多的功能,更新的技术以及更强的能力但仍然能有一个非常轻量和简单使用体验。

但通常情况下,做减法反而是最难的事情。

一、如何定义”简单“?

我们可以把简单定义为容易理解,不难做到的事情。然而简单是主观的,某些事情对某些人来说简单,但对另一些人来说又会很难。一般来讲,我们对任何简单或复杂的过程形成个人意见,大致分为三个阶段:

为用户在实现他们目标的路上消除困难,帮助他们轻松的到达目的地。JohnMaeda在《简单法则》一书中提出了在商业、技术和设计中平衡简单与复杂的十条法则,核心思想就是希望做更少的动作但得到更多。

Maeda是MIT媒体实验室教授,也是世界著名的图形设计师,他一直在探索如何重新定义”改进“的概念,使得这个概念不再人云亦云。这本书非常不错,所以推荐大家去看看。

二、什么是复杂的?

谈到简单的时候,需要考虑到它的反面范围。简单或是复杂是比较主观的感受。经过适当的培训,即使是造火箭都可能不会那么难。但有几个因素会使非常简单的任务复杂化。在产品设计中,应该尽可能地避免以下这些情况:

我们应该如何应用到产品设计中?

1)建立产品的核心价值

有许多产品都希望尽可能地满足所有用户,然后成为行业中领头羊。如果你希望你的产品变得简单,就需要定义产品的核心价值,并且确定你真正想要服务好的用户群体。不是每一个产品都需要内置一个facebook。

2)移除掉任何不必要的元素

变简单最直接的办法就是深思熟虑地做减法。当你犹豫这个元素要不要拿掉时,拿掉就好。次要信息,不经常使用的控件需要处理,把样式尽量弱化。就是这么简单,一旦你使用这个原则后,效果是立竿见影的。只是你需要考虑清楚,哪些需要移除掉。

简单不意味着没有复杂的功能,只是在结果上简单。简单是某种程度上描述一个物件和产品的目标及位置。不复杂是说产品本身的功能设计不是杂乱无章的,要做到这一点并不简单。“——JonathanIve(苹果的乔纳森)说。

3)数据转换为更直观的样式

我们日常设计的大多数产品都聚集在用户需要理解的大数据上,以便有效地执行他们的日常任务。当你知道用户对于趋势和变化更有兴趣,把数据可视化会比单纯的数字表格对用户来说更有帮助。在数据图表中,还可以根据需要显示更多有价值的信息,并将这些直观呈现在用户的面前。

4)支持快速决策

5)太多的选择会吓跑用户

当前的心理学理论和研究肯定了个人选择对情感和动机的积极影响。这些发现导致了一种流行的观念,即选择越多越好——人类管理选择的能力和欲望是无限的。但在现实中,研究证明了相反的情况。Jam实验是消费心理学中最著名的实验之一,减少消费者的选择有利于销售。重要的是,研究表明准确地提供较少的选择可能会提高你的销量。

这个实验似乎证明了,与选择较多的顾客相比,选择较少的顾客购买的可能性是前者的10倍。它一直是选择过多的一个关键例子,即给顾客提供太多的选择实际上会抑制顾客购买。

6)在有多个选择的时候提供建议

7)将用户的注意力吸引到正确的区域

8)使用颜色和排版来传达内容的层次结构

你应该经常能听到——”用户不喜欢阅读“。这没错,我们对能记住和对需要深入了解的东西是有选择性的。如果你曾经一个字都不愿意读就选择同意了用户协议,你肯定懂我的意思。有许多因素会影响传达:字体类型、尺寸、字间距、行距、大小写、颜色。用这些要素来组织内容的结构层次,使用正确的颜色和字体,将能够增强品牌感,使其更好地被识别,更有吸引力和记忆。

9)合理的组织能够帮助系统看起来更简单好用

组织好的元素不仅仅好认,而且还非常好记。不论是操作什么样的产品,记住所有控件位置和功能非常重要。让我们做另一个小练习,一分钟前,你还在认真的数两张图中的点,现在请你回忆下两个正方形中的每个点的位置。对大多数人来说,回忆这种无序的结构几乎是不可能的。

10)将内容分组

11)把大任务分解成小步骤,尝试用一列来布局

现在几乎每个产品中都有不同的表单,为了收集你的资料。有时候即使去掉所有不必要的东西后,它依然会很复杂。这些表单会让用户失去完成的动力。所以我们能做的就是把这个大任务分解成一系列的小任务。眨眼间,把这个过程进行到底似乎变得容易多了。完成小的子任务会给用户带来一部分内啡肽和继续进行的满足感。在设计这个表单时,用单列布局替代多列布局。单列布局更容易填写。这样用户就不大需要考虑下一步要填什么,只需要沿着直线向下移动填完就好了。

12)及时告知进度和当前状态

不确定性让我们感到焦虑,在操作过程中应该尽可能地给用户确定的信息。用户需要知道他现在的位置,下一步要做什么。常驻一个信息进度摘要会是一个非常棒的做法,能让用户降低认知压力,并能方便退回前一步确认信息。

13)帮用户自动计算

人类大脑不擅长涉及数字的原始计算。尝试让系统自动完成所有计算对用户来说会有更好的体验。

14)采用渐进式呈现复杂信息

15)设计普遍接受的模式和交互

16)设计一个精简的新手引导

设计的主要目标是为了将用户与产品提供的价值联系起来。任何阻挡在用户和他实际操作之间的东西都是障碍,除非它服务于功能性需求。首次体验对于产品来说非常重要,我们人类会很快形成对产品的看法,当我们不满意就会立即离开。你在第一次操作时,即使是最简单的任务也可能是一项挑战。有时在我们操作产品之前需要额外的学习。在数字设计中,用户期望的是产品应该足够简单易懂,他们希望根据需求得到帮助,或者在出现问题时得到帮助。提供上下文帮助,而不是预先为用户提供学习材料,设计一堆引导页。

17)牢记人体工程学和使用产品的环境

简单,正如我们已经定义的,你可以多么容易地使用产品。人体工程学是设计、产品和系统的考虑因素,以使它们适合操作它们的人。大多数人认为这与座位或汽车控制装置和仪表的设计有关,事实确实如此。但它的意义远不止于此。人体工程学适用于任何与人有关的设计,包括数字产品。

18)支持内联编辑和自动建议值

删除每个流程中所有不必要的交互、视图和步骤。用户操作系统有一个最佳速度,它被称为“心流状态”。不要用弹出窗口打破这种流畅。对于以后可以更改的所有操作/值,尽可能支持内联编辑。当有大量值可用时,应当自动建议值。

19)使用智能默认值来减少认知负荷

20)预防错误

错误消息会带来很大的压力,让用户觉得他们搞砸了或者不能胜任任务。确保自动检查输入的数据,并对不适当的数据输入提供警报或提醒,以减少错误。要么消除容易出错的条件,要么检查这些条件,并在用户提交操作之前向他们提供确认选项。应使用强制功能保护破坏性和不可恢复的操作,以确保用户意识到他们的选择将产生的影响。

21)无障碍设计

作为一名设计师,你的目标是维护易用性,确保你的产品能够被更广泛的受众所访问。全世界有超过10亿人有残疾。不要把颜色作为传达信息的唯一视觉手段(彩云注:增加图标不仅仅是为了好看,也为了提升操作的识别性)。确保文本和背景之间有足够的对比度,支持键盘导航等。可访问性并不局限于具有某些不同能力的一组用户,当针对可访问性进行设计时,你将改善每个使用产品的人的体验。

三、总结

原文作者:TarasBakusevych

译者:彩云Sky,腾讯高级视觉设计师;公众号:彩云译设计

本文由@彩云sky翻译发布于人人都是产品经理,未经许可,禁止转载。

THE END
1.做造价的最后都转行做什么了可以转行设计行业。随着中国市场经济快速发展,国内文化创意市场的不断升温,平面设计行业得以蓬勃发展,市场前景广阔。随着市场越来越走向规范化、行业化,公司及其产品越来越重注其形象品牌包装,平面设计是任何企业和公司都不可缺少的岗位之一。 作者:shmily 链接:https://www.zhihu.com/question/267876086/answer/1549420612https://xue.baidu.com/okam/pages/strategy-tp/index?strategyId=138228841309923&source=natural
2.谈谈「设计」产品/平面知乎话题产品设计文章浏览阅读801次,点赞11次,收藏15次。好不好看我认为主要有几个因素。_知乎话题产品设计https://blog.csdn.net/u010604770/article/details/140422188
3.知乎LOGO设计分析收到线报称,国内知名在线问答社区「知乎」于近日设计了五款新LOGO方案,并进行小范围问卷调查,收集有关设计想法和意见。五组图标分别有LOGO和桌面图标两种形式组成,每款设计均使用了知乎的蓝色主色调,不同的区别在于「知乎」两个字体的调整以及象征对话和互动的气泡符号的应用。 https://www.thekeybrand.cn/136476.html
4.知乎创意总监Dine设计团队创始人@disinfeqt:设计音乐我是杜潇,知乎的创意总监以及设计团队 Dine 的联合创始人。我们为知乎设计了第一版界面,现在我来到了这家公司负责产品和设计。 2. 你平时做设计时的流程是怎样?对于设计,可以谈谈设计中曾经最触动你的东西吗? 设计最重要的作用是表达想法和解决问题,我做设计的目的是为了把脑子中混乱的场景视觉化。大部分时候我没https://www.cnblogs.com/lexus/archive/2012/06/12/2546796.html
5.设计素材知乎图片设计素材知乎图片大全智能精选为您提供丰富的设计素材知乎图片素材,设计素材知乎图片素材下载。助力您对于设计素材知乎的创意设计灵感,充实饱满作品,查找更多作品选择摄图网下载https://699pic.com/image/shejisucaizhihu.html
6.知乎吉祥物设计原儿啊知乎吉祥物设计 原儿啊 北京/平面设计师/10年前/961浏览 版权 2月参加知乎网站的吉祥物设计,设计到一半后来就跑去玩了,结果在截稿的最后一天晚上拼命赶工,以后再也不这么懒了。 3 原创作品平面IP形象 09:29:24 15:57:49 04:46:07https://www.zcool.com.cn/work/ZMzIxMTMzNg==.html
7.知乎logo设计知乎logo素材知乎logo图片觅知网为您找到4215个原创知乎logo设计图片,包括知乎logo图片,知乎logo素材,知乎logo海报,知乎logo背景,知乎logo模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于知乎logo素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺术字、https://www.51miz.com/so-sucai/1944244.html
8.知乎:日本设计≠性冷淡,来看看设计之神佐藤大是怎么做到的!你可能知道 MUJI,知道原研哉,知道深泽直人,能感受到在简单中追求极致体验的日本设计,也能感受到那扑面而来深深的性冷淡气息。 如果你深爱这种朴素美感,那我只能说,You need a small ” ! ” moment in your life. 「我喜欢我的设计很简单,」 佐藤大说,「但我不想让他们冷漠,他们还需要一点幽默感和友好。」https://www.digitaling.com/articles/18021.html
9.知乎Logo设计心得本文介绍“logo设计 知乎”,旨在帮助大家更好了解logo设计 知乎和学到相应知识,并且能找到合适的合作伙伴,愿对您有用。 Logo设计是一个关乎品牌形象和识别的重要方面,而知乎作为一个知识问答社区,其Logo设计更是具有独特的意义。本文将围绕"logo设计知乎"展开,介绍知乎Logo的发展历程、设计原则、知乎的标志性配色及其http://www.sz4a.cn/news/20240117211453.html
10.知乎整理视觉设计师如何提升自己的能力?视觉设计师也会迷茫,遇到瓶颈了该怎么办?一方面不想发展成管理者,想做高等级的设计师。另一方面对未来总还是有点不知道如何进行下去的感觉。如果你也是这类的设计师,就算找对朋友了! 以下是“知乎问答”中对本问题的回答。 ? 一:设计行业背景 @leongao,多媒体设计 https://www.jianshu.com/p/e5a28794b352
11.知乎logo设计秘密揭秘知乎logo设计一般分为文字型logo、图形logo和图文结合型logo,不同形式的logo设计有不同的好处,比如文字型logo简洁清晰好注册,而图形型logo识别记忆性更强,感染力更强。知乎logo设计分为抽象型和具象型,抽象型想象空间大,具像型直接粗暴,记忆深刻。如何设计知乎logo设计,是一个设计师和企业主都很关注的话题。 http://www.chinalhcz.com/news/20231205131058.html
12.在线做设计的网站UI/UX设计有哪些“宝藏”般的设计网站? 作为一个工作多年设计师,花了三天都时间把自己都这几年书签整理收集的网站整理了出来给到大家,(书签近200多个设计网站,此回来因篇幅问题并未全部展示)此回答偏向互联网设计师,其他方… 唐寅发表于唐寅聊设计 正在找工作的设计师,你需要一个人作品网站 bingxueling UI设计常https://zhuanlan.zhihu.com/p/89834586
13.知乎图标表情包设计图案大全熊猫办公精心为用户挑选12张高清精美知乎图标图片、支持专业级知乎图标设计素材下载,更多风格的知乎图标,免抠元素,卡通手绘素材图片、图标图案、免抠矢量图,尽在熊猫办公。https://www.tukuppt.com/speciall/zhihutubiao.html
14.哈啰新LOGO撞脸知乎?官方:这是设计师想秃头做出来的!哈啰品牌升级,LOGO撞脸知乎? 先来看看新旧对比图: “哈啰出行”更名为“哈啰” ▼ 原本的LOGO提取了首字母“H”,以具线条感的形式设计呈现道路的感觉,并搭配品牌名“哈啰出行”倾斜字体设计。 而新LOGO去掉了图形“H”,直接采用“哈啰”两字的简洁设计,更加突出品牌名称。 https://weibo.com/ttarticle/p/show?id=2309404762505284288919
15.以知乎为例,分析注册登录的流程设计●可以看出知乎的第三方登录是有意被弱化的,作为一款问答类社交软件,用户帐号体系还是很重要的。第三方帐户并不能提供什么有效信息,所以这个做法也是为了保证构建有效的帐户体系而设计的。 ●知乎手机端并没有设置游客模式,用户在未注册时无法了解app的详情。这也是我不太理解的一个点,因为毕竟知乎大V有限,还是有很多https://www.niaogebiji.com/article-13095-1.html
16.设计师被列入“高危人群”,你中招了吗腾讯云开发者社区据知乎对设计师工作的调查结果显示: 工作时长:周工作时长大于70小时的竟有21%的人群!平均每天工作时间至少为14个小时。 连续无休:93%的人都得不到法定的休假时间,其中有14%的设计师连续工作40天以上。 通宵达旦:未通宵工作的设计师仅36%,通宵早已是家常便饭, https://cloud.tencent.com/developer/news/480645
17.知乎新图标怎么回事知乎新图标一览知乎APP新LOGO设计,估计想通过简化LOGO设计元素,强化气泡对话框元素的方式,来体现知乎是网络问答社区的属性。不过,高瑞品牌觉得,知乎的蓝色文字LOGO设计已经在人们的心智中留下了不可磨灭的品牌形象,不管是跟风,还是真的出于某种长远的战略发展眼光来升级品牌LOGO设计,还是要慎重考量。 https://app.ali213.net/gl/490885.html
18.javascript高级程序设计知乎javascript高级程序设计(第三版javascript高级程序设计知乎 javascript高级程序设计(第三版),一、JavaScript简介    1.1javascript简史    1.2javascript实现       +javascript是一种专为网页交互而设计的一种脚本语言,jahttps://blog.51cto.com/u_12970/6827616
19.一兜糖屋主和知乎网友对30个家居设计不合理的地方,集体Say“NO针对家居中设计不合理的问题,问答社区知乎上已经有199个用户在上面吐槽,为了节省大家的时间,糖主结合一兜糖屋主的回答为你们精选了下面30条。如果你仍在装修,那些惨痛的装修教训一定要吸取啦!如果已经装修完了,看看下面的帖子看能不能找到补救方法,让你的家越住越舒服。 https://www.yidoutang.com/guide/detail/tid/9721/private/1
20.那些丑丑的应用图标,设计它们的人是怎么想的?因此在将其作为应用图标时,设计师通常会考虑从字体、形态等角度去修饰它,让它变得容易被接受。拿知乎举例,为了避免“知”字对用户造成审美疲劳,知乎设计师对“知”字右边的“口”进行了斜角特殊处理,让“知”字看起来不至于太过生硬。 此外,“内容社区”的属性也帮助知乎用户更多将注意力放在了图标之外的地方。https://www.pingwest.com/a/46770
21.知乎知学堂AI绘画设计师课程虚假宣传退款纠纷知乎知学堂我于2024年5月27日在知乎AI绘画设计师全能就业变现直播课试课推销宣传下购买了其3980的AI绘画设计师全能就业班---0527期(原价6980,优惠3000},在学习过程中发现其存在诱导消费、虚假宣传,教学质量差等问题,要求其全额退款,被拒绝。其存在以下问题: 1,诱导消费:在直播推销课程的时候 ①大圆老师和助教老师推送都明确https://www.xfb315.com/tousu/97606004