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

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

公众号新闻

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

每天早 07 : 45 按时送达

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


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

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

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

什么是意向性设计

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

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

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

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

意向性设计的强与弱

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

1. 意向性太强

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

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

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

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

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

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

2. 意向性太弱

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

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

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

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

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

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

错用意向性

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

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

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

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

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

意向性设计的好案例

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最后的话

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

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

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

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

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

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

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

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

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

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

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

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