发现在页面设计当中,第三步 描述 logo 需求只会出现单独的输入框,整体感觉流程较长。同时品牌描述是一个非必填属性,用户本身可以跳过。而单独罗列会觉得流程过程。并且在体验时发现这个描述对用户的 logo 生成影响不大,在步骤条当中不会存在前后关联的逻辑,因此将其调整到第一步进行呈现。
并且将其放在第一步过后,就会存在 必填与非必填的情况,因此将对应的必填提示加上,引导用户。
首先,在 Logo 生成工具开始时,由于大多数用户都是第一次使用 logo 生成工具,对生成的逻辑并不了解。在我看到页面后的第一印象是:“只会让我一味的填写品牌名称”,并不知道填写过后会对结果造成什么样的影响。
而我必须完整的体验整个流程过后,才能理解。所以一上来给我一个输入框让我觉得有点害怕。
同样,品牌的描述也会有相同的问题。所以在填写时,用户很容易会产生 logo 匹配逻辑的困惑。
在试用过后,发现就是 品牌名称对应 logo 生成的主体,品牌描述对应 logo 生成的 slogan。
那我们在设计时,就可以使用可视化配置的方式,将前后逻辑进行一个快速展示。
比如在飞书旧版本里,就会有对编辑状态的实施预览,知道我编辑过后最终的效果。而在这里就可以使用同样的方案。
我们将左侧单独设定一个预览样式,将用户填写的信息内容通过左侧的样式进行提示。当用户填写名称时,我们会在左侧给出相应的 logo 提示,并讲解对应的匹配关系。
同时在填写时,可以给出对应的气泡提示,方便用户更为清楚的填写。
其实在阿里云 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 端设计训练营。训练营有着系统的理论知识,完整的实战方案,让你的能力进阶!变得更强!