B端改版 — 如何运用双钻模型做设计?

用户头像
合肥/UI设计师/2年前/1458浏览
B端改版 — 如何运用双钻模型做设计?
用户头像
张奕一

相信很多设计师在工作中,经常遇到各种方法论:如双钻模型、5W1H法等,怎么运用到实际案例中呢,本文正好借由项目改版需求分享。

目录

Part.1 改版的项目规划
Part.2 背景分析
Part.3 当前问题
Part.4 视觉拆解解析
Part.5 结语

Part.1
改版项目规划


对于已经上线的B端产品来说,不能随意的进行改版优化。我们需要站在业务侧的角度去解释改版的理由和价值导向,如果单单凭感觉,无法满足业务需求,那么我们应该如何改呢?

明确目标与制定设计策略

改版迭代类项目,关键思路应该是需要先定义要解决什么样的问题,然后考虑如何解决。基于这两点,我们需要:

1. 改版的背景和动机,以及预期的目标和结果是什么?

2. 产品现状(目前的产品策略是什么?)

任何商业项目的设计、改版,都可以用一个简单的链条来概括,比如双钻模型。

那么双钻模型是什么呢?相信很多设计师都听过“双钻设计模型”,但是如何去运用到实际工作中呢?

“双钻设计模型”,是由英国设计委员会在 2005 年创立并提出的,至今仍适用于各类项目的设计工作,该模型的核心是:发现问题并发现正确的解决方法。一般常用于咱们的需求分析阶段。

双钻设计模型把设计过程分成4个阶段:发现问题、定义问题、构思方案和交付方案

在这个过程中,“双钻设计模型”的这两个“钻”,能够分别帮助设计师达到两个目的:

1. 洞察和挖掘到产品真正的问题;

2. 通过合适的方法找到设计最优方案;

那接到案例我们实际应该如何做呢?

接下来让我们来通过实际案例来进行一个演示吧。

Part.2
项目背景分析

基于以上的用户调研,我们需要发挥发散——收拢思维的一个过程:

Part.3
当前问题分析

在我们着手设计前,对当前线上的问题梳理一下,确定目前存在的问题,才可以知道如何针对性的去改版优化。通常会有以下几个典型的问题:

综上所述,我们需要:

具体优化流程如下所示:

1)优化交互控件,信息层级优化
培养符合用户习惯的设计,保证在同一层级入口的信息内容没有明显区别;
把同一层级入口的列表统一样式,卡片根据内容分级,方便用户理解;

2)相同模板组件化,节省研发周期,并提高复用率,降本提效。
以常见页面(列表/表单/详情)为模板,进行元素拆分重组。
研发根据模块内容进行组件化处理。

3)缩短用户操作路径
在首页加入快捷入口,把不同角色的常用功能放入,缩短用户操作路径,提升效率

4)提高品牌调性
加入品牌色,提升品牌细节

四、视觉拆解


1)常见布局样式
2)焦点式体验

3)视觉表现风格
B端的企业与产品有明显的行业特性,所以在视觉风格上,不仅要体现行业性质,产品的相关属性,还要避免同质化,视觉上与同行业竞品拉开差距,因此:

五、归纳总结

通过双钻模型,我们可以总结出以下五点,并围绕以下五点进行展开说明。

通过以上案例,我们可以发现: “双钻设计模型” 提供的就是一种 从发现问题到解决问题的一种方法。

通过这种方法,我们将“具有功能价值”和“赋予体验价值”相结合,让产品从能用更易用,更好用。

32
举报
|
73
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】珠宝icon
钱包ui模板
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】30个图标
【新年UI图标】酒店icon
Security Camera UI kit
【新年UI图标】游戏/娱乐icon
盲盒APP UI设计
我的钱包-UI界面设计-app
手表表盘UI系列
科技医疗透明柜UI界面设计
【新年UI图标】美妆icon
【新年UI图标】影音icon
UI通用设计素材1
UI 登录界面设计模板包
新能源APP应用UIKit
UI_3D图标火箭炮<新春促销>
高级感金属拟物 UI设计组件库
UI应用平面图标
柠檬黄主题UI作品集模版
【新年UI图标】家具icon
新拟态风格 UI设计组件库
矢量立体简约UI蓝白图标
你可能喜欢
相关收藏夹
大家都在看
登录注册