网易资深设计师:ToB产品的6条交互设计经验

网易UEDC –李东岳:本文希望能够总结一些B端产品的设计经验,帮助大家更好的进行ToB产品的交互设计 工作。

文章目录[隐藏]

网易资深设计师:ToB产品的6条交互设计经验

网易UEDC –李东岳:本文希望能够总结一些B端产品的设计经验,帮助大家更好的进行ToB产品的交互设计工作。

近几年,B端产品发展越来越快。在设计方面,也有越来越多的设计师投入到这个细分的交互设计行业中来。而很多新人设计师或者从C端产品转型到B端产品的交互设计师,在刚接手B端产品后,都会出现一些不适应的情况。

本文希望能够总结一些B端产品的设计经验,帮助有类似情况的交互设计师上手,更好的进行toB产品的交互设计工作。

一. 贴近用户

B端产品和C端产品有一个很大的区别在于,B端产品的操作者有着明显的职业属性。和我们日常生活中的用户不一样,B端产品的使用者,对产品的操作就是完成特定的一些任务,如搭建企业系统、监控企业舆情、进行客户服务、完成数据分析等等。而这些工作本身,具备一定的专业知识。因此设计师在设计这些产品的时候,首先要做的,就是了解用户在使用这些产品的时候,想的是什么。

在我们实际的工作中,主要可以使用以下三种方法,来贴近用户,了解用户操作过程中的想法和感受:

  • 客户拜访
  • 业务轮岗
  • 用户调研

1.客户拜访:在B端产品的初创期,会有一些企业作为产品的潜在客户。面对面的拜访这些企业的产品使用者,能够快速了解对方在产品使用过程中的方向与思路,从而更好的进行方案设计。

2.业务轮岗:在客户拜访之上,更进一步的是设计师实际使用对应的B端产品,即进行业务轮岗。刚接触B端产品的交互设计师,可以先从旁观实际用户的操作开始,在旁观的过程中,针对不理解的内容进行询问与学习。通过学习,逐步发展到能够在专业人员的辅助下操作B端产品,直至最终可以独立操作B端产品,完成任务。实际的使用自身所负责的B端产品及相关竞品,能够加深对所负责产品的理解,只有自身体会一线用户的使用感受,才能够设计出负责任的好产品。B端交互设计师,经常使用自己的产品及竞品,了解产品业务的发展动态,是设计好B端产品的基础。

3.用户调研:当客户拜访及业务轮岗形成良好的机制,同时产品发展到一定规模后,用户调研问卷就成为更加高效的获取用户声音的重要手段了。不同于C端产品,B端产品的调研问卷内容应该更加详细,更加坦诚的询问产品功能与用户的使用体验。定期的进行客户问卷调研,能够建立良好、有效的客户沟通机制,加深产品与客户之间的相互理解。

在产品初期进行客户拜访,产品发展过程中进行业务轮岗,在产品发展到一定规模、比较稳定的时候有计划、阶段性的进行用户调研,可以保证B端产品的设计与体验时刻贴近用户所想,保证产品的设计不会浮于功能的表面。

二. 理解业务

在理解客户之后,要更加深入的了解客户行为,就需要更加深入的了解产品所对应的业务。B端产品的用户行为是完成某一项特定的工作,而这种工作,往往具备专业性,更好的理解这个专业,能够帮助设计师更好的与用户进行沟通,设计出好的产品。

专业的学习基本和大家上学读书相似,可参加相关的专业培训和阅读专业书籍。深入的专业理解,依赖于系统、日常的专业学习积累。以客服行业的量化指标为例,客户服务满意度、一次性解决率、质检采样标准等等,这些内容都是客服人员日常工作中的内容,更好的理解这些数据的逻辑,以及一些主要的优化方法,设计方案才能够更有效的帮助用户更好的进行日常工作,提升工作效率,最终体现产品价值。

三. 产品理念清晰

网易资深设计师:ToB产品的6条交互设计经验

在贴近客户、理解业务之后,B端产品需要清晰的产品设计理念。与C端产品一样,B端产品也是需要弄清楚:产品提供给谁、主要解决了什么问题、产品的设计理念是什么等等问题。对于场景、用户角色复杂的B端产品,清晰的设计理念更加重要。

一个清晰的设计理念能够拉近产品与客户之间的关系。

以Zendesk为例,早期以笑面佛的形象给人留下非常直观和亲切的印象,同时产品也以亲切、柔和的绿色为主色调,贯彻用户体验和产品特征,帮助客户快速理解产品理念,从而最终打动客户。

网易资深设计师:ToB产品的6条交互设计经验

寻找合适的产品设计理念往往有很多的因素需要考虑,如市场调研、竞对分析及团队基因等等。通常我们可以通过SWOT分析方法,寻找适合自身产品的发展方向:

  • 市场中主要的竞争对手(包含潜在竞争对手)的状态、团队优势、团队劣势、产品理念。
  • 自身团队的状态,团队优势、团队劣势、可能的产品理念。
  • 所处B端行业当前的状态,未来的发展方向,自身以及竞争对手团队的与行业未来的契合程度。

通过对以上三点的思考,寻找合适的行业发展、自身团队具备一定优势、竞争对手难以追赶的方向,是保证产品稳固发展,不断扩大产品优势的重要方法。

前些日子设计团队内部进行了一次关于商业模式的工作坊,大家有兴趣可以阅读《价值主张设计》或《商业模式新生代》等相关数据,进行此部分内容的深入学习。

四. 强化短板

B端产品往往是多角色协同的产品,角色通常包含企业管理者、企业员工、上游同事、下游同事等等。多角色使用的产品,存在不同角色的分工、侧重不同,而任何一个角色的功能与体验欠缺,都会造成整个产品的使用效率降低,最终影响产品整体的效果。木桶效应在B端产品上是十分明显的。

一个水桶能装多少水取决于它最短的那块模板。- 木桶效应

我们以一个网易B端产品不同功能模块的满意度横向对比数据为例:

网易资深设计师:ToB产品的6条交互设计经验

从图表可以看出,功能G的客户满意度明显低于产品整体水平(对应功能模块的满意度数据可以通过用户调研问卷的方法获得),而功能G作为产品不可缺少的一环,满意度直接影响客户对产品的整体满意度,最多影响客户的购买与付费决策。

因此,在当前产品阶段,着重加强对产品功能G的满意度优化应当是产品的主要工作。具体的优化内容,可以再通过客户拜访、业务轮岗及数据分析进行,得出优化项及量化后的影响程度,再逐一进行优化。

五. 方案灵活

B端产品的需求往往会随着企业发展,需求不断的进行扩展,这导致单一的交互方案难以满足不同企业、甚至同一企业在不同阶段的细分需求。因此很多时候,B端产品的交互都需要保证方案扩展的灵活度,从而满足不同情况下的定制需求。

网易资深设计师:ToB产品的6条交互设计经验

上图以网易七鱼的历史服务内容为例,针对不同的企业,数据的展示项、计算方式、展示顺序都有不同需求,因此针对数据报表的列表组件,我们制作了完整的数据项自定义、数据展示自定义、数据展示顺序自定义的交互设计方案,从而保证企业灵活的数据设定方案。

这样特定功能模块的定制化功能,能够有效的满足不同企业的不同阶段变化的需求,提升客户的使用感受,同时降低整体的开发成本。类似的场景还包含展示界面的自定义,互动消息的自定义、报表的自定义等等。同时,符合客户需求的自定义方案,能够令产品更具有企业的色彩,提升用户的使用感受,保证产品的专业程度。

六. 组件统一

一个统一、规范的交互组件库,能够不断沉淀设计师的思考、降低设计与开发成本,同时也可以降低用户在不同产品模块之间切换的学习成本,保证产品不断发展过程中,用户体验不被打断。老一代的B端产品系统通常是非常复杂的,新员工往往要经过很长的上岗培训时间,才能够熟练操作对应产品,新一代的B端产品不应该这样。

网易资深设计师:ToB产品的6条交互设计经验

上图是网易一个B端产品的日期选择组件的演变过程。虽然产品的组件库内容范围大多是相似的,但B端产品的组件需要不断的适应演变的企业需求,不断的进行升级。日期选择组件从原有简单的日期选择,到增加快捷的日期选择,再到增加时间的范围、时、分、秒的选择,沉淀下来的组件库,不仅能够满足平台内更多场景的复用,同时也能够提供给你其他B端产品进行借鉴,更好的为客户及业务服务。

  • 贴近用户
  • 理解业务
  • 理念清晰
  • 强化短板
  • 方案灵活
  • 组件统一

以上6点是我自己在做ToB产品交互设计过程中的一些经验总结,希望能够帮助到感兴趣或正在进行ToB产品交互设计的同学。

欢迎关注作者的微信公众号:「网易UEDC」

网易资深设计师:ToB产品的6条交互设计经验

经验分享!关于交互设计的一些建议」

网易资深设计师:ToB产品的6条交互设计经验

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/34300/

(0)
震天下震天下
上一篇 2017-09-25 13:32
下一篇 2017-09-28 13:08

相关推荐

  • APP引入一个新世界的可能性

    在上一篇文章中,我们介绍了概念"设计的地方,"这也解释了如何你可以更好地了解您的应用程序的使用情况和它的功能,以及如何可以变为更加重要的一部分,您的用户日常生活的步伐。我们这样做是通过分解如何分析应用程序功能的位置,如精确位置的数据已迅速成为必不可少的提供您的用户行为和利益的富有洞察力。

    2015-01-05
  • 阿里交互设计师实习期总结的6个新人进阶方法

    这是阿里交互实习生半木对他两个月份实习做的一个总结,以指导后续的项目工作,主要内容为协作方式与职业素养方面的沉淀。都是书本上没有的实战经验,非常适合没有经验的交互新人进阶学习。 作为职场新人,第一次接…

    2016-05-19
  • 用户体验系列05:降低用户记忆负担的五种类型

    碎片化应用,是一个日益被强化的概念,诠释了用户的使用场景。其实在碎片化应用的背后,也映射出用户需要面对海量的数据,需要承载的东西太多了。一个好的产品,在某些方面应该是能够帮用户减负的产品,降低用户记忆负担就是重要的一环。能让产品帮用户记忆的,就尽量不让用户记,增加用户负担。这里我汇总了五种常见的类型,以供大家参考。一个用户正在用手机看新闻,此时屏幕顶部弹出一条消息,告诉你预约的家政人员会在下午上门;然后用户退出新闻客户端,看到家政APP图标右上角提示有一条信息;打开APP并进入消息中心,看到了那条信息。除了提醒信息外,还提供了家政人员的姓名、电话等信息,用户可以直接点击手机号联系家政人员;当用户完成了一系列操作,退出APP,APP图标的提示标识也消失了。

    2017-05-03
  • 广告与用户体验只能二选一?

    最近公司的移动端产品在优化广告投放,其中也遇到了不少的困惑,我翻看了部分APP的广告展现形式并结合了几位设计师&产品经理的想法之后,整理总结出了这篇文章。本文将结合实际案例就常见的广告形式以及它们如何合适地呈现与大家进行分享。遇到的困惑我们知道无论是自身的品牌活动宣传还是第三方的商业广告都能为公司和产品带来不小的收益,但与此同时不恰当的广告也会对用户体验造成很大的影响,特别是移动端,因为屏幕有限更是“寸土寸金”,一不小心就会引起用户反感...

    2018-04-04
  • 设计原则中的5种信息组织方式

    要以用户能够轻松使用和理解的方式组织信息。用数据来回答用户的疑问。以更贴合用户目标的方式来呈现信息,就能创造出更好用的产品。“信息或许是无限的,但是……组织信息的方式是有限的,因为它们只能通过LATCH原则来组织:位置(Location)、字母表(Alphabet)、时间(Time)、分类(Category)、层次(Hierarchy)。”——Wurman, 1996“我做了太多次尝试,试图用某种其他方式来组织信息,但最终都会回归这5种之一。”——Wurman, 1996比如说,设计一套特别的服务时,我们应该考虑不同物品的位置关系,它们如何分布。超市货架的设计就是很好的例子,在物理空间中组织信息。比如字典和通讯录,无论是虚拟的还是物理的。举例:日历和会议日程、邮箱收件箱、项目计划、有趣的Facebook时间线、电商平台的订单列表、消息应用,还有许多。这种信息组织方式充斥着真实世界和虚拟世界。从购物与工业,到Pinterest上的分类和Twitter的标签。例如:从小到大,从低到高,从开心到不开心等等。给服务和产品标星打分、计分表、能效等级、尺寸等等。

    2017-08-04
  • 留白这种设计手段的4大必要功效

    留白不只是空白的画布,它是一个功能强大的设计工具。留白是很难掌握的,留白的应用是包含艺术与科学。真正了解多少空白位置才足够创造一个良好的布局需要多实践。你设计得越多,你就会学得越多。“Whitespace is to be regarded as an active element, not a passive background” — Jan Tschichold
    “留白不单单是一个被动的背景,而是一个活跃的元素。”Properly using whitespace between paragraphs and in the left and right margins can increase comprehension up to 20%
    适当的运用段落之间的留白和左右边距的留白能有效增强理解力高达百分之20.The more whitespace around an object, the more the eye is drawn to it
    越大的留白空间包围一个物件,越多的目光就会集中在这个物件身上。As designers, it’s our responsibility to create usable communication vehicles.
    “作为设计师,我们职责就是去创造“沟通手段””Let the products speak for themselves
    让产品自身为自己说话。

    2017-04-28
  • 最重要的用户体验设计细节恰恰是被忽视的地方

      编者按 : 本杰明·布兰德尔(Benjamin Brandall)是 Process Street 的内容设计师。 我算不上是一个优秀的设计师,事实上我的设计水平还比较糟糕。不过我对设计的理念很感兴趣。我读过和写过很多关于 客户成…

    2015-11-30
  • 网页设计中常见的五种交互设计错误

    交互设计 从来都不是简单的事情。可靠的交互通常需要借助对用户行为的深入分析,然后有针对性的精心策划。可是随着新的技术和新的交互模式的不断涌现,事情就变得不是那么容易了。

    2017-06-05
  • [学生看过来]国外的大学交互设计学科的专业与相关分析!

    标签:交互设计专业 交互设计5个重要组成部分 Five Dimensions of Interaction Design。 交互设计Interaction Design 缩写为:IxD,也可以理解成Human-Computer Interaction 人与机器互动设计,旨在通过设计让电子…

    交互设计 2015-01-26
  • 百度三端搜索首页之美:精确、精准、精细

    持之以恒的学习是设计的来源,责任感是设计的原则,而灵感是设计的升华。

    2017-05-12