设计总结:插件设计ABC

1 评论 6268 浏览 27 收藏 11 分钟

大部分插件的作用是满足小众化需求,这类需求相对来说不是主流需求。在设计插件版工具的时候我们会遇到很多矛盾点,插件版的自由度和一致性设计本身就是一对矛盾点,设计时需要找到平衡点,做出适当的取舍,才能让用户在使用过程中拥有更好的体验。

插件设计理论篇

大部分插件的作用是满足小众化需求,这类需求相对来说不是主流需求,把他们放在二级页面里面进行配置,可以满足部分特殊需求的用户,也对主流用户没有任何影响。

其优势是:

  1. 降低产品试错成本,简化产品的核心规则,无需在产品初期就实现非常复杂的产品形态。
  2. 释放冗余的产品内存,节省电脑资源。
  3. 便于用户灵活使用

大致可以将市场上的插件分为三类:

第一类是浏览器插件,这类插件比较常见,大家也经常使用,它们依存于浏览器,不同的浏览器有不同的插件市场,现在主流的浏览器有360、谷歌、QQ、火狐等。

每一个浏览器以及插件使用后,明显感觉QQ浏览器的插件使用流程最为顺畅:从插件中心搜索插件➡查看相关详情➡下载安装➡启用设置➡使用➡卸载,这一系列的操作流程引导做得很到位,不会中途被强制中断。

第二类是软件的第三方小插件,例如:sketch、PS等图形类软件的小插件,这类工具功能虽已十分强大,但是依然不能满足所有用户的需求。因此会有很多第三方为其开发一些小插件,为用户提高工作效率。这类工具的插件入口一般都十分隐秘,安装和启用的流程学习成本相对较高。

第三类是原生模块化插件产品,例如:酷Q和我们的产品wetool,这类软件以功能模块作为插件,由于功能模块过多和复杂化,于是以插件模块存在可以让用户自由搭配使用,某些高级的功能模块也可以作为付费插件提供给高级用户使用。

插件的更新方式一般有两种:强制性和非强制性。

  • 强制性的更新方式较为少见,主要运用于十分重要的升级,在某个时间点强迫用户完成某项操作会让用户产生烦躁情绪,因此强制更新尽量不要过于频繁,否则会失去一定的用户量。
  • 非强制性的升级会增大开发成本,需要维护多个版本,会导致部分不更新的用户数据和功能异常。

插件的下载安装方式也可以分为两类:

  • 一类是复制黏贴至插件文件包,这种安装方式较为隐藏,需要学习成本;
  • 第二类是在软件页面内部给予安装下载管理入口,引导用户去完成一系列操作,用户体验更加。

插件可以从存在的界面形式上大致分为两类:

  • 一类是独立界面类,这类插件拥有自己独立的页面操作,需要用户调用界面设置后才可以具体使用;
  • 还有一类是无界面类,一般是辅助性功能,没有任何界面形式,调用后就可以使用,例如:裁剪工具。

下面总结一下具体插件设计的注意事项:

(1)插件本身是灵活自由的,在设计过程中要秉承这个优势;

(2)要降低用户的学习成本,其中可以从这三个部分入手:

  1. 简化安装和卸载,启用和关闭的操作流程;
  2. 直观展示:插件虽是软件或者浏览器的第三方辅助功能,但是在功能展示上也不可过于隐藏层级过深,防止用户安装和启用后不知道在哪里调用插件;
  3. 便捷管理:插件集成在一个固定的地方,便捷快速的管理插件能够提高用户效率;

插件设计需要保持一致性,包含视觉和交互操作,不通形态的插件在操作流程上统一会让用户产生联想,以此降低了学习成本。

插件设计实践篇

前言:这是一个帮助微商、教育机构等个体或团队运营、管理微信群和好友的协助性软件,整个软件每个功能模块都是相对独立的,因此可以把整个软件的每个功能模块做成插件。

如此设计和改版的原因有以下两点:

  1. 功能逐渐开始繁复,有些用户只需要使用其中的某些功能,插件化让功能搭配更加自由;
  2. 功能模块多而杂导致用户很难发现自己需要的功能,模块化插件的展示更加清晰

下面是软件改版前的整体架构:

由于软件的功能模块相对独立,不同的用户偏重的需求不一样,例如:客服人员主要偏向于解答用户消息,一般只需要使用客服、机器人、群管等模块,而运营人员需要增长和裂变粉丝,一般只需要使用群发、加群好友等功能。

原先的设计功能模块过于庞杂,很多模块也是为了分类而分类,一些功能会被藏在很深的层级,很多用户反馈无法快速定位到自己想要的功能模块。

在改版的插件版本中,我们会按照一定的分类将功能打散,插件页面以功能模块来展示,每个功能模块有相应的详情介绍和功能介绍,用户在该页面可以自由下载和启用自己需要的插件模块,自由搭配模块使用更加相得益彰。

插件版改版

上面是插件版本的架构图,可以基本将插件分为四种属性:不可卸载、可以卸载、前台插件(必须依存页面使用)、后台插件(设置完成后可以后台执行)。每个插件会有不同的属性,属性也会有所交叉,需要根据插件的类型和功能需求设计。

在此基础上设计功能我们需要注意以下几点:

(1)插件功能的辨识度

插件管理页面的插件模块会不断增加,需要分类展示,不仅通过文字区分功能还可以在图标设计的辨识度上下功夫。

(2)插件主要操作流程和界面保持一致

对于用户而言,没有属性之分,用户只需要了解功能方便使用,因此在一些基本操作上我们需要保持一致的用户体验,防止增加用户的学习成本。

(3)不同属性的插件的差异性设计

例如:不可卸载的插件没有卸载删除入口,前台插件必须启用后才能打开页面,所有的插件都可以选择是否固定在顶部导航栏使用,便于用户自由搭配和整合功能。

(4)关联性操作要做好引导

安装和管理/启用、页面设置和固定导航栏,这些操作是主流用户启用功能的一连串基础动作,由于特殊化需求我们需要把基础操作分步进行,因此在第一次的操作过程中我们可以引导用户去学习操作流程,防止操作断层造成用户的不理解。

(5)相关功能模块的联动设计

例如接受好友功能可以和新游应答功能配合使用,在安装其中之一时可以询问用户是否捆绑安装另一个,可以省去用户再去寻找和学习的成本。

(6)功能入口的主次划分

每个插件的功能入口会比较多,在布局上不能把所有的入口都铺出,需要分清主次,例如启用和页面设置是主要功能,卸载、查看详情和固定至导航栏是比较次要的,可以通过层级划分和微交互区分。

下面是插件版的原型图和部分交互动态页面,里面包含整个插件的使用流程:

结语:在设计插件版工具的时候我们会遇到很多矛盾点,插件版的自由度和一致性设计本身就是一对矛盾点,设计时需要找到平衡点,做出适当的取舍,才能让用户在使用过程中拥有更好的体验。

也欢迎大家来体验一下我们的产品,指出不足,插件化版本会在下周与大家见面。

 

本文由 @UX-ICY 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自 Pexels,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!