你离 B 端offer,就差一道测试题 - 维度篇

强少来了

共 6682字,需浏览 14分钟

 ·

2023-09-18 15:19



测试题,作为 B 端设计师综合能力的考研指标,它经常出现在我们求职当中,作为一名设计师评判的重要标准。

在一年前,如果面试后让做测试题,很多设计师其实是不能接受的,因为总觉得会骗稿、完成 KPI;但随着行业形式的不断恶化,现在很多设计师,对于测试题就完全不会抗拒,因为测试题至少还有希望,不然剩下的就只有绝望。
同时在 B 端行业里面,测试题的设计一直以来都是设计当中的难点。从我们收到的几十份的测试题进行分析,发现现如今的测试题已经开始进化,从视觉到交互,从原则到产品思维,都希望能够进行考察,因此非常在意你的整体综合能力。
而 B 端测试题的难度主要在于不懂:项目不懂、业务不懂、用户诉求不懂,完全就是在“纸上谈兵”,因此在没教大家如何做测试题前,很多设计师拿着测试题只能摸索着前进…
虽然在上一篇测试题的文章当中,讲解了测试题的具体步骤,但是还是会发现,大家对测试题的整体思维是很局限的。只能够给出基础的页面设计解决方案,但这想要把一个测试题做好,还远远不够。因此今天我们就来聊聊测试题的设计维度。
如果错过我们之前【思路篇】的同学,可以跳转回去进行查看。

首先,我们先来浏览一下题目。

这次的题目整体很简单,但是我们所需要分析的内容还是相对较多。

由于这次的测试题是去年发布出来的,为了让大家了解测试题的具体内容,我们将当时的项目背景、操作流程,简要的进行介绍。毕竟如果连基本页面都不了解,我们后续时没有办法进行思路的讲解。

1.背景

首先是背景,尽管 Logo 生成器这样的工具,在今年 AIGC 加持下特别火爆,但去年大家对种工具的认知还比较初级。
同时,这个 Logo 生成工具的流程也非常简单,它让我们填写了 品牌名称、品牌口号、行业分类、品牌描述 等几个内容,然后就能得出结果。
生成过后,用户还能够对生成出来的 logo 信息进行各项自定义,下方就是对应的简要流程图。
了解了背景过后,在设计之前我们还会进行一些前期的准备,在我们【思维篇】提到的各种步骤,我们都要在前期进行整理,比如:工具的功能是什么?具体的作用有哪些?常见的竞品有哪些?
这里就不做过多的赘述,我们这一期主要讲解的是分析的维度。
这次我们会把这改版分为四个维度,分别是:页面设计、体验设计、系统设计以及对应的业务设计。在这四个维度当中,其实都是围绕着核心的设计能力层层递进的,因此希望能够带领大家进行学习与认知~


一、页面维度的设计分析

在页面设计的部分,主要去解决的就是页面当中的基础设计。虽然这款产品已经比较成熟,但是它在页面设计上,还是会有部分内容让我感到困惑。为此我们将从页面维度部分进行问题的提出与优化。

1.步骤条位置差异

对于传统的步骤条而言,我们都会认为它是在表单的上方。而目前阿里云的步骤条放在最底部,虽然功能上没有太大差别,但是会和传统的组件产生差别。
这时候就是原则上 我们应该选择统一还是样式差异。我会认为统一的样式会更为合理,更容易识别,因此可以考虑将步骤条整体上移。

2.选择类别过多

在第二步选择分类当中,由于行业当中的分类过多,会存在 10 个以上。为了考虑用户能够快速选择,提高它的识别效率,我们在页面当中增加了分类 logo,进而去提高辨识度,让用户判断识别效率更高。

3.单独的描述

发现在页面设计当中,第三步 描述 logo 需求只会出现单独的输入框,整体感觉流程较长。同时品牌描述是一个非必填属性,用户本身可以跳过。而单独罗列会觉得流程过程。并且在体验时发现这个描述对用户的 logo 生成影响不大,在步骤条当中不会存在前后关联的逻辑,因此将其调整到第一步进行呈现。

并且将其放在第一步过后,就会存在 必填与非必填的情况,因此将对应的必填提示加上,引导用户。

4.页面科技感不足

虽然页面科技感不足,但是我也画不出科技感强的页面,遂只是提出,有能力的设计师可以自行改动。(主要还是觉得改页面视觉意义不大)


在页面设计的维度当中,我们考虑的是这些基本的页面设计的内容,考虑到的就是清晰、好看 即可。这方面的改动考验的主要是设计师的基础能力,大多数时候我们可以通过对产品以及竞品的对比,了解一些好的设计细节,将其改动即可。
说完了页面设计,我们再来说一说体验层面上的一些优化。


二、体验维度的设计迭代

因为页面只是基础的页面信息进行优化,而体验则更多会从交互、场景考虑,思考能够解决哪些用户在使用过程当中的痛点。

首先我们会对产品有一个最为基础的体验,然后在体验的过程当中将自己觉得有问题的设计内容进行整理。通过 竞品以及自己的困惑的总结 等方式,将问题进行罗列。

1.对生成的具体逻辑不太了解

首先,在 Logo 生成工具开始时,由于大多数用户都是第一次使用 logo 生成工具,对生成的逻辑并不了解。在我看到页面后的第一印象是:“只会让我一味的填写品牌名称”,并不知道填写过后会对结果造成什么样的影响。
而我必须完整的体验整个流程过后,才能理解。所以一上来给我一个输入框让我觉得有点害怕。
同样,品牌的描述也会有相同的问题。所以在填写时,用户很容易会产生 logo 匹配逻辑的困惑。
在试用过后,发现就是 品牌名称对应 logo 生成的主体,品牌描述对应 logo 生成的 slogan。
那我们在设计时,就可以使用可视化配置的方式,将前后逻辑进行一个快速展示。

比如在飞书旧版本里,就会有对编辑状态的实施预览,知道我编辑过后最终的效果。而在这里就可以使用同样的方案。
我们将左侧单独设定一个预览样式,将用户填写的信息内容通过左侧的样式进行提示。当用户填写名称时,我们会在左侧给出相应的 logo 提示,并讲解对应的匹配关系。
同时在填写时,可以给出对应的气泡提示,方便用户更为清楚的填写。

2.选择分类时的设计

在我们输入完基本信息后,就需要选择所属行业。目前整体的行业一共会有 30+ ,但系统直接展示了 10 个。
这部分首先在页面设计上,我们优化了展示的形式,能够帮助用户快速选择。但再去分析用户填写的品牌名称时,猜测会存在一些特定规律。
因为不同的行业,都会有对应的特定关键词,比如:
建材家居:室内设计、装修、装饰、灯具、窗帘、家居饰品、定制家具 …
影视摄影:商业拍摄、婚礼摄影、灯光、制片、广告、直播、影视、摄影 …
而这些关键词都能够提供给到系统,让用户在输入后进行匹配,进而能够快速选择。
为此在设计上我们给出一个智能推荐的选项,提示用户较为匹配的信息,进行快速的选择。

最后,作为一个测试题,我们一定要去验证你的方案合理。如果时间允许,可以尝试将所有行业的关键词进行整理,最终能够保证此方案能够快速落地,同时也体现你对测试题的态度,寻求更多机会。


3.品牌描述前置

其实在阿里云 logo 生成工具之前的设计当中,会存在生成出来的 logo 和用户的预期差距过大的情况。因为在用户生成完以后,我们才能够进行属性上的配置,比如字体、颜色…
同时这一入口隐藏的过于深入,用户只能够在顶部的操作当中才能够查看,因此体验非常不佳,存在太多卡点。
针对这一情况,我们首先可以考虑将 logo 属性配置的入口放在生成结果的顶部,用户就能第一时间注意到。
假设我们需要提高用户生成结果的满意度,其实可以将配置属性入口前置,提供给到用户提前去做选择,这样就能够得到更满意的 logo 结果。
当然这个方案会存在相应弊端。因为整体增加了产品的录入数据量,用户如果不满意很容易就会退出,因此我们需要考虑在 效率与准确 当中做出取舍。毕竟方案都不是完美的,需要你有舍有得。

如果是在测试题当中,就可以将方案调整带来的影响一并写上,这样能够保证你在考虑方案时的完整性。

4.登录账号后置

在最后查看那 logo 那里的体验同样不会很好。因为当用户选择结果的时候,是需要提示登录阿里云账号,所以我们可以考虑将登录部分流程后置,当用户选择到心仪图片后再提示登录,这样感受肯定会更好。
当然和刚才说的一样,方案都不是完美的,需要你有舍有得。

登录前查看 logo 与登录后查看 logo 本身还是会存在很大差别,如果在去做方案的取舍上,你会倾向于哪个?为什么?
我来说说我自己的看法,如果是在工作当中,就要去了解产品整体的用户画像。
假设 阿里云 logo 生成工具整体是为 阿里云的用户进行服务,那我会建议保留,如果是一个独立的工具,所有的用户都能使用,那肯定还是 查看 logo 后再登录会更好。

所以我们的设计要有理有据,而理由与依据就是应该源自于此。
体验层面的设计迭代,主要就是围绕产品的交互体验展开,也是我们作为设计师最熟悉的内容。这部分也是面试官最关注的,毕竟如果你的设计上限不高,那我要尽可能的考察你的设计下限,保证能够应付日常工作。因此这部分内容一定要深入理解分析,同时也是我们花费时间最多的维度。

在这部分内容的当中,你的描述一定要准确、讲述流程要合理,这样才能够让面试官看到你的专业性。

系统层面的设计迭代

关于系统化层面的设计迭代,其实就是将我们设计的视野拔高,要去思考在系统层面,这个工具的意义,大家一定要耐心的看完。
首先我们要思考:“阿里云为什么要做logo生成工具?它的原因是什么?”要想解答这个问题,必须先去了解市面上的 logo 生成的工具。
通过百度搜索,惊奇地发现有几十款同类型的产品,并且大家的体验都比较相似,所以阿里云本身并不会具备什么优势。

我们在B 端基础课当中说过,任何一款 B 端产品他都要去付出成本,那阿里云肯定也是存在它的原因,我们得去思考它对应的诉求。
因此,我们需要再深入思考一下,为什么它要这么做?
大家也可以想想给大家三秒钟时间想想。
3
2
1
其实这个问题本身不难,像这样的工具型的产品,本身就是为阿里云来进行服务,所以阿里云 logo 生成工具最主要的用户,其实是阿里云的内部用户。
假设你在阿里云当中,在订单页面里有一个上传 logo 的需求,我们就可以通过这个工具解决。这样能够提高用户的订单提交成功率,帮助阿里云进行更高的经济转化。
且阿里云的用户大部分都是程序员、技术宅,他们对于 logo 设计本身并不擅长,这时候需要有 logo 需求的时候就能进行快速的使用,这也符合阿里云的整体用户画像。
但这对设计有什么用?我们就需要结合阿里云再思考。

首先阿里云产品线本身非常庞大,几百个产品,用户根本没办法进行快速寻找。假设一个用户真想使用 Logo 生成工具,寻找起来也会是非常困难。
因此针对这个情况,我们考虑分析用户的使用场景,看能否找出对应的设计机会点。
我们要去想想:“用户需要在阿里云的哪些地方,使用Logo 生成工具?”
或者把问题换成这样:“用户需要在阿里云的哪些地方上传 公司 logo?”,其实问题就迎刃而解。
因为阿里云产品当中,会存在大量的 logo 上传的需求,比如 注册域名,邮箱注册、网站备案,所以其实我们在设计时,可以考虑将方案的视野变高,将其放在系统层面。
在需要 logo 上传的地方给出提示,如果你没有 logo,我们会有logo 生成工具,这样能够减少用户因为没有 logo 而放弃购买的行为。
系统层面的设计,其实就是为你的方案创造更多可能性,因为如果说你只会 页面设计、体验设计,那只是基础,我看不到你更多的思维。而我们把视野放高,站在系统层面上就会发现,还会存在相应机会点,并且能够更好的去利用 logo 工具,发挥它的价值。
系统维度的理解了过后,我们最后再来看一看商业维度上的思考。


商业层面的设计迭代

因为阿里云 logo 生成工具,本质上他是不具备变现能力,也就意味着用户只会白嫖。那工具型的产品肯定是需要助力产品进行变现,因此有了这个想法过后我就会去查看阿里云的产品,发现在其产品下,会存在 阿里云企业设计中心,因此在设计时考虑将商业层面的内容进行迭代。
想到最好的解决方案就是:“当用户不满意当前的 logo 时,可以进行购买来获取定制化logo的设计服务” 进而来为产品进行导流。
也就是说,当我们生成出来的 logo 用户不满意时,我们可以提示用户,在我们设计中心,还会有定制的 logo 可以。
当然商业层面我们也只能进行推测,毕竟没有真实经历过,不过你的推测要符合基本的商业逻辑,产品调性即可。
我们汇总了四个维度的测试题解析,目的就是想让同学们的视野能够更大。同时能够给面试官提供更大的设计视野。

最后给大家留个小作业,想想下面这个测试题,你会如何制作。我们周五下午14:00 为大家进行直播解答。

如果你也想这样系统的学习 B 端,想要产出有理有据的设计方案。可以关注我们的 B 端设计训练营训练营有着系统的理论知识,完整的实战方案,让你的力进阶变得更强!



浏览 59
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报