B2B、SaaS 等企业软件中的交互设计总结

♝点击上方“交互设计学堂”关注我们,送电子书我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?这篇文章是我在过去几年里的一些经验梳理,希望能够帮助那些想去或者已经在企业软件团队工作的设计师们。什么是企业软件?下面是维基百科中的定义:企业应用是一种计算机程序,主要用来满足企业的需求,而非独立的用户。一些大家可能用过或者见过的企业软件。在现代企业中,大...

♝点击上方“交互设计学堂”关注我们,送电子书


我刚开始在VWO工作的时候,一直想弄清楚一个问题:企业软件(B2B)真的和B2C应用不一样吗?对于设计师或者设计流程来说,两者又有什么不同?

这篇文章是我在过去几年里的一些经验梳理,希望能够帮助那些想去或者已经在企业软件团队工作的设计师们。


什么是企业软件?

下面是维基百科中的定义:企业应用是一种计算机程序,主要用来满足企业的需求,而非独立的用户。

B2B、SaaS 等企业软件中的交互设计总结

一些大家可能用过或者见过的企业软件。

在现代企业中,大多数企业应用是复杂、可拓展、分布式、模块化的,并且承担着重要功能。企业软件对大量数据进行展示、处理和存储,这些数据往往非常复杂,并且是整个商业流程的根基。

使用企业应用可以帮助你构件你的产品,帮助企业和员工更好的完成工作。

注:虽然B2B和企业应用在定义上有一些小差别,但这些差别在目前的软件生态中几乎没有什么影响,所以这里把他们放在一起描述了。


在设计方面,B2B与B2C有什么区别?

为企业设计并没有什么特殊的地方,好的设计准则放之四海皆准。但对比B2B和B2C的产品设计,他们依然存在一些差别。

想象一下制造一辆汽车vs造一架商用飞机。他们都是非常优秀的工程设计,都可以帮助人们从A地点转移到B地点。但显而易见,他们有很多的不同之处,比如使用场景、制造时间、测试&安全规范、用户预期、价格以及所有权。而这些不同之处都会影响其设计方式。

对于B2B应用来说,不同之处在于它所带来的独特挑战和方法。

要面对的设计挑战

声明:有些问题是设计其他类型产品时也会遇到的,只是这些问题在针对企业做设计时会更加显著。

1. 功能复杂:

B2B App的复杂度通常要高于B2C的App。因为B2B产品有着数不清的影响因素,比如数据的多种状态、可视化的选项、管理业务、多用户合作以及需要和其他软件配合使用。在每次设计的过程中,不但要满足当前的需求,还要考虑到其他功能,有时很难预测到会有哪些其他业务也会被影响。一个小功能的增加都要进行一次系统的全面检查,各种边缘case也要考虑进去。

B2B、SaaS 等企业软件中的交互设计总结

Atlassian公司的Jira软件界面,一个功能复杂的软件案例

如何解决复杂性问题?当然了,方法就是简化。但不要误以为是要简化界面,或者像现在流行的极简UI之类的方法。正确的简化方式是通过适当的规划流程带来的简化。无论项目的时间有多么紧张,在开始设计工作之前,收集、思考、梳理需求、设定优先级上花费多少时间都是值得的。实际上,这些是设计中占比非常大的工作。

如果你对自己的方案很自信,会直接过渡到Sketch,Figma或者PS的阶段。但是,这太早了。我们应该花些时间目前项目中的各类相关事物、可能的结果都分类整理好,用你自己熟悉的方式做好研究和计划,找出所有的可能性,处理好各类边缘case。当你一切准备就绪后,再进行具体的界面设计。

“如果我有60分钟来砍断一棵树,我会花40分钟先磨好斧子,然后再用20分钟砍树。”——Abraham Lincoln

适当的计划,建立合适的设计流程可以让我们在长期项目中设计出体验一致、条理清晰、问题少的产品。

2. 为员工做设计:

一个企业用户(企业雇员等)的思维和行为模式,和B2C产品那种比较临时的的用户是不同的。企业用户,除了要高效地完成他的工作之外,还有着很多其他的事情要做,比如职业成长、在组织中学习和晋升等等。为职业人士做设计需要对其工作的上下游深入了解,对他们的工作流程、环境、想做的事情、问题以及现有的解决办法都了然于心。

如何做?设计企业应用时,深入理解用户需求非常重要。不近要了解产品相关的需求,更要了解用户工作和职业相关的需求。直接和最终用户聊聊,了解他们的领域和目前的工作方法,花些时间了解他们的世界。

此外,用户经常太习惯现有的工作流程,导致我们常常很难发现他们到底想要的是什么。他们可能会告诉你想要某某功能,但这些不会帮助你从根本上做出创新,或者解决一些真正的需求。

用户可能认为自己想要的只是更多的功能。

B2B、SaaS 等企业软件中的交互设计总结

企业产品设计团队的设计指导原则是知道用户目前遇到的困难是什么,然后设计出一个可行性方案来解决这些困难。一旦了解到用户的长期目标是什么,设计师就可以有很多发挥的空间了。

“用户购买产品是希望变成更好的自己。”— JTBD

与其专注于用户说他们想要什么,不如专注于他们实际做的事情,并从这一点开始创新。根据你的想法构建精益原型,并与用户一起测试。

3. 高昂的软件切换成本:

通常来说,企业用户对于现有工作方法都很自信,也觉得很顺手,这样就没有了切换到另一种产品的需要。而且即使他们想要切换,也需要很多人的批准和同意,更不要说迁移数据对于公司和员工来说都是很痛苦的事情。所以与toC产品不同,企业用户的软件切换成本显然高得多。

如何解决这个问题?两个说服企业切换到新软件的方法:

  • 第一:比你的竞品提供多得多的功能。重新定义现有工作流程,使其更快、更好、更有效率,让用户感到明显的提升。

  • 第二:在特别“出效果”的地方做设计。生产效率,工作流程对于企业来说非常重要,仔细研究他们现在的方案,找到有结症的点。考虑如何设计出更快的工作流程,增加效率并减少支出。在这些点上做革新,可以帮助企业实现跳跃式的快速发展。

“对于新方法来说,最好,也可能唯一的衡量标准,就是看它是否改变了人们的行为。”—Stewart Butterfield, Co-founder, Slack.

不断寻找机会,将习以为常的方法变得更加高效。

4. 增加新功能的优先级总是更高:

对于企业产品,新增功能几乎总是比增强现有功能的体验更优先。在产品上线前,设计师一般都会有整块的设计冲刺时间,而一旦产品发布出去,用户需求就开始涌入进来。已经付费的用户不断的要求增加新的功能,产品团队也制定了忙碌的开发计划。在这种情况下,设计师很难说服老板投入时间和资源来提升设计和用户体验。

如何防止这种事发生?尝试用老板的角度来思考。老板们经常这么想:任何一段开发时间,无论是几周还是几个月,如果没有用来开发新功能就基本等于舍弃了潜在的收入。这时,让老板们明白优化产品所带来的好处就很重要了,要让他们相信优化相比增加新功能可以带来更多的收入。重点就是讲好一个故事,直接和最高管理者聊这件事,尝试让他们接受这种观念。优化设计需要时间和灵感,来分析痛点并测试你的新想法。

“电灯不是通过不断优化蜡烛发明出来的。”—Oren Harari

一旦你在公司建立了这种信念,从小处开始着手,比如在某个小的可控的时间段开始做优化,当然别忘了使用指标来检测你的优化取得的结果。这样逐步地在公司建立起对设计师的信任,慢慢扩大设计的话语权和影响力。

要让开发和产品团队做出“做出好的用户体验”的承诺,帮助他们理解这些事情不仅仅是设计团队的任务。

5. 保持用户体验的一致性:

B2B、SaaS 等企业软件中的交互设计总结

来源:企业用户体验行业报告 2017-2018

最近一项包含了3000多名企业产品设计师的调查显示,对于企业设计团队来说,最大的挑战是提高产品的一致性。不同于toC产品,B2B产品通常有更长的产品周期且异步运行,导致设计团队经常被拆分开来工作。

每个设计师都面对着与其他团队非常相似的问题,这就很容易在产品中产生设计不一致的问题,比如更改设计组件,更新样式,甚至像颜色这样的细节都会产生不同。这些问题随着团队的扩大或者产品的体量增加而不断变得严重。

如何解决这个问题?许多公司开始建立设计体系来保持产品的一致性和可拓展性。一个设计体系是可复用的组件、指导标准的集合,可以帮助建立更多数量的产品。一套设计体系一般包括:

  • 设计规范(设计准则,范例,编辑规范);

  • 视觉元素(颜色、排版层级、图标等等);

  • UI组件(表格、按钮、页面样式);

  • 使用和维护的方法;

当询问企业设计团队他们是否建立了设计体系时,约55%的团队说并没有建立,或正在过程中。这是一个不好的现象。需要指出的是,设计体系永远不会彻底完成,他应该随着时间不断的更新。

“设计每个元素时都应该考虑到其是否易于制作和修复。”Leo Fender

设计体系是保证体验一致的有效工具。

这里有一些企业的设计体系,可以给你一些灵感,比如:Lightning design system by Salesforce和Harmony Design System by Intuit.

6. 不是所有设计师都喜欢做企业软件的设计:

不少设计师在做过一段时间企业app设计后,发现它比较无聊单调。许多来自咨询公司或者有toC经验的设计师觉得toB的设计师缺少一些激情和多样化。我们很少做那种酷炫的微交互和动画(就是会发在dribbble上那种)。这就让toB产品的设计师变得感受不到成就感,提不起劲来。

如何避免这种情况?企业软件的用户体验旨在帮助用户更好地完成工作。设计一个迷人的界面来吸引用户在toB产品中的优先级很低。而一个标准的、可预知的界面、让用户能够凭直觉使用的设计则更适合我们的目标用户。

我们的目标是让用户发出“wow!”的感叹——但并不是绚丽的界面,而是因为我们的产品能够帮助他高效地完成工作。

组建企业软件设计团队时,选择目的一致、积极的设计师是最关键的。设计师的动机应该不至于画出复杂问题的解决方案,而是专注于自己的设计能够帮助用户更好的完成工作上。

所以,在设计师加入团队之前,评估他们的想法并建立正确的期待是很必要的。

对企业软件设计的一些通用建议:企业本身实在逐步发展的。企业级软件不再是难用、无聊的产品,用户期待toB软件像toC产品一样有着优秀的产品体验。他们喜欢漂亮的界面,也不希望在使用前看说明文档。下一代技术,例如VR和AI,已经进入了我们的生活,也很快会出现在工作当中。这对于企业软件来说还有着巨大的发展空间,设计师能做的事是无限的。

帮助你做企业软件设计的三个指导原则

第一:拥抱灵活性和模块化。再设计任何东西的时候,都要考虑到他是会发展变化的。不仅仅要集中于适合当前需求的设计,更要考虑它对未来需求的适应性。

第二:建立条理和流程。优秀的合作,定期的用户调研,问题报告,设计迭代,这些东西都是我们一直预计要做,但不能每次都能实际落地的事情。你最好建立一个定期重复的流程来保证产品的设计是在不断迭代升级的。

第三:整体地思考。永远要考虑你的设计会如何影响整个产品以及公司。当你关注整体时,你设计出的产品,无论是升级还是增加功能,都会自然而然地保持连贯而一致的用户体验。

转载自:公众号 熊猫设计院

译者 / 不器

校对 / 熊猫小生

作者 / Varun Mohapatra

欢迎投稿:jhsjxt@163.com


加老D私人微信18605817040,和老D一起学交互,老D会在朋友圈发精选文章和招聘信息

交互设计学堂已经开设了新的栏目-行知书院,旨在帮助小伙伴们来高效的学习现在市面上优秀的用户体验书籍比如《交互设计精髓》等等,同时结合老D的工作经验来帮助你们从不同的高度和角度来解读书中的内容。每天一课,积少成多。已有222位小伙伴加入。详细了解行知书院

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36588/

(0)
交互精选交互精选
上一篇 2018-04-20
下一篇 2018-04-20

相关推荐

  • 用户体验丨有一点,我特别不服:我一向健康,这本“生命说明书”却告诉我,风险无处不在!

    我与优福的故事聚 集 幸 福 之 因[图片]癌症,是人们的恐惧中心。很多人平时身体棒棒,突然就倒下了,永远的离开。比如我婆家的姑爷,发现时已经晚了,无力回天[图片][图片][图片]。2013年,安吉丽娜·朱莉检测了自己的基因,发现乳腺癌症易感基因患癌率是87%!她提前知道,提前预

    微信热点 2018-02-01
  • 物联网UXs(用户体验)的设计模型

    如在文章《物联网相关产品的用户体验设计与其它产品设计之间的差异》(http://www.toutiao.com/i6414599431076708866/)所描述的那样物联网(IoT)的设计将面临着一些挑战和复杂性,这些挑战您可能不会在“常规”的Web服务(只有软件)中遇到。在实际设计中您将需要考虑一些不同的也许是新的设计领域,而所有这些都将用于塑造UX(用户体验)。物联网产品的两个最明显的和有形的设计形式是:一是UI (用户界面)或者...

    2018-05-01
  • 【用户体验】“跳一跳”游戏的体验

    伴随着微信的升级和重点推荐,小游戏“跳一跳”一夜成为中国互联网的全民爆款休闲游戏。不仅周围的同事、连身在老家七八线小县城的小学同学都在乐此不彼的刷屏和相互竞技。如此如火如荼的燎原之势,除了有微信这个强大的平台效应之外,当然也有一些“跳一跳”自有的吸引力蕴含其中。今天,就和大家一起来聊一聊“跳一跳”中的游戏心理学。第一,尝鲜心理。追求新鲜事物,是人类的天性。任何时候,人类都从未停止过尝试新鲜事物的脚步。而微信,作为一个8亿+的社交平台,“...

    2018-02-26
  • 做完这5次Axure实操,0基础不仅做出高保真,还能提升产品交互

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第7期开启报名!从第1期到现在,2000多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)产品思维和交互贯穿全程,学完不仅能画出高保真,同时告别画图经理。具体来看,通过6...

    2018-04-07
  • UI设计、交互、产品、都应该具有这十种思维模式!!

    注:文章由 集创堂联合创始人CEO纯色老师和设计帮联合出品!这篇文章从十个维度深入挖掘交互设计的思维模式,如果你是UI设计师、初级交互设计师、产品经理、那么这篇文章很值得你学习。笔者在和纯色老师探讨交互设计思维时,老师说“不管你是UI、交互、产品,在团队中都不能是孤立单一的技能,要用联系的观点去看设计,不能分裂来看”。老师说的很对,做UI设计到最后是离不开交互知识支撑的,同样交互、产品也应该具备对设计的审美,这样每一个角色再探讨产品时才...

    2018-01-30
  • 交互设计的进阶三重境

    ✨交互设计师的迷茫作为交互设计师,工作几年之后,如果还处在 “从产品接需求输出线框图” 的循环中,或许就会产生一些迷茫:自己的价值和竞争力在哪里?如何突破,进一步提升自己的能力与话语权?迷茫,是因为无法定位自己,寻不得方向,找不到出路。所以,当我们提问该如何提升时,不妨先想一想,【用户体验设计】这座高塔,究竟是个什么模样,而自己又在什么位置。此文中,我根据自己的一些工作经历和理解,将交互设计师的能力成长分出三个阶段:功能完善者、产品推动...

    2018-02-26
  • 案例分析|一次消灭产品文档的实践探索

    作者:Dougee全文共 2120 字 5 图,阅读需要 5 分钟———— / BEGIN / ————在刚入职眼前这一份工作的时候,CTO就对产品组提出了新的要求:以后不用再另外输出产品文档,直接在原型上标注就可以了,而且以后要输出动态原型。先介绍一下我本人的情况:产品经验2年,对于Axure的交互设计有一定实践经验,但从来没有想过把动态的原型与产品说明结合来表达需求。对于CTO的决定,我想了一下,大概是出于以下三点原因:太多文件数量...

    2018-03-27
  • 用户体验要素,商品介绍,它们两竟发生了这种关系!

    有人去电影院是为了看电影,而有些人……上次我们讲到,网络课程的课程介绍的工作流程问题。广泛来说可以是网购中任何商品或服务的介绍的撰写或制作过程,这个工作流程和用户体验要素十分相似 ▼这一次我们来探讨用户体验要素具体对商品介绍的指导作用,先来看看一下详细的用户体验要素 ▼关于上图的模型,在《用户体验要素》一书中有详细的阐述,这里只讲与本文内容有关的部分。先来看到这个模型的右上方,有功能型和信息型两种分类。基于我当时的工作任务是商品介绍,那...

    2018-03-20
  • 考研是工作的理想国 | 同济大学设创交互设计考研分享

    打造最优质的设计教育有趣·专业·创新上次发了那篇跨专业考研的分享之后,小编收到了很多小伙伴的后台留言说,能不能多多分享一些考研的心得,为了保持我们有求必应的优良传统,今天的推文也是一篇干货分享帖~此次的分享,来自一位考上同济的在职小姐姐,一起来听听她是怎么平衡工作与考研之间的压力吧~张 炜15年毕业于山东财经大学的数字媒体技术专业,因为爱好也因为工作上遇到的瓶颈,希望能通过考研取得进步,并顺利考入同济设创院的交互设计方向。(即在职又跨专...

    2018-04-25
  • UED专访 | 众建筑:未来城的边缘

    📌 编辑 | 裴盛📌 采访| 杨紫惺 李思远 李佳琪📌 视频 | 裴盛EXCLUSIVE INTERVIEWUED × 众建筑玻璃框景中,映出木构的筋骨红砖青瓦间,闪烁金属的光芒古老与现代在这座“新生”四合院中交织年轻的的思想碰撞出新时代的活力观察生活、测试构想、生产建造踏进“众建筑”,寻觅空间的更多可能点击观看专访视频UED × 众建筑专访视频 ©UED1“三人成“众”“众建筑”,既是对其由三位合伙人共同创立的直观描绘,更符号化地表达...

    2018-02-07