赞助商
立即赞助

产品简化改版怎么做?资深设计师的 21 条实用建议

产品经验3年前 (2021)发布 流光
2.5K 0 0

编者按:这篇文章自 Taras Bakusevych 的文章《How to simplify your design》

如今数品,在不断迭代过程,会加入更多功能,添加更多技术支持,更新进阶特性。而另,企业于构简单实用品,也样常着迷。这毫疑问是存在微妙抗和冲突——如何让更好更多信息,以更加轻量易用呈现出来?这涉及到品简化改版技巧了。

到底怎么算是简单?

让品变简单,其实件困难事情。

可以将「简」定义为「更加易于理解或完成」,或者是「不困难」。值得一提的是,简否,它是主观的,对于一个人而言简,对于另一个人而言不一定简。通常,是通过下面的三个步骤来判断一件事情是简还是困难:

产品简化改版怎么做?资深设计师的 21 条实用建议

在《简法则》当中,John Maeda 提供了10条法则,这些法则能够帮你衡商业、术、计所带来的复杂性——更通俗的来说,就是如何理简化但是能收获更多。

产品简化改版怎么做?资深设计师的 21 条实用建议

The Laws of Simplicity, John Maeda

Meada,为省理工媒验室的教授,他也是举世闻名的平面设计师。在书中,他非常慎重地探讨「改进」一概念,在他看来,它通常并不总意味着「更」。无论是对复度,还是简化,只是相对概念。结合合理的培,培造火箭的科学家也不是难,但是总有一关键的因素,让简单的情变复,在设计中我们应该尽量去规避它们:

产品简化改版怎么做?资深设计师的 21 条实用建议

么,我们在具的产品改版中,要何合理地简化呢?下面,是我结合原则来总结的21条建议:

1、创造有焦点价值的产品

有太的产品试图让你更用户做更的情,每个企业试图成为行业中的瑞士军刀。但是,果你希望产更加简单,么你需要有一个核心价值,并且确定产品正针对的是谁,并非每个产品应该成为 Facebook。你的产品的核心价值是什么?

产品简化改版怎么做?资深设计师的 21 条实用建议

2、删除所有不必要的内容

想要简化产品,最简的方法,是经过深思熟虑之后再进行简化和删除。如果组件或者模块的功能、价值存疑,那请删除。次要息、不常用的控件、散注力的式,都在这个范畴内。就这简。一旦采用这一的方式,你会立刻马上结果。当然,删除的候,请必深思熟虑。

产品简化改版怎么做?资深设计师的 21 条实用建议

「简单并完全没有混乱,为杂乱必然会伴随简化而存在。简单本质上是品定位和目有更精准描述。而没有杂乱仅仅意味着这是件不杂乱品,是这并简单。」

——乔纳森·艾维

3、将数据转换为有意义的样式

我们日常设计绝大多数品,都涉及到需要用户理解大量数据。用户于趋势和变化感兴趣时候,请尽量使用可视化来呈现信息,而不是堆数。尝试从数据提取有效内容,可视化地呈现在用户眼前,这才是有意义简化。

产品简化改版怎么做?资深设计师的 21 条实用建议

4、提供对快速决策的支持

用户遭受复杂决策机制的折磨,帮用户看清各种信息,好的决策简化的方向之一。席克律曾对此作出过非常典的解释:用户选择所需花费的时间精力往往会随选项数的增加增加。因此,如果希望用户决策变得简单,那么需简化选择,消除不必的选项,帮用户行选择。

产品简化改版怎么做?资深设计师的 21 条实用建议

5、太多选择会吓走用户

当前心论和调研肯定了一件事,就是足够多的择可会给人带来积极的情绪,相应的衍生一个流行的观点,就是择越多越好,但是人类天性中的管是足支撑过多择的。

果酱实验消费理学当中著的实验之一:消费者提供少的选择,对于售加利。这一点至关重的——少的选择,能够多的。

产品简化改版怎么做?资深设计师的 21 条实用建议

这实验当中,选择较少所的转化率几乎多选择的转化率的10倍。这一选择过载不良后果的一重范例——过多选择抑制了用户选择购买的法。

产品简化改版怎么做?资深设计师的 21 条实用建议

6、在提供多种选择的时候,给用户以建议

如果多个择总是无法避免,那么妨给户供建议,或者告诉户多数户的择。向户清楚地传达项之间的差别,这在定策略上会带来更多积极的效果。

产品简化改版怎么做?资深设计师的 21 条实用建议

7、将用户注意力吸引到对的区域

当你用户流程的时,就应该有针对将用户注意力引导到的对的目标上去,找到关键区域,让用户在界面中优先注意到它们。

产品简化改版怎么做?资深设计师的 21 条实用建议

8、使用色彩和版式来呈现内容的结构层次

你应该经常会听类似「可读性差」这的表述。有多计的确存在这的问题。在计当中,有多的因素会响息的传达——字体的选取,大变化、间距、大写和配色,都会响层次结构,响用户汲取息的方式。使用正确的配色和版式,让内容的层次结构更加清晰,最好还能反映出品牌征,这就更能增吸引力和用户对它的印象了。

产品简化改版怎么做?资深设计师的 21 条实用建议

9、优化组织结构,便于管理

下两张图,要你数楚有多少个圆,哪张图会让你这个过程更快?

产品简化改版怎么做?资深设计师的 21 条实用建议

如你所看到,序状阵和有序是截然不,后者认知负担更低,识速度更快。序信息和内容,我们需要逐个计数,是有序信息,则截然不。

产品简化改版怎么做?资深设计师的 21 条实用建议

有组织元素不仅有着更高识度,也更容易被记住。在数品,记住常见控件位和功能疑是要。样是上这张图,如不是计数,而是记住个位,你能不能做到?毫疑问,缺少组织结构,这是件艰难事情。

产品简化改版怎么做?资深设计师的 21 条实用建议

10、给相关内容分组

简化复杂页面结构的时候,对组件内行分组通常效的方法之一。通过层级划分,用户每次需处理的信息都会小,不无关的组件中回穿梭寻找。借框卡片将相关度高的内整合到一起,这非常便捷的方法。此外,关于关于分组,格式原理中的分组原则非常得借鉴的:接近性、相似性、连续性、闭合性连通性。

产品简化改版怎么做?资深设计师的 21 条实用建议

11、拆分任务,按列布局

几乎任何产当中都会涉及到同类别的表单,这是获取户信息的一种方式。有的时候,即使删除掉一些必要的字,表单依然会很长。因此,我们可将巨大的表单或者任务拆分开来,这样一来,整个执行过程会变得简单。

设表单的时候,尽使用单列非多列,这样加顺畅、易于填写。用户无需思考接下填写什么,按照一条线继续操作下去即可。

产品简化改版怎么做?资深设计师的 21 条实用建议

12、透明清晰地展现路径和状态

确定性人感到焦虑,尽可地在设计当中规避这种确定性。这就是为么要户在任何时候都清晰地知道他在流程中处的位置,及接来会发生么。总结之前供的信息是个好意,够减轻户的负担,避免反复检查之前的容。

产品简化改版怎么做?资深设计师的 21 条实用建议

13、替用户进行计算

人脑对涉及计的部分通常比费力,对不太占用计力的内容以由系统来进行计,和计相比,人的大脑在处理具象化的信息的时更加擅长。尝试用系统,而不是将压力转嫁给用户。

产品简化改版怎么做?资深设计师的 21 条实用建议

14、用逐步展现来隐藏复杂性

渐进式的展开是用户体验计当中的一种范式,这种方法能够让界面更容易被理解。当涉及多屏、大量息和操作的候,这种逐步展现的机制,可以避免让用户不知所措,也可以隐藏一些无关的息,直最后用户可以清晰内在的关性为止。逐渐展现的方法,遵循着「从抽象体」这的一种概念,而 iOS 系统当中,所采用的导航方式,无疑就是这种思路的典范。一屏一个步骤,逐渐展现,最后给用户一个确切的结果。

产品简化改版怎么做?资深设计师的 21 条实用建议

15、善用通用的交互模式和设计范式

用户将绝大多数精力都耗费在各各样其他数品上,这意味着用户于其他网站和APP交互模、使用法都有着晰了解,于特定模有具体预期。此,论你是设计网站,某个 APP ,甚至是冰箱上控制系统,都可以遵循既有设计和交互模。这并不是意味着止创新,而是在很多事情上,你需新造轮子。

产品简化改版怎么做?资深设计师的 21 条实用建议

16、初次体验应当精简

设任何产品的时候,都应该让用户尽感知到产品的价。因此,除非满足功能性的需求,用户初次打应用的时候,都尽把其他的扰去掉,因这都让用户了解产品价的障碍。第一印象很重,如果不满意,很多用户会立即离。

如你第尝试,即使是最简单操作,可能也是有挑战性,有时候新手使用 APP 时候需要引导,是最好法是尽量让体验和功能目了然,搭配上下文环境说明引导,而不是提供复杂繁琐学习材料。

产品简化改版怎么做?资深设计师的 21 条实用建议

17、结合使用场景,巧用人体工程学

简约易用的产品多能够合理结合人体程学的设。绝多数人可能会到诸如汽车椅、控制面板手柄这样的案例,但实际其实远远不止。人体程学用于几乎所涉及人的产品设计

1954 ,理学家 Paul Fitts 仔细了解了人的运动系统,并且提出了费茨律——移动到目标所需的时间取决于目标之间的距离,并且目标小反比。这律反馈到具体的界面设,就尽可能让常用元素,并置到易被触及的方。

产品简化改版怎么做?资深设计师的 21 条实用建议

18、提供直接编辑功能和推荐参数

删除必要的交互组件、视图或者是步骤,是简过程中必可的分呢。户应该可最快的速进行操作,如在表单中直接操作,而是在弹框中进行编辑,这个被称为「流程状态」,「流程状态」应当被弹框打破。此外,对于很多需要填写的分,最好供参数推荐建议功,就像搜索的实时推荐,户可更为准确地输入。

产品简化改版怎么做?资深设计师的 21 条实用建议

19、使用智能默认值,减少认知负荷

智能默认值——或者说智能占位符是一个非常有用的策略。一方面以帮助用户更快更精准的填写表单,另一方面,也给用户提供相对准确的范例。只不,默认参数的确定,需要设计师和开团对用户的使用场等信息进行研究,通测试和研,确定用户使用状况,以此来确定默认参数应该是少。果需要明确地参数或者选项,么以将默认值设置为 90% 用户能选的选项,并辅以说明。

产品简化改版怎么做?资深设计师的 21 条实用建议

20、防止出错

出错息会给用户带来大的压力,为了避免用户陷入这的状况,防止用户无法完成任,请使用数据输入检查的功能,对于格式输入错误的表和内容,对用户予以警报和提醒,避免错误发生。对于极为重要的操作,在用户提交之前,让用户二次确认息,做好检查。对于某些制性、破坏性乃至于不可恢复的操作,确保用户知道这一操作带来的响。

产品简化改版怎么做?资深设计师的 21 条实用建议

21、无障碍设计

数品可访问性是话题了,要让品和设计于所有——括有视觉障碍用户,都可以轻松地使用。最常见,是不要使用色来作为传信息唯途径,确保文本和背景有足够比度,支持键盘导航操作等等。可访问性问题并不限于特定群体,坚持不断改善和提升,有助于个用户体验。

产品简化改版怎么做?资深设计师的 21 条实用建议

结语

简化并创造易于理解的产品并不易,但这一条几乎任何产品都走的必之,简化的方法技巧很多,虽然零碎,但它们终会产品走向一条好的道。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

在昨天引爆互联网的一个热点想必就是美团 APP 更新了,已经刷爆了朋友圈,相信大家也都看见了。 △ 文中配图均来自美团官方...
改版设计
6年前(1983年7月15日),日本任天堂公司推出 FC 游戏机(即红白机),开启了日本游戏产业的辉煌历史,红白机也随即成为时下...
ARK创新咨询
周日的时候去看了徐峥的电影《我不是药神》,电影很走心,很现实,反正我是看哭了。现在的人,安全感缺失,有一部分原因可能...
产品设计
和往年一样,今年 Google 依旧在 Material Design 上投注了不小的心力,来推动整个设计语言渗透到整个 Google 的产品体系当中...
Material Design
@孔雅轩LineVision :引领初中级设计师摆脱「纠结设计」的弯路,通过对层次感的了解可以将有限的技法用在最该用的地方。 ...
ui设计
当我们讨论色彩的时候,聊的更多的是色彩的搭配。虽然有些设计师认为有些色彩是一些纯粹的美学上的选择,但是实际上,色彩对...
经验分享
近期一直在梳理需求收集、需求评审流程,就写一写关于这方面的心得吧。针对评审要注意的事项,我梳理了8个问题,和大家一起聊...
产品经理
王M争:从用户的操作流程上来说,如果用户想使用一个功能,必然首先要发现它。如果连功能入口都找不到,后续的用户体验也无从...
Tab