听说产品又要改版了?我总结的这篇思路方法请拿走!

用户头像
广州/UI设计师/5年前/360浏览
听说产品又要改版了?我总结的这篇思路方法请拿走!
用户头像
AIRNSA

产品改版设计指南,不知道从何入手的同学看过来~

前言


前段时间完成了产品改版的设计,由于团队的人员配置不多,所以我在改版中的工作量很大,需要兼顾分析、沟通、设计、追踪等大量的工作。鉴于我以前设计的大部分都是从0到1的产品,对一些方法论和设计思路还是比较熟悉的,所以这次改版还挺顺利。


产品改版是互联网行业中每个公司和团队都会经历的一步。作为设计师而言,在改版过程中除了完成设计工作以外,可能还会承担发起者,执行者,验收者的角色。具体情况视每个团队人员配置和能力而定。改版需求和流程也会随着产品阶段而不断变化。接下来,我将回顾此次改版的设计过程,总结并分享流程和思路给大家。





改版流程


这次产品改版定为设计重构,使用双钻模型对于产品的设计重构来讲是非常有效的。对于设计师而言将你的思考过程具象化是很重要的,双钻模型这个设计方法可以着重挖掘问题和解决方案,对于团队而言也可以减少成本提高效率。

双钻模型图例


但任何一个流程或者模型是不太能完全遵守执行的。所以设计方法也要正确使用,首先我们要了解产品,知道当前所面对的问题,然后再使用设计方法,大致规划出一个适应自己产品的解决方案和方向。


所以这次改版我将双钻模型的发现、定义、构思和执行这四个阶段做了细微改变,以此制定出适应团队实际情况的一个改版流程。

优化过后的双钻模型


1、发现问题
梳理产品现状找出存在问题,针对问题进行调研。
①. 发起改版
②. 挖掘产品当前问题

2、定义问题
整合阶段一的问题,确定优先级,对关键问题进行分析。
①. 整理确定重点
②. 分析关键问题

3、构思方案
将问题具体化,尝试设计2~3种方案,综合评估并确定方案。
①. 具体化解决方案
②. 评估确定方案

4、执行设计
确定设计方案并启动,使用新设计对二级界面进行延展和重构,定义设计规范。
①. 启动方案进行视觉设计
②. 定义设计规范并完成改版

下面我将四个阶段中的内容分别拆解说明,让改版流程更加详细。






一、发现问题


①. 发起改版


产品改版的原因和需求可以是设计师平时工作中发现的问题,也可以是上游方提出来的需求。作为设计师我们可以从用户体验五要素认知模型入手,对产品的战略层、范围层、结构层、框架层和表现层五个层面进行发散思考,保持质疑。那么我们就可以从中得到很多需要改版的地方,后续再对其进行挖掘和研究。

用户体验五要素模型


下面是我经历过的改版需求:


A、日常迭代。
属于设计师的日常工作。

评估功能需求决定增减功能,通过数据分析从而优化某个功能模块,完善整个产品以待下次版本更新。


B、业务变化。
由于公司业务发生变化,产品也需要随之更新换代。

对于体量小的产品来说可能是砍掉某部分功能,或者改变某些界面布局等等。而一些大的平台可能是新增某个大的功能模块来应对新的业务。总之,伴随业务增长或下沉,产品和设计也需要敏锐的观察数据并作出适应业务的改变。


C、设计重构。
推翻上个版本的设计,对产品进行设计重构。为产品构建设计规范,包括统一界面交互、视觉风格等等。这两种情况是经常遇到的:

①. 某个初创团队需要产品快速上线试错,所以前一两个大版本以功能实现为主要目的,可能在交互和用户几个方面做得不够到位,细节处理的不够好。这时候版本更新就需要以设计师为主导深挖需求,具体在交互和视觉层面上表现。

②. 有的APP产品是与公司业务相关所开发出来的,相对传统C端产品来说需求变更较为缓慢。为了使产品符合当下需求和设计,我们需要重新调研需求,深入客户使用场景,并以此为切入点来进行设计重构。



②. 挖掘产品当前问题


除了发起改版时的产品表面问题,还有很多更深的问题存在,我们需要有一个方向把控过程。那么在深入挖掘问题之前,需要对产品现状有清楚的认识,基于上述改版需求(设计重构),我的思路是从用户、交互和竞品三个方面入手挖掘。讲简单点就是做三件事:调研用户需求,梳理产品找出问题,确定改版方向。


1、根据用户访谈和问卷调查的数据,创建产品的用户体验地图。前期通过用户访谈获取用户在完成任务中的行为和接触点,将其归类整理到体验地图中。然后观察和思考在使用场景中用户的情绪,最后找到痛点和机会点。

此次产品改版所创建的体验地图


2、梳理并输出当前产品的信息架构和流程,找出不合理的流程和界面布局。
3、分析竞品的产品架构,自己输出一份竞品的信息架构和流程图,帮助团队更加了解竞品。


用户体验地图根据产品实际情况考虑是否创建,如果产品体量不大,通过用户访谈和问卷调查也能得出样本数据的话其实也可以,设计师可以与用研同事讨论具体实施和方法工具。


输出
当前产品:调研数据报告、用户体验地图、信息架构、任务流程图。
竞品:信息架构、任务流程图。



二、定义问题


①. 整理确定重点


在经过阶段一的调研、走查、梳理,我们会得到大量的问题数据。这时候不要过于追求完美,应当首先解决优先级高的问题,过滤眼下不重要的问题,找到重点,确定关键问题。



②. 分析关键问题


我们需要逐一对关键的问题进行调研分析,如若需要可将用研或运营的同事参与进来,专业的调研方案能够让结果更加客观,帮团队做好判断。


1、分析体验地图中的痛点和机会点是否能够转化为新功能点或优化点。着重考虑用户的潜在诉求,衡量成本。
2、根据前面调研分析数据,与leader沟通来确定产品功能的增减删改。
3、提取竞品分析中的数据,与团队讨论分析能否结合自身产品做出优化和突破。


这一部分我们需要在团队中进行讨论,在此阶段要让所有人达成共识,确定目标。作为设计师要站在不同角度上考虑,所以我们也要了解其他岗位对这些问题的看法。


输出
调研分析报告



三、构思方案


①. 具体化解决方案


这一步开始尝试设计方案并找到突破点。我们将此前的所有问题和需求具体化,尽量少考虑技术实现,但也不能过于深入。并且我们的设计方案需要有足够的理论和数据支撑,比如尼尔森十大可用性法则、格式塔原则、用户路径分析模型、交互走查等等。将探索出来的几种方案使用流程图、线框图或低保真原型表达出来。

方案原型图


1、通过前面两步分析确定的问题和需求点,对产品架构进行重组,根据功能优先级重新规划。
2、根据用户目标、场景、任务、行为等要素,对产品的信息架构和任务流程进行优化。
3、参考不同产品的交互效果,构思自己的交互设计方案。


设计过程中肯定会有很多想法和方案,无论是针对某个功能点,还是针对某个大模块,设计师都需要与团队进行设计评审对其评估。pass不合适的方案,最后设计出2~3种方案。完整的方案最后需要细化,这里等到方案确定后进行,以免考虑太过深入过滤了更好的方案。


输出
信息架构、任务流程图、低保真原型图。



②. 评估确定方案


确定方案是最头疼的一个部分。因为在团队中讨论涉及到的角色和观点很多,我们需要从2~3种方案中筛选出最符合产品的业务方向和用户需求的方案。设计师和leader要坚守前期建立的改版目标,在有限的资源调配中考虑具体情况和开发成本,最后评估出最好的方案。


输出
高保真原型图



四、执行设计


①. 确定方案进行设计


执行设计的时候我们已经有高保真原型了,那么作为UI设计师,我们需要在每个功能模块中考虑好界面层级和功能顺序,查缺补漏产品的任务流程和功能,设计出具有差异化、品牌化的UI界面。

菜单功能界面


设计师执行设计前需要清楚了解产品在视觉方向有什么问题,并且是团队所共识的问题。比如我在改版之前就已经将问题收集好了。

1、界面视觉风格还停留在以前,视觉体验与市场竞品相比落后很多。 
2、不断上线新功能却缺少设计规范,众多功能模块的视觉风格没有统一。
3、产品无调性可言,设计没有体现出公司品牌形象。 
4、产品的APP、WEB以及后台视觉风格不统一。



输出
UI界面



②. 定义设计规范并完成改版


当我们开始进行界面设计时不用直接深入细节,首先要制定每个节点时间中需要完成的工作,并且要根据团队的开发进度来调整设计进度。


比如我们这次由于产品改版的功能繁多,上线时间也掐得很紧。所以我是先设计好主要的几大功能模块,然后根据目前设计风格制定设计规范,对二级以及子界面进行延展,最后完成所有界面的设计改版。

设计规范


当然,后续我们也在跟进中,市场部也一直在反馈用户需求,接下来还要做一些分析工作来决定下个版本的迭代方向。


输出
设计规范







总结


这次改版前前后后2个多月的时间。从5月初最开始的需求发起,到开会讨论、方案通过好几次循环,终于在5月中开始执行设计方案。整个交互设计和界面设计花费了一个月的时间,在这过程中也是遇到各种问题,比如前期需求不深入导致修改方案、老大临时有骚点子要改某个功能或界面、中间有别的工作穿插进行、与前端沟通实现效果、制定规范等等。一直到8月中旬新版本成功上线。


通过这次设计改版呢,我们明白双钻模型是一个持续挖掘假设和验证分析的过程,这个过程除了运用在产品战略层面,也可以运用在产品某个细节优化中。这是将设计师的思考和执行过程转化为更具体的设计方案。


那么对双钻模型这种设计方法的运用,我们是可以将发现、定义、构思和执行这四个阶段解读为发散-聚焦再到发散-聚焦的过程,并且由于项目和团队的实际情况不同,我们也要理清当前产品现状,结合用户目标、任务、行为、场景等多维度去做具体分析,使我们更好的服务产品和用户。


End




感谢您对本片文章的阅读和喜爱。如有兴趣可扫码或搜索“UX成长日记”关注公众号,也可以添加我的个人微信(Airnsa)相互交流学习。
有了您关注给予的鼓励,UX成长日记会继续努力分享设计方法和经验文章,谢谢!


如需转载请注明出处和格式。


文章来源自公众号:

UX成长日记

5
阅读原文
|
举报
|
6
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】礼物/活动icon
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】旅行icon
高级感金属拟物 UI设计组件库
【新年UI图标】汽车icon
我的钱包-UI界面设计-app
3D渐变流体抽象矢量UI背景图
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
Security Camera UI kit
【新年UI图标】钱包icon
【新年UI图标】秒杀icon
拟物风质感写实UI卡片合集源文件
高级表盘系列UI源文件
户外旅行飞机情侣假日出行
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】体育icon
【新年UI图标】30个图标
UI界面 组件
UI 登录界面设计模板包
盲盒APP UI设计
科技医疗透明柜UI界面设计
你可能喜欢
相关收藏夹
大家都在看
登录注册