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

相关推荐

  • 万豪国际集团打造智能交互体验客房

    作为全球酒店业的创新者,万豪国际集团近日携手两大全球领先企业 -- 三星与罗格朗,重磅推出 “智能交互体验客房”,探索有可能提升宾客体验的各种新概念,创造更为高效的客房设计,从而为宾客带来未来酒店体验。宾客可在万豪国际集团“智能交互体验客房”镜子上投射瑜伽练习视频万豪国际集团全球首席商务官Stephanie Linnartz表示:“我们的宾客期望在生活中的方方面面都能获得个性化的体验,酒店入住也是如此。智能交互体验客房使得宾客可以按照自...

    2018-01-30
  • ​50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载

    50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载素材下载方法:长按识别二维码,用微信扫描或者长按识别二维码即可加入。并不是只是下载这个素材。超过200G精品素材全部任意下。素材不断更新,添加。。。有任何问题,请联系微信uisheji----------------------------------------欢迎订阅,查看更多精品UI设计素材下载,请关注公众号mobileui

    2018-04-08
  • 干货分享 | 交互领域不可不知的设计法则

    本文转载自“熊猫设计院(ID:MUXDesign)”,已获得作者授权,未经许可禁止转载。前言:交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用。01希克定律(Hick’s Law )简介希克定律指的是:一个人面临的选择...

    2018-04-08
  • 干货|关于用户体验,你想知道的都在这里

    昨天,高高老师邀请了北师大本部三位学长学姐分享了心理学用户体验的相关知识以及职业发展的经验。三位主讲者分别是:如如学姐、喵喵学姐、大洲学长,都来自北师珠12级应用心理学系。问:用户体验(UX)到底是什么?答:其实行业内并没有统一说法,我觉得它作为一个动词来说可以指一项研究活动,通过用户体验的研究方法去探究用户在某个情境下的痛点或者是需求,然后再恰当地运用用户体验设计去满足他们的痛点和需求;而且人的需求总是随时间和时代的变化而变化,所以用...

    2018-04-01
  • 从「重新设计火车票样式」,谈用户体验设计

    作者:无鹿森全文共 2522 字,阅读需要 6 分钟———— / BEGIN / ————“用户体验”是随着互联网的日益深化而变得越来越热的话题之一,它所代表的就是互联网产品和人性本身的相互共鸣,并且这种共鸣在今天而言,显得越来越弥足珍贵。从交互设计到视觉设计,怎么样才算是“好的用户体验”?一直以来,大部分情况下的论调都停留在主观意识层面上,这也使“用户体验”的话题本身显得更加难以拿捏和扑朔迷离。本文将从“重新设计高铁票样式”的角度来切...

    2018-05-04
  • 欧洲刮起性爱机器人风,用户体验称比真人舒服;马化腾减持腾讯200万股,套现超6.4亿港元 | 早报

    语音版早报9.109月10日邦妹读新闻来自创业邦00:0004:09不可不知1、马化腾减持腾讯200万股 套现超6.4亿港元香港交易所资料显示,马化腾于9月5、6及7日,连续三天合计减持腾讯200万股,每股平均价介于321.64港元至323.521港元之间,持股量由8.71%降至8.69%,合共套现逾6.4亿港元。此时正值腾讯股价高点。马化腾今年4月连续4天减持,套现42.27亿元,其今年已合共套现近46亿元。2、传WePhone开发者...

    2018-01-31
  • 用户为王时代,美的如何开创用户体验新模式

    4月23日,美的联手京东推出了巅峰24小时AR新玩法,不仅福利多多,还将家电焕新的概念融入到趣味游戏中,打造了良好的用户体验,赢得了众多用户认可。随着大数据、云计算、社交商务、移动技术等新技术的发展,用户对个性化的产品和服务的需求更加强烈,并期望企业去了解他们真实的需求和提供卓越的服务体验。在此变化下,美的坚持以用户为中心的理念,推进实施关注用户实际需求的创新模式,通过用户体验实证推动产品销售和企业发展。产品研发融合需求从以前的设计师主...

    2018-04-23
  • Sketch导入图片丢色、变白解决方案

    周五晚上回家作图遇到点状况,折腾了半天才好。整理一下发出来,估计有人用得上。以下内容为磨磨叽叽的瞎逼逼顺序,着急解决问题的同志可以快速下滑,会有提示周五到家日常打开电脑作图,做的做的发现不对劲,之前导入进来的图片好像不正常了。如下图一开始还以为是不小心降低了透明度,cmd+左键,发现没降。再想可能是加了纯色,看了一眼属性,也没有叠加颜色。醉了,这什么鬼。我一看既然不成那就算了。重新再导入一张图片,这张后入的是好的。没当回事,接着做图。过...

    2018-04-25
  • “桥”的创想——中安创谷“创业者之桥”设计全球征集于中科大正式启动

    📌 编辑 | P.S3月15日,中安创谷创业者之桥设计全球征集启动会于中国科学技术大学西区成功举办。标志着全球征集活动正式启动。来自中国科学技术大学、合肥工业大学、安徽大学、安徽建筑大学的师生、本地孵化机构负责人、创业团队、媒体代表等近200人参加了启动会。中安创谷科技园是中国当下以“众创空间、孵化器、加速器、产业基地和基金集群”为主要业态的科技园代表之一,“创业者之桥”作为连接一期、二期园区的重要纽带,对园区的整体性及交通流线起着重要...

    2018-03-17
  • 【酒店设计】关注用户体验的酒店设计永不过时

    位于德国巴登-巴登(Baden-Baden)的Roomers酒店,建筑的外观采用简洁的黑白灰格调,错落有致的立面构成,干净利落。建筑的外观采用简洁的黑白灰格调,干净利落、错落有致的立面构成。酒店共设有130间客房及套房,另外还有餐厅与酒吧、屋顶酒吧、500m²的水疗中心、户外花园、无边泳池等等。在精品酒店的设计中,越来越关注客人的亲身体验感,其中有几个重要的关键点:家的温馨感、艺术馆般的艺术气息、现代极致的设计感。一楼的moriki餐厅...

    2018-04-07