如何做简单又高级的设计?这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.21设计名字从何而来发布 21设计名字从何而来 贰壹设计 发布于:广东省 2024.05.04 15:09 +1 首赞 收藏 21设计名字的由来#21设计 #情景设计 #别墅设计 #公司名字#私宅设计 #21CT #平面布局 #情景布局 #我们的情景家 #何见风@何见风@21SJ环球观 @供道改造家 @彭妮教改造 @21设计-邹工 推荐https://www.sohu.com/a/776194231_636327
2.版式设计良心丨我用20个方案,告诉你万能网格用法由Oskar Schlemmer设计的包豪斯标志 最初,包豪斯并不是某一种设计风格的代称,它是一所工艺美术学校。其在1919年,于德国魏玛由瓦尔特·格罗皮乌斯建立。当然,“Bauhaus”这个词也是由他创造出来的。 包豪斯在德索的新校舍 Walter Gropius,包豪斯创始人 包豪斯的出现是颠覆性的,它直接摒弃了当时以服务权贵为目的,重装饰https://zhuanlan.zhihu.com/p/506409238
3.21设计的微博21设计:两栋镜像联排别墅,如何生成1400㎡独栋情景别墅? ?收藏 转发 评论 ?赞 c +关注 21设计 2021-11-15 11:29 来自微博weibo.com 发布了头条文章:《三百多位设计师见证了它从毛胚到完工 |《王小妞情景家》21设计出品》 °三百多位设计师见证了它从毛胚到完工 |《王小 ?https://weibo.com/573311021
4.东京2121设计视野游玩攻略21安藤忠雄和三宅一生共同创建的21_ 21设计视野 倾色之城 ?1175 六本木新城旅游攻略来啦 热爱旅行的小秋 ?6039 沙坪坝写字楼里的超高性价比眼镜店|沖呀 寶貝胖嘟嘟 ?586 东京看展隐匿在六本木的安藤忠雄与三宅一生杰作 PetiteJac ?1273 打卡东京最先锋的美术馆21_21! 21_21 https://gs.ctrip.com/html5/you/sight/294/1413240.html
5.二十一世纪设计教育之展望行业资讯20世纪90年代以来,设计领域,处在了信息社会、网络社会的再度演变过程之中。设计之价值应随社会价值的变化而变化。本文试从上述观点出发,展望21世纪设计环境、内容、方向的变化,并以文献资料为基础,能动地阐述对应这些变化的设计教育内容与方向。 一、21世纪的设计和环境 http://www.333cn.com/shejizixun/200628/43495_80619.html
6.M21设计中心M21设计中心会议酒店年会场地预订M21,1600平,是由Unispace Design、Archifound和美觉美作携手打造的“设计中心”,是集结国内外知名独立设计师圈层、汇聚各界名流的圈层盛荟。M21包含美学设计圈、物料图书馆、城市会客厅等功能空间,在这里,我们探讨设计、研究材料、精造工艺,我们悦享圈层沙龙、艺术盛宴、思想峰会、先锋展览,让智慧、创意、人脉、眼界在https://m.huixiaoer.com/view/hotel-86199194
7.日本最具设计感的美术馆21_21 DESIGN SIGHT 21_21 设计视界 建筑设计:安藤忠雄 建筑面积:1732平方米 时间:2007 ▲ 21_21设计视界入口广场 ▲ 21_21设计视界总平面图 21_21 DESIGN SIGHT 的名字源于一个有趣的逻辑。在英语中,完美的视力是“20/20”,所以21_21 意味着超越一般的敏锐眼光和洞察力,这正是在设计上不可缺少的能力。https://www.douban.com/note/508434652/
8.21世纪设计:从大众到前沿新设计《21世纪设计:从大众到前沿新设计》是2011年同济大学出版社出版的图书,作者是马库斯?菲尔斯。图书目录 中文版序 前言 导言 建筑设计 室内设计 家具设计 灯具设计 家居用品 产品设计 服饰设计 视觉艺术 城市设计与城市景观 内容简介 《21世纪设计:从大众到前沿新设计》紧跟时代潮流,全面展示了最前沿的设计及绚丽https://baike.baidu.com/item/21%E4%B8%96%E7%BA%AA%E8%AE%BE%E8%AE%A1%EF%BC%9A%E4%BB%8E%E5%A4%A7%E4%BC%97%E5%88%B0%E5%89%8D%E6%B2%BF%E6%96%B0%E8%AE%BE%E8%AE%A1/16342445
9.java21种设计51CTO博客已为您找到关于java21种设计的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及java21种设计问答内容。更多java21种设计相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。https://blog.51cto.com/topic/java21zhongsheji.html
10.21种字体设计技巧文字作为我们的语言,除了用来交流外也可以用来传播,那么衍生出的基本形状的字体设计就是其中一种,这个对我们设计师来说并不陌生,我们知道很多广告牌、banner、LOGO等等都有中英文字体设计,但是呢,很多小伙伴在做到字体时说不会设计,无从下手不知道怎么展开设计,那今天就出一篇教程,谈谈字体设计到底可以从多少种方法入https://www.17font.com/news/201cfa0c8c3d44f282d2d8ab91b1245f.html
11.i21logo设计欣赏国外知名公司标志范例i爱给网提供海量的元素合辑资源素材免费下载, 本次作品为ai,png 格式的i-21 logo设计欣赏 国外知名公司标志范例 - i-21下载标志设计欣赏, 本站编号37277996, 该元素合辑素材大小为63k, 更多精彩元素合辑素材,尽在爱给网。 浏览本次作品的您可能还对 其他矢量图矢量图 感兴趣。https://www.aigei.com/item/i_21_logo_she_j.html
12.东莞logo设计设计师专用术语一头雾水?听起来很可怕?但出血是指,图像超出了其打印边缘,因此需要在前期设计时预留一些空间。 21、像素 像素是形成图像的方块,它是成像的基础元素,图像具有的像素越多,分辨率就越高。 22、裁切 裁剪图像和照片中不需要的部分,以改善构图、取景,突出显示特定主题或修改图像的宽高比。 http://www.bigaovi.com/News/page_9_10_1335_5.html
13.广东2022年1月自考09235《设计原理》真题及答案21.现代设计的基本元素包括(ABCDE) A.线条 B.空间 C.色彩 D.肌理 E.材料 22.艺术思维特征是(ABCE) A.以形象思维为主 B.包括灵感思维在内 C.非线性思维方式 D.具有强烈的逻辑性 E.用典型化、具象化的方式进行概括 23.设计“三部曲”指的是(BDE) https://www.exam100.net/html/2023/wxl_0322/42284.html
14.C程序设计MOOC中国第20讲 设计函数-函数间的数据传递(1) 课后测验:设计函数-函数间的数据传递(1) Chapter 5 Quiz - Function (Only for NPU international class) 1.对象作用域概念 2.多模块下的作用域设计 资料片:排序算法比较 第21讲 设计函数-函数间的数据传递(2) https://www.mooc.cn/course/8804.html
15.美术生可以学习的设计类专业有哪些?21、形象设计 形象设计(Image design)也称形象顾问,大多以人体色为基本特征和人的面部及身材、气质及社会角色等各方面综合因素,通过专业诊断工具。 22、数字出版与展示设计 主要培养数字出版与数字展示两方面的专业人才,包括展示空间设计、舞台灯光设计、实验媒体设计、多媒体绘本设计等。 https://www.youkee.com/news/34810.html
16.21号方案的设计构思【摘要】:<正> 21号方案规划中进行了如下探索: 一、“城市型农村集镇”还是“田园式农村集镇” 农村集镇建成“城市型”还是“田园式”是二种不同的构思方式,前者认为规划必须和经济发展紧密地联系起来,后者的规划思想主要有感于城市居住环境的日益恶化。在五乡规划中,我们采用了前者。 https://www.cnki.com.cn/Article/CJFDTotal-JZXB198304003.htm
17.设计资讯丨重构设计21世纪的红绿灯新的设计考虑到行人,行人面板比交通灯短,位于交通信号灯下方,更靠近步行者和骑自行车者的视线。还会有简单的动画,说明行人什么时候可以穿过繁忙的街道,什么时候应该停下来等待车流通过。 摄像头内置于交通灯的遮阳板中,可以分析道路情况并密切关注周围的车辆流量。 https://www.daye.hk/index.php/news/read/id/1113
18.平面设计岗位职责(精选21篇)平面设计岗位职责(精选21篇) 在当今社会生活中,大家逐渐认识到岗位职责的重要性,制定岗位职责能够有效的地防止因为职位分配不合理而导致部门之间或是员工之间出现工作推脱、责任推卸等现象发生。我敢肯定,大部分人都对制定岗位职责很是头疼的,下面是小编收集整理的平面设计岗位职责,欢迎大家分享。 https://www.yjbys.com/hr/gangwei/3957410.html
19.桥梁设计工具下载CSiBridge21(桥梁设计软件)v21.1.0特别安装版CSiBridge 21是一款非常实用的一体化3D桥梁分析、设计和评估解决方案,可以轻松完成您的项目,在提高效率和产力的同时还能够达到您理想的效果,保障工程质量,该软件集成了桥梁结构的建模、分析和设计,所有的任务都能方便快捷地实现,感兴趣的朋友不要错过了。 https://www.jb51.net/softs/702707.html
20.2021年德国iF设计金奖出炉(完整版),中国喜提18件!这款支架专为青少年和女性设计,可以隐蔽地穿在衣服下面,更舒适更有效。 12、LIVALL EVO21 / 智能自行车头盔 设计:RUMA 设计,西班牙 制造商:Qianhai LIVALL loT ,西班牙 LIVALL Evo21是一款公路自行车头盔,流线型设计可减少空气阻力和汗水。头盔上有前灯和后灯,可小范围照亮和警示后方来车。 https://www.digitaling.com/articles/434447.html
21.艺术设计学院主要导师简介–华南农业大学珠江学院何新闻,教授,博士生导师,华南农业大学珠江学院艺术设计学院院长,中国美术家协会会员,中国工艺美术家协会会员,中国建筑学会室内设计分会会员,华南农业大学学术委员会会委。主要研究室内设计材料表现与应用;环境艺术设计材料结构与应用。“广东省纺织服装专业镇发展研究战略研究“(2007广东省科技厅重大课题);’“广东省纺织服https://www.scauzj.edu.cn/ejxy/ejxy_sjxy/ejxy_sjxy_szll/15291/