服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

如何进行交互设计改版?

日期: 来源:悦姐聊设计收集编辑:悦姐聊设计
   悦姐聊设计
    一个爱学习和分享的设计师~
本文2743字,阅读时间约6分钟~



设计问答

来自交互小课堂@宋爽+@咸甜小姐的提问:

悦姐,最近遇到一个问题:产品改版了,但用户普遍还是更认可老版本,怎么办?到底该怎么进行设计改版?

首先要说一下,设计改版之后用户更认可老版是一种非常常见的情况,先莫惊慌。借用俞军老师的话:用户价值=新体验-旧体验-切换成本。改版初期,因为改变了用户习惯,切换成本是非常高的,需要多观测一段时间的用户反馈和数据表现,才能够对改版结果下定论。

现在我们回到设计改版这个话题,行业里有很多谈论视觉改版的文章,之前我们团队也总结过《如何定义App视觉品牌——设计流程与操作方法浅析》回答了视觉改版的操作流程。

今天呢,我再向大家介绍一下交互设计改版的操作流程。


一。What | 什么是交互设计改版?

交互设计改版,这种说法在行业里很少见,从用户体验5要素来看:

▲图1 设计迭代的原因

交互设计师的核心工作主要是在结构层和框架层,位于中间层次。

如果产品定位、功能发生变化,配套的也会进行交互及视觉的调整,这种自底向上的改版方式,我们称之为产品改版,或者是品牌升级。

如果产品定位、功能几乎不变,通过结构层和框架层的改变来提升产品体验、操作效率或者其他核心指标,我们称之为交互改版。(本次我们就聚焦在这一层次来展开介绍)

如果产品交互几乎不变,通过改变视觉风格来顺应或引领行业设计趋势或用户偏好,我们称之为视觉改版。

在实际工作中,如果产品定位、功能不发生大的变化,产品整体的信息架构基本上是不会变的,所以交互设计师日常所做的交互设计改版(提案),通常只是单独的功能或者核心界面的改版,比如售后链路优化、短视频拍摄功能改版(结构层+框架层,单个功能全链路设计优化),首页改版、商详页改版(框架层:页面布局优化)等。


二。How | 如何进行交互设计改版?

回到我们之前做设计提案的思路:

▲图2 设计提案的整体思路
研究阶段:做正确的设计;
设计阶段:正确地做设计;
验证阶段:验证设计的正确性;
设计是解决问题的过程,所以我沿袭设计提案的思路,将交互设计改版总结成五大步骤:

▲图3 交互设计改版的步骤
2.1 确定设计目标
在做设计改版之前,重要的不是设计方案,而是设计的目标:到底希望通过改版达成什么目标。
目标和方向正确了,才有可能到达终点,否则只会南辕北辙。
设计改版相对日常需求,是个“劳民伤财”的事,资源消耗大,周期长。做设计改版需要有充足的理由和价值。
设计师日常多以承接需求/解决问题为主,真正要自己发起设计改版,很多设计师往往找不到方向,这里我结合过往经验,给大家三个方向作为参考:
1、产品战略强相关
2、业务目标强相关
3、体验价值强相关
如果不满足这三点,别说改版之后用户不买账,项目团队也很可能不买账,整个方案只能束之高阁,白白浪费自己的时间和精力。
如果设计目标/方向满足这些条件,建议设计师在开始之前就和业务方同步确认,确认方向的可行性和项目的支持力度,甚至可以让产品经理协助提供相应的数据或功能决策,保证自己的方案在一开始就是众望所归的。

2.2 定位设计问题
结合目标,拆解现状,找到设计现状中存在的问题和可优化的设计点。如何定位设计问题,在交互小课堂前期的课程中我们做过总结:

▲图4 如何定位体验问题
这里没有什么捷径,要想能定位到核心问题,需要按照我们设计分析的维度:设计自查、数据分析、用户分析、竞品分析4大维度,按部就班的一点点去体验、对比、思考,将所有感觉有体验问题的地方一一洞察并记录下来。(相关的文章和视频请查看小课堂之前的课程)
这一通操作下来,事无巨细,发现的问题往往特别多,这个时候,我们可以借助数据可视化地图或者用户体验地图,将问题可视化,聚焦关键问题,也让项目成员更容易理解和接受问题,认可问题改进的必要性。

▲图5 将体验问题可视化
设计问题梳理完毕后,建议跟产品经理一起明确哪些问题是可以解决的,聚焦需要解决的高优问题,开始制定设计策略。

2.3 制定设计策略
明确了设计问题,但我们并不能本着把问题一一解决的方式来达成目标。
爱因斯坦说,我们需要回到问题发生的层面了解问题,但不能寄希望于在问题发生的层面就解决问题,因为问题的解决往往在更高的层面上
所以我们可以借鉴前人的智慧,在成熟的方法论的指导下,补充我们缺失的思考维度和设计策略,来更加全方位的达成目标。

▲图6 常见设计策略参考
这要求大家身处任何一个行业,都需要关注其行业动态,研究头部企业的设计方法和理论,学以致用,积累沉淀更加符合自己业务的设计方法论。

2.4 完善设计方案
这里可以借鉴之前之前《一个公式教你搞定场景化设计》和《如何在交互细节中体现专业性》两篇文章中提到的核心要点:

▲图7 场景化设计要点
通过为不同用户提供不同的内容/服务,或者在不同的时间、地点,为不同用户提供不同的选择,或者基于用户前置的行为,当下的行为、设备当前的状态为用户提供更适合的选项,保证用户达成目标的同时,认知成本更低、操作成本更低,情感体验更愉悦。

▲图8 交互细节专业性的三个层次
通过提升交互设计方案的完备性、精准性和直观性,让项目成员更容易理解并认同设计方案,减少内部阅读和沟通成本,共同完成并推进方案的落地。

2.5 验证设计方案
验证设计方案从低成本到高成本有3种方式:
1、走廊测试:直接在公司或者用户出没的地方守株待兔,逮住用户直接让用户使用demo并询问用户对设计方案的看法,发现问题持续迭代。
2、可用性测试:按要求筛选合适的典型用户,设计测试任务,邀请用户按照测试大纲,循序渐进地完成测试任务,发现问题持续迭代。
3、线上AB测试:开发两套不同的设计方案,灰度上线,观察不同方案的用户使用行为数据,发现问题持续迭代。

小结一下,从流程上讲,进行交互设计改版就这样五个步骤:

▲图9 交互设计改版的步骤
1、确定设计目标:确保其与产品战略、业务目标、体验价值强相关;
2、定位设计问题:从设计走查、用户调研、数据分析、竞品分析4大维度全面梳理体验问题;
3、制定设计策略:借鉴行业成熟的设计方法论,补充缺失的思考维度,制定全面的设计策略;
4、完善设计方案:通过场景化设计和设计细节迭代,完善设计方案;
5、验证设计方案:通过走廊测试、可用性测试、线上AB测试等方法验证方案的合理性。
但这5个步骤并不是线性进行,一次性结束的,当设计验证以后,发现2/3/4哪个环节存在问题,就需要回到哪个环节,重新思考并迭代方案,一个成功的改版往往会伴随好几轮的细节迭代优化才能取得最优的改版效果,所以大家千万不要看到第一轮数据不符合预期就马上放弃,而是要针对具体问题有针对性的进行迭代,以让改版的价值最大化。
好了,交互设计改版到这里就结束了,如果大家有什么疑问,或者希望悦姐讲解新的交互课题,欢迎添加悦姐微信yuechats,和悦姐一起学习成长~

相关阅读

  • 探究“淘宝设计”背后的设计思维和方法

  • 悦姐聊设计 一个爱学习和分享的设计师~本文4079字,阅读时间约10分钟~今年8月去杭州参加了U DESIGN WEEK,对《淘宝2022设计背后的故事》记忆深刻,正好上周我们组内的小伙
  • 9大设计策略,让用户等待不焦虑!

  • 悦姐聊设计 一个爱学习和分享的设计师~本文3659字,阅读时间约10分钟~在上一篇文章《从加载到刷新,信息载入的交互设计》中,我们介绍了用户情绪随等待时间的变化曲线:▲图1
  • 一图讲透福格行为模型&上瘾模型

  • 悦姐聊设计 一个爱学习和分享的设计师~本文3594字,阅读时间约10分钟~我们在《交互设计的底层模型:福格行为模型》一文中详细地介绍过福格行为模型B=MAT。在《交互设计常
  • 职场进阶之如何复盘

  • 想必在职场中,总是会听到或者提及工作复盘一词,相信很多人在职场工作中也会用到复盘,当我们在完成一个项目时,如果要想形成一个完整的闭环,需要我们进行复盘,复盘能帮助我们快速梳
  • 职场困境:你就没认真准备

  • 近几篇文章,我们聊到了一个共同的话题:职场困境。有的人,37 岁了,却还是阿里 P6 的水平。他不清楚自己是不是技术天赋有限,因为这些年,虽然投入了很多时间研究技术,但说实话,长进不
  • 又是一波狂吹 ChatGPT

  • 神了。这两天,又是一波狂吹 ChatGPT。大部分人要么是看不懂,要么是雾里看花,被权威左右。趋之若鹜。讨论 ChatGPT 这样的新物种,一个基本的前提是:大佬的判断也不一定是对的。如
  • 开始做私域吧:四力增长模型

  • 观点 / 刘润 主笔 / 程志 责编 / 李桑本文首发于2022年4月今天,我们重发一篇过往比较受欢迎的文章《开始做私域吧:四力增长模型》,希望对你有所启发。以下是这篇重发文章
  • 我在反诈第一线,没能阻止她被骗500万

  • "互联网带来极大便利的副作用,是潜藏其中伺机而动的网络诈骗。在中国人常用的短视频平台背后,反诈的压力巨大。一个特殊团队,通过劝说受害者和研发反诈程序,焦灼地与黑产对抗。

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 如何进行交互设计改版?

  • 悦姐聊设计 一个爱学习和分享的设计师~本文2743字,阅读时间约6分钟~设计问答来自交互小课堂@宋爽+@咸甜小姐的提问:悦姐,最近遇到一个问题:产品改版了,但用户普遍还是更认
  • 探究“淘宝设计”背后的设计思维和方法

  • 悦姐聊设计 一个爱学习和分享的设计师~本文4079字,阅读时间约10分钟~今年8月去杭州参加了U DESIGN WEEK,对《淘宝2022设计背后的故事》记忆深刻,正好上周我们组内的小伙
  • 9大设计策略,让用户等待不焦虑!

  • 悦姐聊设计 一个爱学习和分享的设计师~本文3659字,阅读时间约10分钟~在上一篇文章《从加载到刷新,信息载入的交互设计》中,我们介绍了用户情绪随等待时间的变化曲线:▲图1
  • 交互设计师的职业成长规划

  • s 悦姐聊设计 一个爱学习和分享的设计师~本文3390字,阅读时间约8分钟~应设计日记@盖哥的邀请,花了一个周末的时间,在@威哥21年分享的《设计师职业生涯》基础之上,结合自己
  • 一图讲透福格行为模型&上瘾模型

  • 悦姐聊设计 一个爱学习和分享的设计师~本文3594字,阅读时间约10分钟~我们在《交互设计的底层模型:福格行为模型》一文中详细地介绍过福格行为模型B=MAT。在《交互设计常
  • JavaScript框架太多了?相反,是太少了

  • 作者 | Salma Alam-Naylor 译者 | 核子可乐 策划 | 丁晓昀 如今,市面上的 JavaScript 框架越来越多,过于丰富的选项往往令人不知所措。我也是迷失在其中的一员,所以我尝