开发工具是指开发人员在开发中需要用到的工具,借以提升研发效率。 工作 3 年来,笔者一直都在为开发同学做工具设计;开发使用的工具与 C 端用户使用的工具无论是场景还是对产品的诉求、交互的习惯、UI 的审美都有着较大的差异。 作为一个设计师,到底如何为研发同学做工具设计? 下面笔者将结合自己的业务实践,介绍一些工作中设计策略和经验,希望对大家有所参考&启发。 专业术语解释 研发人员: 负责研究&开发的专业人员。也称"程序员"、"IT人员"、"互联网搬砖者"、"码农"(此处绝无半点不敬之意 )。 开发工具: 开发工具,是开发同学们在开发中需要用到的工具产品;主要目的是为协助开发同学,提升研发效率。 研发工具的特征&使用场景 特征: 效率第一 注重功能的齐全 注重产品性能,追求可用性,易用性 会长时间使用,提倡沉浸式设计 使用场景: 个人研发(编码&测试) 团队研发(研发协作,项目联调) 如何从设计角度做研发工具? 对于研发工具类的设计,设计的深度与业务的理解深度是成正比的;甚至大部分时间是在做业务理解&需求分析,真正设计输出的时间并不长。 首先建议先通过一切可利用的途径和手段吃透业务。这里笔者建议采用 5W2H 模型: 1. 吃透业务(知道自己在做什么) WHAT:要做的研发工具是什么?(是什么?) WHY:为什么要做?(需求涞源&背景) WHO:给谁用的?(核心用户) WHEN:用户什么时候用?(工作习惯&接触点诉求) WHERE:具体的接触点是什么(使用场景) HOW:产品逻辑如何实现?不做会怎样?做了又会怎样?(用户研发模式有何差异?) HOW:要做成什么样?达到什么目标?(项目目标、用户诉求、设计目标) 以上这些点都应该是你接到需求后,脑袋中立刻就要出现的问题。以梳理清楚以上点,体验设计要做的事就可控很多。接下来就是横向了解行业发展状况,做相关竞品分析。 具体在业务分析中,推荐两个小技巧,首先是业务流程图(何人在何地何时做何事)如下图: 第 2 个是,在确认具体需求和任务时,快速拆解任务的列表,这些都能让你快速明白在做什么?业务用户的诉求;及用户操作的具体路径。如下图: 2. 不要重复造轮子,要了解研发工具行情 如果设计师从来没做过同类的工具/产品,那竞品分析的环节更加关键。具体业务场景不同,但"知己知彼,百战不殆"。 大家都知道竞品分析的优势,笔者不再赘述,重点说下对于研发工具的竞品分析,从哪些方面系统进行: 产品定位(了解产品策略&定位;抓稳侧重点) 信息架构(竞品核心功能是什么?解决的核心问题是什么?) 页面布局(竞品的研发工具如何布局;通用规律是什么?) UI 配色(竞品分是如何配色?设计依据是什么?) 交互方式(研发中的交互方式是否有通用的?是何规律?) 在这里举个栗子:说下笔者前段时间为阿里开发做的一款云端研发工具时,对行业内的研发工具 IDEA(全世界最受欢迎的研发工具) 进行的设计体验分析: 菜单和工具栏(常放置功能类型入口); 导航条(编辑文件时帮助定位和导航项目中的文件;同时也会放置重复使用且高频的功能键;例如开始/重启 ) 工具窗口栏(位于IDEA界面的上下左右各有一个,摆放着工具窗口显示和隐藏的按键 ) 文件索引栏(常用于搜索代码文件;通过代码树结构/搜索框) 代码编辑器区域(进行代码开发&调试) 工具窗口(辅助类窗口(IDEA提供了各式各样的辅助窗口来帮助完成各种任务;如项目管理,代码查找等,类似 Sketch 的插件;可自行定制) 工具窗口(可自行定义窗口模式与位置尺寸); 状态栏(显示当前项目,IDEA本身的状态,还有别的一些状态相关的一些信息;例如加载中/重启中等) 快捷入口(查看变更/日志/IP环境/资源等较多信息,出错时才需要的,相对低频功能入口) 通过对多个研发工具界面布局进行分析,得出研发工具的布局规律;从而指引后续我们的研发工具设计: 通过对竞品研发工具的交互分析,总结出了研发工具通用的交互模式和原则。在后续的设计中让我们的云端产品体验在满足阿里业务场景&用户需求的情况下,又与研发行业内的通用体验保持了一致。 这样做既避免设计师闷头搞创新,重复造轮子,又不会两败俱伤。 3. 必须 360 全景了解&尊重用户习惯 通过竞品分析,了解到行业的规范及规律后;就要深入去解决自己的业务&用户诉求了,如何在大框架下进行有针对性的体验设计呢? 笔者总结了以下几点: 业务诉求(用户在业务场景中,每个接触点的真实诉求) 习惯诉求(具体的工作习惯;工具使用习惯;日常研发习惯) 审美诉求(通过用户常用的工具,调研分析其审美和对工具选择的要求) 研发工具不是普通大众能轻易上手和使用的工具,它的专业性和学习成本都很高;设计师本身也不是真实的用户,此时做移情和同理心思考,可行度都是很低的。 设计师不是用户,没办法感同身受的了解研发同学真实的诉求&审美,所以此时一定要通过研发常用的工具,和用户的真实反馈,分析得出用户的研发习惯和审美诉求。这里强烈推荐用研的"观察法"、"焦点访谈法",通过对开发同学日常研发环境&习惯的追踪;研发焦点小组的脑暴,得到想要的数据结论。 4. 挖掘痛点,制造嗨点 输出了工具基本的设计方案,对用户已完成"雪中送炭"的操作,工具可用性得到了保证;接下来如何能"锦上添花",让产品易用和好用呢?那当然是针对影响研发效率的具体接触点,增加小的嗨点和爽点了。 对于研发工具类的产品设计,工具只要帮助用户好好解决问题,哪怕只有几个小点,用户也是很愿意选择和持续使用的。 栗子 1 : 发布主页面的体验点设计 栗子 2 : 发布任务状态的快速追踪体验设计 结语 1. 除了设计方案,如何能做的更多?更好?更快? 设计组件模板规范; 设计沉淀&经验分享; 专利申请; 2. 提前明确产品&用户体验度量指标 C 端产品与研发工具度量指标的差异,一定要根据具体业务场景提前设好体验度量指标。一方面辅助自己做设计验证;另一方面用指标数据帮助定位洞察更多问题,发现创新机会点。 结语中的部分可以作为设计赋能和个人成长的事情来做。业务是永远支持不完的,一个业务结束了,千千万万的业务还需要你支持,但是作为体验设计师,通过做这件事情,能为业务增值固然是根本;但同时还要思考对团队和个人是否有更大的增值空间? 做工具设计不易,做研发工具更不易,希望大家能从相似的工具设计中洞察到不同的多彩世界,共勉。