干货推荐 | 一个好的产品设计原则都有这些

产品设计除了要有自己独特的想法之外,还需要“站在巨人的肩上行走”。

今天我们就将分享一篇文章,来自simplesite设计团队的负责人 Christian Jensen,讲述了自己在制定产品设计原则时,参考了很知名网站,得到了哪些收获。

这些收获主要包括以下两点:

a. 最佳产品设计原则的 4 个特征
b. 产品设计最佳原则集合

希望每一个阅读本文的人,都可以学到最佳产品设计原则的共同点,或者是从这些具体示例中获得启发。

在这里插入图片描述

最佳产品设计 4 个原则

其实,产品设计原则没有一个放之四海而皆准的方法。但,所有优秀的原则似乎都有一些相同之处。

所以,当你在创建自己的原则时,可以将它们作为指导原则,融入到自己的产品设计中。

1.️数量少✔️

产品设计中,可以制定 3-5 条的原则,这样才能确保它们会被团队、用户记住和运用。至于其他的,就别指望了。

并且,少量的原则会使决策更容易——相反,过多的原则会让决策更难。

在这里插入图片描述

以 Pinterest 为例,它们只遵守三个原则,每一个原则都是一些标题和句子来阐明。

  • 简洁明了

直观易懂,让用户感到很有趣,这样对内容印象更好

  • 动效结合

色彩丰富,视觉奇妙,出人意料

  • 牢不可破

专为探索而设计,它不可能被误拍,并且它是可逆的。

在这里插入图片描述

2.区别✔️

为什么用户选择你的产品而不是你的竞争对手?这个问题,其实可以通过你的产品设计原则来回答。

通用的设计原则适合所有的产品经理,而你的不必如此。不要去搬运其他设计原则,美其名曰说这是我的设计原则,并尽量去避免“用户第一”和“简洁至上”这些话术,用户已经看腻了~

在这里插入图片描述

我有一个方法可以测试你的产品原则到底是不是让你产品更加出色了,那就是试着问自己:我用的产品设计原则是不可替代的吗?选择另外一个原则设计出来的产品是另外一个模样吗?

只有不可替代的设计原则,才能让你的产品脱颖而出。

考虑采用“ [选项A]优于[选项B]”的形式,来强调你的产品是什么,不是什么。这将帮助你对功能和想法说不。Medium的早期产品设计原则就是一个很好的例子:

  • 方向大于选择

  • 适当而非一致

  • 不断发展而不是最终确定

选择、一致和最终化可以用于确定产品的优先级,这些原则也是Medium与众不同的因素;
在这里插入图片描述

   Medium文本编辑器的屏幕截图,显示了文本样式的有限选项

3.明确且可行的️✔️

你的产品设计原则应该帮助你在日常工作中采取行动。它们的目的是消除潜在的解决方案,并引导你做出决定。一个措辞含糊的声明和含糊不清的术语是做不到这一点的。

Codecademy 的第一个设计原则就是一个很好的例子。它非常具体,解释了基本原理,比如:

  • 一栏

一般情况下,我们会将整个内容限制为单栏布局。这有助于我们专注于页面的核心,同时也使我们能够更好地掌握自己工作的节奏。

单栏布局也更容易在我们的第一个响应式设计系统中实现,因为它可以最大限度地减少不同屏幕和形式因素(如移动和平板电脑)之间的差异。

在这里插入图片描述

4.简明扼要,让人过目不忘✔️

即使你把自己限制在3条原则之内,如果他们抽象而冗长,让你和你的团队无法记住,留不下任何的印象,那也没有任何指导性意义。

所以,你要确保你的产品设计原则简明扼要,让人记忆深刻。

Asana 就是一个很好的产品设计原则的例子。下面是其中的几个,供大家参考。

  • 明确表达,让别人知道正在做什么

在应用程序内,以及更广泛的团队内,明确地表达出具体事件&原因,让用户、团队成员清楚我们正在做的事情。

  • 保持一致和标准,并在值得的地方创新。

用户应该觉得Asana既熟悉又现代。

当用户悬停可以与之交互的任何内容时,Asana既使用图标也使用文本标签来提高其功能的清晰度,甚至还提供了工具提示(请参见下面的屏幕截图)。他们坚持熟悉的模式,但保持设计的现代感和使用乐趣。我个人也是Asana的忠实粉丝。

在这里插入图片描述

产品设计最佳原则集合

为了让大家更好的理解,我选了一些比较优秀的产品作为案例,来说明这些道理。

以下排名不分先后。每当我没有灵感的时候,就会去看看它们,来找寻一下:

  • Asana

  • Codecademy

  • Degreed

  • Firefox

  • Windows

  • Wonderbly

    在这里插入图片描述

  • 允许用户专注于自己的工作而不会受到干扰。

用户应将重点放在他们的事情上,只用与用户个人相关的更改分散用户的注意力。

  • 明确表达,让他们知道正在进行的事

在应用程序内,以及更广泛的团队内,明确地表达出具体事件&原因,让用户、团队成员清楚我们正在做的事情。

  • 关注用户之间关系搭建

用户觉得自己是团队的一员,他们可以互相依靠以发挥自己的作用,并觉得自己正在朝着共同的目标迈进。

在这里插入图片描述

  • 设计快速,轻松和有意的交互。

简单而常见的任务应该轻松上手且明显的,复杂的任务应该感到有挑战性。值得注意的是,保持速度的同时,也要避免错误。

  • 通过逐步探索发现,来赋予用户使用权利

使用过Asana各种经验的人都不管他们使用了多少功能,都应该认为自己知道如何使用该产品。

  • 保持一致和标准,并在需要时进行创新

这就是用户应该觉得Asana既熟悉又现代的秘诀。

在这里插入图片描述

在这里插入图片描述

codecademy ——一个学习编程的软件,它的大概就是这样:

  • 一栏

  • 用户认可

  • 更多对比度

  • 表单字段很少

  • 保持专注

  • 直接操作

  • 视觉层次

  • 视觉识别

  • 更大的目标

  • 边箱设计

在这里插入图片描述

在这里插入图片描述

degreed 拥有12条设计原则,实在是太多了,我就不一一列举了,简单说一下我认为最值得收藏的几条:

5.一次使用户专注于一项主要动作

通过将屏幕,视图或操作集中在一项主要任务上来指导用户。

毫不留情地进行优先级排序,使选择变得愚蠢。所有不能帮助用户将精力集中在主要任务上的元素和样式都可以看作是视觉混乱和对用户的极大干扰。请注意,界面中的所有内容都必须由用户的大脑进行处理,处理的内容越少,认知负担就越低。

6.最小化用户输入

用户输入需要大量的精力和时间。始终力争以最少的用户输入量达成目标。用户需要的每个输入都会增加用户所经历的摩擦,并增加放弃的机会。

8.为用户做决定

不要害怕为用户做决定。提供更少的选择和选项会给用户带来更自信的感觉,因为不必担心。注意选择的悖论;提供很多选择将使用户感到不知所措,因为他/她需要评估每个选择是否满足他/她的目标。

11.不要追求“哇”,不要追求“当然”

永远不要追逐“哇效应”。产品设计以最佳方式解决了我们用户的问题或需求时,便成功了。设计有效有效的产品。我们对用户的反应是“当然,这很明显”。

在这里插入图片描述

服务用户原则:

  • 用户第一

  • 默认为隐私

  • 不加惊喜

  • 可行的建议

用户反馈原则:

  • 研究使我们的非核心社区有发言权

  • 从聪明的默认人开始

  • 隐式和显式定制

  • 邀请人们超越用户

分享原则:

  • 用户控制和选择

  • 易于使用您选择的服务

  • 建议充分利用网络的方法

有想法原则:

  • 感觉像是在另一头

  • 有趣的工具更易于使用

  • 幽默和异想天开

  • 有观点

细节原则:

  • 另请参阅我们的视觉设计指南

  • 跨平台的外观和感觉的连续性

  • 可感知的交付结果至关重要

全球原则:

  • 全球表示本地,本地和本地

平衡功能和简单性原则:

  • 80/20/2:默认为界面极简,易于访问其他界面

  • 探索熟知用户的能力和理解方式,不能仅限于「了解」

网络原则:

  • 专注于真实的人类任务和环境

  • 许多实际任务涉及浏览器和其他工具

  • 快速访问您的资料和网络

  • 没有行话

高用户性能原则:

  • 绩效是客观的,但响应能力是主观的

  • 让用户满意高兴

在这里插入图片描述

Windows 有8个设计原则,因此对于其员工而言,可能太多了,并不能所有都了熟于心。但,他们都不是废话。

减少概念以增强信心

  • 你引入了新概念吗?为什么?有必要吗?

  • 你能去掉不必要的概念吗?

  • 你在做有意义的区分吗?

  • UX是否包含了相同的概念?

不管是好是坏,小事很重要

  • 小事情的重要性在哪里?

  • 你解决了什么“小问题”?

  • 少做更好。

  • 不要想当然忽略你遇到的小事。

  • 计划周到的细节。

  • 修理小bug

擅长“看”和“做”

  • 你最擅长的UX是什么?它的外观反映了它的优点吗?

  • 用户看到产品的第一印象,进行的第一个交互动作,反映出了UX的优势吗?

  • UX是否符合预期吗?

  • 用户能做什么很明显吗?

  • 你是否只提供了必要的步骤?

在这里插入图片描述

解决干扰,而不是发现

减少分心:

  • 不要让功能之间相互竞争;

  • 致力于新功能。

这些都不是低发现率的解决方案:

  • 在开始菜单中锁定图标。

  • 在桌面上放置图标。

  • 在通知区域放置图标。

  • 使用通知。

UX中按钮问题:

  • 减少问题量。

  • 问一次。

  • 无需配置就能获得价值。

  • 这个问题已经问过了吗?

  • 寻找优化机会。

个性化,而不是定制

  • 该功能是否允许用户表达自己的元素?

  • 你区分过个性化和定制化吗?

  • 个性化必须是一个新特性,还是可以利用现有的特性和信息(如用户的位置、背景图片或图块)?

重视体验的生命周期:

  • 考虑所有阶段的用户体验:

  • 安装和创建。

  • 首次使用和定制。

  • 经常使用。

  • 管理和维护。

  • 卸载或升级。

像已经使用了12个月一样浏览体验。它有没有:

  • 现实的内容。

  • 真实音量。

时间很重要,所以为忙碌的人们打造吧

  • 对于用户,日常工作已经非常忙碌了,所以能提高他们的效率就提高吧

所有UX原则同样适用于12英寸和20英寸的屏幕

  • 可以中断

  • 考虑开始和停止(快速返回,不要妨碍其他UX)

  • 解决连接🔗&断网的问题

  • 性能是UX的万能杀手

在这里插入图片描述

成为讲故事的人

  • 避免片面的对话。通过反映客户的需求和愿望给他们留下更深刻的印象,同时让他们在过程中感到愉快。

与我们的观众互动,提高用户满意度和忠诚度,顺手购买一波我们的产品。

吸引我们的观众将推动销售和忠诚度。通过统一内容、社区和商业,我们可以激励人们与我们一起探索、互动和购物。

加入我们的俱乐部

在我们的站点内创建产品、功能和质量,向客户灌输信任。倡导可发现性、可靠性和可信度将减少整个体验中的不确定性。可靠性将使顾客从一次性购买者变成终身顾客。

在这里插入图片描述

优化的体验

利用流畅的布局和与设备无关的方法,为各类用户创造最佳体验。不断努力为客户简化旅程。利用本地特性来推广产品和探索新技术。

奶奶优先

我们的客户不仅是精通技术的都市妈妈,也是数码技术的新手祖父母。我们必须为每种类型的客户提供简单、有效且有回报的客户体验。帮助人们做出正确的决定,并引导他们在需要的地方购买。

看完了今天分享的文章你有所收获吗?那赶紧来快速上手的墨刀,开启产品的创造之旅。

或者,你有什么产品设计原则呢?请与我们分享吧。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值