网易资深设计师: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

相关推荐

  • 请记住,视觉设计远不止“好看”这么简单

    设计师和理发师其实有点像,理发师基本分为三种:一种是只会搞基础发型的,比如寸头、中规中矩的长发、老太太卷头等;一种是只会剪流行发型的(这种发型师还很容易 摇身一变成为造型大师,告诉你你应该改变,应该剪目前最流行的某款发型,但实际上可能是他只擅长这款发型);还有一种是最可遇不可求的,他根据你的脸型、 性格等,用最简单的手法量身设计发型,让顾客的气质度立刻得到提升。

    2017-06-03
  • 交互总结篇(一):框架与布局

    上篇文章里面简单介绍了一下关于交互设计分析的三维度,即框架、流程和状态;这里就不做特殊介绍了,详细内容请见《三个维度,解析产品的交互设计》。而本文作为交互设计总结篇的第一篇——框架布局篇,主要是系统地整理一下交互框架设计所需要考虑到的方方面面。框架是整个或部分系统的可重用设计,表现为一组抽象构件及构件实例间交互的方法。

    2017-04-28
  • 用户体验|无关情怀,只与用户习惯有关

    用户体验在使用层面是一个感情的解释,但是在产品设计的专业领域,这是一个具象且拥有层次感的专业领域。当一个产品进入市场后,“产品如何与外界发生联系并发挥作用”,也就是人们如何“接触”和“使用”它。这就是用户…

    2016-11-08
  • 同学进了大公司的UED部门,我想一部分原因是…

    2017年开年,已经陆续有毕业生提前找实习工作了,在与一位成功入职的新人设计师交谈中,有一个重要发现:交互设计越来越受重视了。这位计算机专业的小伙伴,机缘巧合接触了设计,从此一发不可收拾,短短不到一年时间就熟练掌握了PS、AI、AE等软件,还自学了手绘技能。不过即使如此,她的求职仍困难重重。不是985 重点大学/非视觉传达专业/只会画图标界面等等,都成为用人单位将她拒之门外的理由。虽然要求有点苛刻,但站在公司的角度,想要在浩浩荡荡的求职...

    2018-01-31
  • 前辈经验!聊聊新人设计师最容易遇到的12个问题

    身为设计师,我越来越意识到只有整个设计师圈子的能力和氛围都起来了,我们每一个小分子才可以好起来,大家学习的积极性也比我大学时期(07年-11年)好太多,那时的我都完全没有要逛设计论坛学习的意识,所以当我看到谁年纪轻轻就已经那么牛逼了,我就很后悔,当年我为什么就没有逛论坛自我学习的意识呢,要不然我早就走向人生巅峰了,当年自己怎么那么井底之蛙,资源有限,信息闭塞,也没有人叮嘱我要怎么去做,也没人给我指出问题所在。现在有这么多好的学习平台和机会,而我也确实看到了很多设计师存在的问题,所以我总结下来,希望对大家有所帮助,不要像我当年那样活在自己的世界里,落后别人一大截。

    2017-05-26
  • 不要忽视色彩在手机APP设计中的作用

    在本文中,我们将讨论在APP中与色彩相关的重要知识点。 我们将涵盖传统的配色方案模式(单色,相似色,互补色),不严格基于任何一种模式的自定义色彩组合,同时我们还将学习如何为你的APP选择色彩与对比度来增强可用性。

    2017-05-08
  • 常用中后台交互设计控件使用场景与规范总结

    最近刚完成平台安畅云 2.0 的改版设计,平台模块很多,经常存在很多类似的页面和组件,若不制定统一的规范和控件,则会导致很多重复的工作,大大降低产品的设计效率;同时,平台的一致性也得不到保障。所以,我们视觉、交互、前端的小伙伴们针对我们踩过的坑,大家认真总结和提炼出一个符合公司定位的设计规范,统一公司项目的前端 UI 设计,规避不必要的设计差异和实现成本,实现设计和前端资源的效率最大化。

    2017-05-02
  • 用户行为预判的交互设计研究

    #交互原型##预判设计#主要有两类目的:一是在用户初次体验某种功能时引导用户,避免用户陷入困惑;二是提前判断#用户行为#,缩短行为路径。 作为“剁手党”,闲暇功夫刷淘宝已经是消磨时间的习惯行为。某天看中了一件…

    2016-11-03
  • 线上讲座 | 送你一份全新的交互设计指南ヾ(゚∀゚ゞ)

    ▲ 向左滑动查看更多导师作品摘要:上期Designer Talk 我们邀请到的UI设计师Coraline,以“对现代科技发起交互”为媒介,来传达她所创作的艺术呈现,不知道同学们有没有通过对非现场性艺术分享,使思想脱离理性范畴,继而进行创作性的探索与尝试。本期Designer Talk我们将借助符号性的语言,将碎片化的艺术凝结在一起,打破虚无与现实桎梏,为您呈现全新的交互设计。关键词:交互设计 / 当下全新的非完美呈现分享导师Jason本...

    2018-04-19
  • 帮你从零开始掌握交互设计的学习笔记

    最近两个月给公司的伙伴们做交互设计的分享,这是第一期分享的内容。在这次分享中,我认真梳理了交互设计师掌握和精通这门技艺的方法。我认为,如果想成为拔尖的设计师,只有这条路可走。 什么是交互设计 用户界面…

    交互设计 2015-09-09