赞助商
立即赞助

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

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

我们在头脑风暴阶段,确定了要删除哪些不必要功能或者信息后,具体界设计,自然成为了接下来工作心。此时想要到简约目标,我们可以运用三条百试不爽法则:组织要提供;隐藏核心;转移不擅长。

大可先记住这条法则,要知究竟谓何意,且听我慢慢道来~

内容回顾

大还记得“删除必要”的策略中,有哪些重点容么?我们先来顾一:

  • 在抉择时候,我们可以尝试把思考问题聚焦于“为什么要保留它,保留它需要付出多少边成本”;而不是仅仅盯着“为什么要去掉它,去掉它损失了多少沉没成本”;
  • 要指望户可通过自身的习来避免错误,因为这是户需要承担的职责;
  • 作为计人员,应该想方法减去造成错误的来源,将错误扼杀在摇篮之中,这才是提升用户体验的重要途径;
  • 聪明的默认可以减少用户的选择,效节省用户的时间精力!真智能的默认会“关注”用户什么,然后预测用户接下的行动。

组织要提供的

接来就我们进入今天的正题。面对具体的界面设计,想要简约的话,首先需要做的一件事,就是“组织要供的”。

组织要提供的,只这五个字的话,真的是不所以,不瞒各位,也是这的。

然这只用了“倒装句”的障眼法已!当我们换一种法,立马就能将它打回原形:“提供的内需组织”。

别问我为什么要用“倒装句”,问的,就是为障几条法则的工整,仅此而已…

那“提供内容”是指什么呢?自然是在功能概设阶段这些出物,比如脑图啊,流程图啊,以及需求文档类。这是所谓“要提供”。

而功详设阶,即当我们要设计界面的时候,自然需要对这些概念类的东西进行有效地“组织”!

那问题来了,面对这些产出物,该如何组织呢?其实在交互计层面,可以从这个方面进行着:块 and 填充。

1. 块

“块”这个概念,大家或许略显陌生。但当提及另外一个词的候,大家肯定是耳熟能详,并且能够立马领会“块”的含义。这个词就是“功能模块”。

用户界面的设离不分块。仔细观察每一产品的界面,我们就会发,所的界面都由一块一块的内组装起的,且这些模块之间,往往楚汉界,泾渭分明。

么一个界面,到底划分为少“块”合适呢?答案是一个神奇的数字:7加减2。个数字的背,是经典的互设计七大定律之7加减2法则。

所谓7±2法则正提出于美国心理学家George A. Miller1956年发布论文《神奇数7加减2:我们加工信息能力某些限制》。

即1956年乔治米勒对短时记忆进行了定量研究,他发现人类头脑最好的状态记忆含有7(±2)项信息,在记忆了5-9项信息后人类的头脑就开始错。

来一下实际的案例:

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

△ 移动端:

微信的底部table四模块。

个案例已经够典型,果我们继续观察互联网界内其他典型的设计案例的,我们得出样的结论:

PC端顶部导航,不会过9个,而移动端底部导航,则不会过5个!

最后再补充一句,我们上述说明了,米勒发现人类头脑最好的状态记忆含有5-9项信息。这里并非说我们最要划分成5,微信就是最好的例子。

有不少心理学家认为,人类的瞬间记忆存储空间其实更,大约只有4项。作为计人员,应该尽可能地少块,块越少,选择越少,用户负担就越轻。

2. 填充

“填充”“块”并非是一前一后的割裂关系,它只是思考一个问题的个不同维度而已,二者是一种水乳交融的状。

我们分块的时候,需考虑这些模块中填充哪些内;我们填充内的时候,也同时需思考界面划分了哪几块。

么我们“填充”的时,有什么依据循呢?里啊,我们需要先回忆两个概念:业务流程+任务流程。

所谓业务流程,是指客观,用户在没有品时候,原本做事情流程;

而谓的任务流程,是指观的,是由设计师设计的,户在使产的时候,经历的流程。

通常来说,的任流程,应当尽量业流程一致,或者是在业流程的基础上优化。因为人都希望按照某种习惯的步骤做事,乱这个步骤就会造成迷惑,令人沮丧。

例如网商店会让用户自己查找购买的商品,然后把商品添加到购车中,设置送方式,后付款结账。

就是对网上店功能模块进行内容填充的基依据。

隐藏非核心的

大家在设计产品的程中,是不是也碰到,有一功能很少用到,但是又少不?对种非核心的功能,我们就想办法把它藏来吧~

“隐藏”和我们上所说“组织”比起来,有个明显优势:用户不会为不常用功能而分散注意力!

这里总结六种见的隐藏菜单的交互设计,大快来收藏:

1. 侧栏菜单

应于顶级菜单,适合大分产。

优点:容易理解,能够容纳较多息,可以结势。

缺点:只能用于顶级单或导航。

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

2. 浮钮菜

应用于页面菜。因为量重,适工类、重操作的产品,例如P图软件。如果是重内容的阅读类产品,就不适了。

优点:很显眼,易操作。

缺点:对不需要隐藏菜单的用户重,能误操。

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

3. 多单

应用于模块单,可以摆的置很多。

优点:轻便灵活,以在模块边缘轻松找到位置。

缺:不太起眼、如前没有其它图标会难理解。

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

4. 滑出菜单

应用列表菜单,也是 iOS 上很常见的一种设计规范。

优:操作便,容易理解。

缺点:可放置的操作数量非有限。必须左右通栏上较矮的列表才适,一点,或通栏的卡片都行。

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

5. 单击菜单

应用于模块/按钮/图标菜单,适合没有主要操作(如常不需要进入下级),用户操作意图不明确情况。

优点:容易发现,操作快捷。

缺点:放弃主操作存在风险。

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

6. 长按菜单

应于模/按钮/图标菜单,适合辅助操作较为明确的场景,如扫码、载图片等。

优点:对产品本身的布局和基础操作响较。

缺点:较隐晦,需用户主动试触发。

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

转移不擅长的

个人一直秉持的一个观点是:专业化工,是提升效率的有效途径。

例如作中,我不会去插手UI,或者发所出的判断。我多只从我所处的角度提出反馈,仅此已。我从中认,他们专业的,他们的判断,肯优于我人的主观臆断。

产品设计,同样需要遵从样的原则。不同设备之间,有各自擅长的内容;人与设备之间,也有各自擅长的内容。

我们需要做,是将品使用过程那些不不做事情,转移至最擅长进处理。

1. 桌设备、移动设备、可穿戴设备特性比

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

举一个简单的例子,在越来越注重健的当代,智能手表成功捕获不少人的芳心。

要在手表上击下“GO”,它会自动计算你共跑了多远、英里所用时、你心率,以及消耗了多少卡路里等等。

在手机上载相的应,点击一“GO”的按钮,同样可获取到相的数据。但跑步时带着手机就略显笨重,并且手机读取到你的心率。

如果是把备换成脑,那只能先通过某种方式,把数据先记录下来,然后再通过表填写各种相关的数据了…因为不可能带着脑去跑步…

然后,回看或者分享数据时,简单的方式就坐桌子,打笔记本电脑,或者通过屏幕查看详细的数据分析。

在手机上以把数据分享给朋,也以找到详细的数据分析,只不它们一般藏的很深。

而智能手表能显示摘要信息,不能与朋友分享。

2. 与计算特性比

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

双一购物时,亲身到“转移不擅长”的策略,在人与计机之间的现。

填写收货地址,想必是很多很厌烦事情。而现在很多品,都把这件事情优化很好了。其核心是,把些复杂或者是麻烦事情,转移计算去做。

就如京东填写收货地址的时候,我们只需步,就够获取到当前的地址了,而是跟之前一样,在一个个拉列表框里面,劲地寻…

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

户指挥,计算机操作,会给人简单的感觉!

结语

上就是我们简约设计专题所有内容了。让我们保持良好习惯,最后再来起做下结吧:

首先呢,我们一起交流了简单的哲,我们知道了简单只是手,而是目的,简单的设计念,应该是先做法再做减法,是经过痛苦的衡量和抉择之后的结果;

然后呢,沟通了愿景是简的指南,学会了用讲故事的方式来表达愿景,了愿景的定,应该是一个经过反复“猜测—>求证—>提炼”的螺旋式上升的过程;

后呢,我们相继讨论了简约设的四策略:删除不必的,组织提供的,隐藏非核的,以及转移不擅的。

此系列题的读,对非互设计师出身,而只是一个B端产品经理的我来说,整个程的是异常艰难。

而《简约至上》书,更像是一篇散文集,读来让我得每句是重点,但是满眼皆是琐碎。

这也让我不不查阅大量其他内容,才能够理解书表深意。我们个解读,有大概60%都是书内容。

我已经尽我最大努,将有的知识点连贯起来,并且尽量保证够到我们的实际工作当中。此过程之中,有么做的好的地方,还请大多多见谅,毕竟我是在断习,断成长的。

作为产品经理,不仅仅要关注需求,保证用户体验也是必备的能必须的责任。相此系列专题的内容,也一定会让大家有所提升的吧。

不论如何,我们终究又占下了一山。交互设的层面,我们也实际的方法论可实践,可遵循的了。

但我们前行的脚步永远不停止。接下来我们要研究一下哪方面的内容呢?

初步想法四

  • 用户增长系列
  • 团队管理系统
  • 商模式系统
  • 产品经理要懂的术知识系列

你们想研究哪个系专题列呢?在留言区告诉我,我来帮大解读!

欢迎关注作者的公众号:「晓庄同学产品笔记」

查阅超10 万字资料,总结了这份「简约设计」深度思考(四)

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

相关文章

Z Yuhan:这篇文章从一个眼动实验得来的数据分析用户对长网页的阅读习惯,以及对比八年前的数据发现用户行为的惊人变化。最后...
用户体验设计
为什么会出现下拉刷新,以及在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总能带来更多疑问。追...
产品设计
@苏大牙牙牙 :在产品内容越来越同质化的背景下,用户体验设计的价值不言而喻。本文中,笔者也结合自己的心得,与大家聊一聊...
大牙的设计笔记
一些大公司如 Facebook 和 Airbnb,决定把事情做好,重新考虑文案,使其更有帮助,更容易理解。就像用户体验设计师正在创造更...
交互体验
@Fornever :豌豆荚在 2011 年引入了 Design Workshop 的方法论做产品设计,并使用这种方法设计出了如豌豆荚 2.0 的 Windows ...
用户体验
我们在分析产品设计的时候,会去思考这些产品为什么这么设计?微信作为国内头号产品,经常会被当作分析的对象。那微信为什么...
产品设计
今年的新冠疫情突发,让企业级协作产品的赛道热闹了起来。前有钉钉,企业微信,后有飞书带刀入场,其他厂商看了眼红,赶紧行...
B端产品
面对全新功能,需要全面了解功能的产生的背景和用户需求,来确定功能目标和设计策略,因此文章主要内容包括以下三个方面: ...
产品分析