如何保证“TO B”产品的设计一致性? 国泰君安锐智

股票资讯

编辑指南:在满足产品基本要求的同时,设计也要注意各个业务线平台的设计一致性,向用户传达正确的品牌认知。本文从使用场景出发,结合具体案例,总结出一些促进产品设计一致性的实用方法,与大家分享。

“优秀的设计让人感受不到它的存在”。设计的一致性会无形中让你的设计更好,更容易被用户使用。对于B端视觉设计,我们的目标是让用户发出“哇!”我感叹,不是因为界面华丽,而是因为产品可以帮助他高效地完成工作。

01为什么一致性

B端设计没有什么特别的,优秀设计的所有标准在这里都适用。但是在B端产品和C端产品的设计上有一些不同。对于B端设计团队来说,最大的挑战是如何通过提高用户体验的一致性来帮助B端用户高效地完成任务。

b端产品通常产品周期较长,多平台合作,容易导致产品设计不一致。随着团队的扩大或产品功能的增加,这些问题变得更加严重。此时,如何保证设计的一致性是我们必须考虑的问题。

02一致性的好处

其实C端和B端都要考虑模块的一致性和可重用性,尤其是B端。一方面是保持设计统一,另一方面是降低开发成本和维护成本。

保持产品的“一致性”可以有效降低用户的学习成本,而视觉一致性可以改善产品创造的品牌形象,在一定程度上降低用户的认知成本。

例如,当你走进路易斯维尔顿的商店时,你看不到香奈儿或其他品牌的包在里面。路易斯维尔顿也有相同系列的包包,从手袋到单肩包再到行李箱。虽然产品略有不同,但细节和气质都是一样的。Logo图形,Else Phil字体和颜色已经形成了其品牌的识别符号。甚至它的衍生物都保留了LV的独特气质。

03如何保持一致性

尼尔森的交互设计十大原则中,对“一致性原则”的定义是:同一术语、功能、操作一致。同样的语言,同样的情况,操作应该有同样的结果。

在设计B端产品时,涉及到大量的PC端和移动端场景。对于高度依赖个人电脑端操作和灵活移动端场景的场景,在关键节点采用一致的设计语言尤为重要

1.结构一致性

保持类似的结构,新的结构变化会让用户思考,规则的顺序可以减轻用户的思考负担;在列表的布局设计中,每个模块都有一个统一的结构样式,允许用户快速定位自己想要关注的信息,这是结构一致性的体现。

2。颜色一致性

保持产品中使用的主色一致,而不是改变一页的颜色。如下图所示,我们的产品(web版和APP)中图标的颜色和界面的主色都是红色,部分标签和按钮的文字颜色是红色。整个界面以黑、白、红三种颜色呈现,界面保持良好的一致性,这就是颜色一致性的原理。

3。文本一致性

我们的产品(web版和APP)中呈现给用户的文字大小、样式、颜色和布局是一致的;两个界面不一样,但是字体大小、颜色、布局风格都一样,使得整个产品在视觉上看起来很和谐,就是字体的一致性。

当然,设计一致性是一种工具,而不是目的。我们不应该为了一致性而一致,这是本末倒置。规范本身也应该变得更加灵活,而不应该成为我们的“遵守”规则。

由于B端产品的逻辑功能复杂,平台设备多,即使我们建立了一套完整的设计规范,也不一定能满足后续不同的平台和业务需求,不可避免的会出现设计上的不一致。

所以在产品一致性的设计上,我们根据平台的特点(分辨率、系统、工作环境等)预留一定的空间。).比如在颜色方面,考虑到web版设备的定义问题,适当加深最轻的颜色值,考虑到手机上屏幕大小的限制,增加最小字体大小。

04一致性的含义

产品设计规范的建立在一定程度上反映了公司对产品成熟度的要求、设计师的专业性和产品用户体验的质量。一致性不仅体现在界面视觉上标准的统一,在其他方面也有很大的意义。

1.产品本身

一致性设计规范基于产品用户体验的主流趋势和标准以及业务本身的属性,从而使产品在销售过程中更具说服力。

2.团队内部的协作

一致的设计规范可以使设计团队成员遵循统一、专业一致的原则,不仅使设计输出更加高效,也使产品更加一致。同时减少了设计师根据个人喜好和经验标准输出设计的情况。

3.团队之间的协作

它可以帮助企业和R&D团队更清楚地了解和理解用户体验设计,了解设计师在工作中的思维维度和方向,提高双方的信任和合作效率。

4.公司品牌

在相关产品之间或产品内部建立一致的设计规范将使公司在商业竞争中获得更有利的地位。

5.顾客视角

可以让客户从产品和设计师的角度了解产品设计的一些问题,进而在后续的用户沟通中增加客户对产品的了解。

05最后

企业本身也在逐步发展。b端应用不再是困难和枯燥的产品。用户期待B端产品像消费类应用一样有出色的体验,用户也喜欢漂亮的界面。对于我们设计师来说,我们能做的不仅仅是一致性…

作者:李,用户界面设计师

本文来源于大家的产品经理合作媒体@58用户体验设计中心(微信微信官方账号@58UXD),作者@齐

标题图来自pexels,基于CC0协议


以上就是如何保证“TO B”产品的设计一致性?国泰君安锐智的全部内容了,喜欢我们网站的可以继续关注泽冰股票网其他的资讯!