Redian新闻
>
如何理解产品设计中的意向性?

如何理解产品设计中的意向性?

公众号新闻

关注并将「人人都是产品经理」设为星标

每天早 07 : 45 按时送达

产品设计中的意向性是指,我们设计的界面要素要具有让用户看了以后立刻明白,并引导用户正确操作的作用。意向性太弱和太强,都会导致用户体验不好。本文作者就这个话题展开了分析,希望对你有帮助。


全文共 2303 字,阅读需要 5 分钟

——————/ BEGIN /—————

多年B端用户界面设计及使用B端产品经验让我发现,不仅大部分B端产品设计者对意向性设计没有意识或不在意(只管提供功能),自己在设计的时候也会拿捏不好这个度。意向性太弱和太强,都会导致用户体验不好。

什么是意向性设计

那我们先来说说“什么是意向性设计”。简单来说就是我们设计的界面要素,要具有让用户看了以后立刻明白,并引导用户正确操作的作用。

就像在日常生活中,我们看到垃圾篓形态的物品,就知道可以往里面扔垃圾。那是源于我们从小就被告知,垃圾要扔到这样子的篓子里,这样子的篓子是暂时存放后续要扔的东西的,以后我们看到这样子的篓子就会去扔垃圾。

而在界面设计上,我们就会用垃圾篓形态的图标,来告诉用户,你在这里可以找到并恢复一段时间内删除的数据。

无处不在的垃圾篓功能设计与图标引导,源于我们真实生活中的垃圾篓使用场景,这就是意向性设计的很好诠释。

意向性设计的强与弱

文章一开始就说到“意向性太弱和太强,都会导致用户体验不好”,那我们一起来看几个例子。

1. 意向性太强

采用动效设计手法一直召唤用户点击按钮的设计。

用户心里想:我看到这按钮了,有必要一直闪啊闪吗?太晃眼了。

每次打开网站,有同一个强制性弹窗出现,告诉用户网站的最佳打开浏览器是Chrome。

用户心里想:我知道了啊,不用反复提醒吧。

界面上的“删除”按钮非常红,很扎眼,让用户以为这是页面的主按钮。

用户心里想:能不能不要晃我的眼。

2. 意向性太弱

设计者期望用户通过双击表格单元格来激活单元格的编辑行为,但由于功能太隐藏,大部分用户不知道。

用户心里想:怎么编辑数据,谁能告诉我?

此处是按钮区,但不仔细看不容易发现这里有一排可以触发行为的按钮。

用户心里想:总是要先想一下,才能采取行动。

这些组件可以被拖拽到界面使用,但用户并不容易发现该处有拖拽功能。

用户心里想:这组件可以拖拽吗?现在好像只能添加。

错用意向性

在产品设计中,除了意向性太强与太弱不佳外,意向性乱用、错用产生的问题更大。

某产品采用“钉子”图标来表示将内容收藏到常用分组的意思,用“删除”图标来表示将收藏的内容从该分组移出的意思。

但用户反馈,当点击“钉子”的时候,发现内容不是固定而是不见了(那去哪里了呢?后来终于发现内容去了常用分组中),内心觉得这种设计很奇怪。并且发现被放在常用分组中的内容都带删除按钮,让他们根本不敢点击“删除”图标,担心点了以后内容被删除了。

实际上,这里想提供的功能是“移出”,并非“删除”。

由该案例我们可以发现,产品设计中我们如果乱用意向性,会让用户不知所措,降低易学性和易用性。

意向性设计的好案例

既然我们知道产品设计中的意向性如此重要后,那该如何培养自己的意向性设计思维呢。

我觉得最重要的就是培养自己的常识性思维,提升自己的观察能力,以及多学习好的意向性设计是怎样的。

我们用颜色打个比方,通常我们见到绿色就是健康,见到黄色就是有告警事件出现,所以在产品设计中,我们也要遵循生活中的常识性认知,不要刻意去挑战和创新。

再比如,日常生活中每个物品都有自己的外观形态和功能用意,那么我们在产品设计中也要尽可能沿用,不要去创造新的形态。

事实上,我们在产品设计中,不经意间已经在使用意向性设计,而且可以说无处不在,如下几个例子,是比较不错的意向性设计。

导航菜单类目上显示的数值,代表该类目对应的页面中有16条记录。

组件框右侧放了日历样式的图标,就是日期组件;放了时钟样式的图标,就是时间组件。

放大镜已经成为约定俗成的搜索标志。

小方框是内容可以被复选的标志,如果做成单选,就违反了用户认知。

卡片右下角的直角图标,是卡片可以被任意拖拽大小的提示。

页面右上角的放大图标,是该页面可以全屏展示的提示。

界面中显示“暂未添加记录”的文字,说明当前界面不是查询不到数据,而是目前还未有记录被添加进来。

空白页文字提示明确指出可在界面某处完成要添加的数据。

通过“会员”标签,说明该功能只有开启会员才可使用。

通过“下箭头”符号,说明该卡片与其他卡片有区别,点击其不可直接操作,还会有一些过渡性操作。

通过给空间赋予“私密”与“公开”的图标,来向用户传达当前空间是属于何种状态。

精心设计的小图标,给用户暗示,可以通过左右拖拽来改变导航的宽度。

最后的话

看着意向性设计好像不那么难,但由于B端产品业务逻辑复杂,功能点非常多,要做到该有意向性之处能体现意向性设计还是不容易的。

我们要有意识地发现好的意向性设计(不一定是竞品,还有生活中的点滴),并运用到产品设计中。

这是我在深圳机场拍摄的男女厕所数据大屏。数据大屏上显示的男女图标位置,与实际的男女厕所位置保持一致,这就不会出现走错厕所的尴尬情况出现。

这也是我在深圳机场拍摄的照片——一个洗手池的水龙头。现在有一部分的水龙头形态无法让用户预知是怎么操作的,导致很多用户尝试了几种方式(感应、按压、拍拍、……)后,才知道该如何使用。

如果当时排队洗手的人很多,一堆人看着自己不会操作的样子,极为尴尬。而深圳机场直接在水龙头后面贴了提示,让用户秒懂,每个人都成了使用该水龙头的专家。

好啦,今天就分享到这里,我们下次见~

—————— / END / ——————

产品经理培训|产品运营培训|企业内训服务

请在公众号后台回复「培训」了解更多

▼ 喜欢请分享&收藏,满意点个赞,最后点「在看」▼

微信扫码关注该文公众号作者

戳这里提交新闻线索和高质量文章给我们。
相关阅读
从愿景到执行,产品设计的逻辑是怎样的当产品设计师幽默起来…能有多离谱?iF设计大奖赋能「她经济」,哪些海外院校走在产品设计的最前沿?揭晓!2023德国 IF 最佳产品设计金奖作品新鲜出炉!(完整版)申请香港永居关键问题,如何理解“通常性居住”?AI 时代产品设计工作的 8 个猜想!“留学不再是有钱人的专属”,年收入30万以下的意向家庭占比高达43%读BBC新闻“塞尔维亚枪击事件引发大规模抗议”学英语:如何理解“snap vote”《人地之间》:如何理解中国经济?脑洞爆炸!日本建筑小哥跨行产品设计,圈粉300万:赶快量产我要买!啊,白石洲(2)——来自深圳的报告文学设计中的女性力量:当代女性先锋设计师|筑格精选如何理解“惊涛骇浪”“极限思维”戆人有戆福:一辈子住在大学校园从词语意义到关系推断,ChatGPT是如何理解人类语言的?大剂量甲强龙治疗GMG是否更有效?倾向性评分提供更严谨的设计和更准确的结果从SaaS产品设计与OP产品设计,谈谈SaaS产品转型直播预告 | metaPPI计算平台及其在大分子理性设计中的应用在产品设计中,文案表达如何优化如果肯德基成了一家产品设计公司?再说尼采B端产品设计和C端差异有多大?不小心就踩了3个大坑在产品设计中,走查小组应该如何建立并运营经典名句“Love is a touch and yet not a touch”,如何理解,如何翻译?Nat Med丨严重肥胖者因新冠住院或死亡风险增高76%、对疫苗诱导抗体反应更弱!如何理解及进一步研究?离了大谱!产品设计师表达幽默,好笑又实用,网友:也太会了!专访张亚勤:热议的“中国版ChatGPT”,如何理解其意义?开放心态,拓展职业生涯:建议年轻人尝试兼职读BBC新闻学英语:“nail-biting” 别翻译成“咬指甲”,该如何理解呢?产品设计和工业设计,到底有什么区别?如何理解上海人我与爱情有个约——变了味儿的爱情​当打工人在AI时代醒来,今天如何理解卡夫卡 | 新青年剧团《变形记》戏剧线下分享会如何理解当前的经济数据及市场调整?KFC的产品设计,完全脑洞大开!
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Redian.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。