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

相关推荐

  • UED设计流程和方法

    看惯了淘宝阿里旺旺的UED团队做的图,突然有点冲动,组建一个属于我们自己的UED。没有阿里、百度、腾讯等大型互联网公司有专门的UED团队成员,但我们凭着自己团队合作成立了属于自己的手机客户端UED。 1、需求调研…

    2014-10-29
  • 交互设计七大定律之The Law Of Proximity 接近法则

    最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交…

    2015-08-27
  • 记忆篇|从心理学理解交互设计原则

    无论是设计网页还是APP,我们必须要满足用户的需求, 用户体验的好坏完全取决于你多了解用户。用户是如何思考,记忆,做决策?什么促使他们点击?知道了这些,对交互设计很有帮助。让我们从了解人记忆的复杂性和弱点开始。

    2017-04-30
  • 如何建立交互设计自查表

    对于移动应用来说,移动情景非常复杂,设备也很多样。那么在设计之后,设计评审之前,你的交互稿考虑的细节是否完善,对特殊状态的描述是否有遗漏,你是怎么提前发现一些问题并查漏补缺的?为解决这个问题,我们团…

    2015-03-24
  • 解析「交互设计七大定律」在设计中的应用(上篇)

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用~由于文章有点长,影响阅读体验,本文将分为上下两篇来发~一费茨定律(Fitts’ Law)1、费茨定律(Fitts’ Law)简介费茨定律是由保罗·费茨(Paul M. ...

    2018-02-03
  • 用户体验 | 移动网络音频传播效果研究

    作者:广东外语外贸大学新闻学院教授   郭光华广东外语外贸大学新闻学院硕士生    余思乔来源:《新闻爱好者》【摘要】在传统媒体被集体唱衰的时代背景下,移动网络音频的出现重新定义了广播行业,并在短时间内抢占了大量的音频市场份额。移动网络音频作为互动传播平台,将传统的听众身份转变为用户角色。用户主动使用这一平台,在互动中完成了内容的共构和情感的交流,从而获得了全新的体验与满足。【关键词】移动网络音频;用户体验;传播效果移动网络音频是新媒体...

    2018-04-10
  • 交互实战|覆盖层设计:弹出式半屏页面和弹出式气泡(下)

    上篇《交互实战|覆盖层设计:对话框&浮层(上)》讨论了“对话框”和“浮层”两种覆盖层中最为常见的样式:对话框主要分为提示型和输入型两大类;浮层主要分为Toast和Snackbar两类。在下篇中,想要讨论一些不那么常用的覆盖层交互形式:弹出式半屏页面和弹出式气泡。

    2017-05-05
  • UED新刊 | 马岩松:梦露十年

    UED105期《MAD国际实践专辑》现已开始预售更有30本马岩松亲笔签名版,只限预售!具体购买详见文末互动福利PART 1新刊导读尽管频频有人发问,中国建筑为何迟迟未能冲出亚洲、走向世界,然而这是个太过深广的课题,涉及文化、经济、 政治、意识形态等等诸多方面,并不是三言两语甚至是一期杂志就能说清楚的。在这样的大背景下,马岩松和他的MAD 建筑事务所在国际上的实践探索,便分外独树一帜、另人瞩目。2004年,马岩松在纽约创办MAD建筑事务所...

    2018-02-07
  • 决战双11,哪些技巧可以让你的专题页设计脱颖而出?

    这是小编见过讲双十一专题设计的最完整最有帮助的文章,我只是看了十遍而已。“以前有个同事她说要减肥要健身
    我说好啊看你能坚持多久
    因为我也好几次喊过这种话
    最后却都不了了之了
    可是几个月后再看到他
    细腰美臀大长腿
    显得更加自信了
    是啊她总可以做到付诸行动
    而我只会给自己找借口
    也许再这样下去
    我都配不上和她做朋友了吧”全场5折起/全场买三免一/1元秒杀0元抢购/周年钜惠等等

    争做行业领跑者/先赚它1个亿/上天猫就购了/好物低价上京东等等热烈庆祝XXX成立几周年/欢迎XXX领导莅临我司/恭喜XXX荣获XXX称号乘年轻,住好点/Just Do It/我的青春我做主/你值得拥有bigger than bigger/again and again/more and more(完全不知所云但是看起来很厉害的样子的文案,超级大牌都爱用。。)老板跑路了/美工甩手不干了等(歪瓜出品,我后面会再提到,因为它简直是电商设计界的一股泥石流。。)改变食界,条条是道-卫龙买了就是朋友-故宫淘宝“那么,我去当香葱烤鸡肉串去了”“啊!要是把早上下的蛋也带来就好了”“我可不能在这种地方被吃掉”“您好,您的食材到了”保湿护肤一步到位/棉柔舒适超强吸附力/轻松舒适不变形等等,常用于详情页里

    2017-05-16
  • 超实用!3分钟带你掌握11个最常用的交互控件

    之前的一系列文章,为大家介绍了iOS和Android规范中,各种弹出物的用法,罗列如下:

    2017-05-31