赞助商
立即赞助

用一个实战项目,聊聊设计师如何发挥自身价值!

交互设计3年前 (2021)发布 流光
1.9K 0 0

写在前面

你们在日工作中是否会有这样的思考,设计给务带来多大的值?或者你从现在的工作中够感受到多值?难道设计的值还只单单停留在成对原稿的视觉表现,撕逼各种产细节的审美挑剔吗?答案显而是。作为设计师,需要在日工作中养成系统的设计思路,在务及户体验的角思考问题,从产层逻辑发充分解务,挖掘设计的机会点,通过设计的手来助务的增长。本将 58 生圈小程序从 0 到 1 的设计过程为例,来跟大聊聊设计师如何在项目中发挥自身的值。

项目前期

1. 产品定位&价值

为做出贴近业务目标的设计,项目前期设计师对产品的定位及业务底逻辑的深刻理很有必要,要思考我们为什么要做个产品?用户又能通我们的产品得到什么?

如今信息畅通的互联时代,各大社交电商平台断涌入本地生领域,58 本地务到店务随着方向性的调整,推了全的生圈小程序。产要定位吃喝玩乐与生务的优惠折扣平台,聚合优惠信息的同时引入更多优质的供应链进行合作,通过社交电商渠道来为户供优质特的产。

这样一我们就明确了活圈产品的价:用户我们的平台可以享受到各种实惠低价的商品与服务,同时也可以升级达人用户,实自用省钱,分能够赚取佣金。

用一个实战项目,聊聊设计师如何发挥自身价值!

2. 分析营模式

社交电商私域流量是平台目前要的营模式:一方面通过微信公众号向本地户推送章,并在公众号嵌入平台,户可点击跳转至小程序进行购;另一方面基于达人分销的社交分享,通过达人户在微信进行裂变式的传播,同时我们为达人供持续稳定的收益,激励赋达人。在分享经的时代,随着消习惯的变,并借助微信的红利并通过裂变拉的增长,最终打通整个微信生态圈流量、转、变现的闭环模式。微信生态无疑是一个承载社交电商的想平台。

3. 洞察目标户

紧接着我们对目标户进行了调研分析,当前我们的户群体特征具体表现为: 25-39 岁的中产为,整体趋于年轻;频次交易属性;具备消;对格敏感较等等。产是最终务于户的,同产面对同人群的需求是一样的,我们需要深入了解户,知道户真正需要的是么?只有这样才更好地聚焦设计策略,将产的核心值及务传递给户,从而升户的使体验。

用一个实战项目,聊聊设计师如何发挥自身价值!

4. 梳理购买行为路径

用户购买决策的程看似只是简单的品购买,而其是一个系统化的决策程,整条关键路径中从品浏览(信息获取)到品(详情认)到支付成功(购买决策)经历几个关键节点,由开始到最呈现出一个漏斗状的情形,转化率越来越低。因此在产品设计之前对用户决策的关键路径进行了相应梳理:主要为购买前,购买中以及购买后这个阶段,同围绕着每个环节去化用户内心知,挖掘计上的机会点。在这个阶段主要解决的问题可以归纳为以下三点:1.购买前:如何让用户更加便捷高效地寻找商品;2.购买中:如何将产品的核心价值传达给用户,让用户购买地更顺畅;3.购买后:如何让用户买后有所保障,在复购率的提升上做些推动和尝。

用一个实战项目,聊聊设计师如何发挥自身价值!

设计目标推导

至此,品体设计思路已经很明确了,如前期我们没有业务进宏观层拆解与分析,设计师在后期可能会找不准设计发力,从而导致设计没有贴合实业务场景。围绕着这些背景,经过多沟最终设计和品学成了致,本主要设计目标为:1.提升用户信息阅读效率;2.提升用户买决策效率;3.提升用户服务保障感知。

用一个实战项目,聊聊设计师如何发挥自身价值!

设计方案落地

明确了设目标之后,后一部分就就设落了,确的设始终围绕产品策略执行的,并通过深耕设解决方案用户打造优质的购买体验,那么我们将从以下几维度行视觉方案的设:

1. 提升用户信息阅读效率

少即多贯穿始终:其实设师往往被求仅限的页面空间里尽可能展示多信息,然这样的诉求下我们的界面常常会失去很多留白空间,导致信息密度会很,这样反会影响用户的阅读效率,甚至降低用户浏览欲望。因此首页的设策略我们对各模块内之间保持充分的留白空间,简化分割线的运用,让界面加简洁清爽;对于信息传达的效率言,我们运用了卡片化的设组织各模块的功能结构,卡片使页面信息加聚焦,能帮用户浏览中高效识别效信息;同时配合使用圆角的设语言,让页面视觉具亲力,也符合我们轻的用户基调。

用一个实战项目,聊聊设计师如何发挥自身价值!

页面层级化繁简:用户获取信息的效率主由层级关系间的秩序主导的,我们依托于卡片的基础框架,通过对不同图形、颜色,字体,字的运用,对首页各功能模块行优先级的区分,用户打造不同的阅读感受。金刚图标统一采用渐变色的填充样式,提高色彩饱度,搭配轻质感风格,使核业务功能加突出,便于用户速识别到效信息。

用一个实战项目,聊聊设计师如何发挥自身价值!

图突显内质:由于常产品对于页面空间利用的苛刻,我们的图片比例常常会被压缩得很小很窄,从牺牲了图片质。那么了好帮用户去阅读图片的信息内,我们统一对列表页瀑布流的图片设坑行了扩展示,突出图片的品质吸引力。

用一个实战项目,聊聊设计师如何发挥自身价值!

2. 升户购决策效率

强键容信息:详情页是商值与信息的洼地,户需要在众多容中做决策,那么对详情页重要信息的突则是升户决策效率的键。在套商详情的设计策略上我们要做了几件事:1.强格信息的视觉重心,重点突折扣对;2.在格方同时露立减金额的标签,同样是 1000 元的商,直降 100 元和打 9 折在数额上虽然没有任何区别,但是户会觉得直降 100 元的优惠更大,更好地升户的感知值;3.增户购记录的气泡示,给户一种值得的心暗示,利从众心刺激户单购;4.增分享赚钱悬浮按钮,对户进行利益引导,刺激户行为。

话费充详设也采用了相同的策略,强化突出价格内。此外我们增加了限时限标签指示,短时效的限会给予用户强烈的紧迫感,让用户产机不可失时不再的氛围,让用户对商品产稀缺的感应,利用抢购理,促使用户速决策。

用一个实战项目,聊聊设计师如何发挥自身价值!

简化支付行径:当支付流程的径相对较深时,可能会导致用户产操作效率较低的认知,易中断操作流程,从导致用户的流失。因此产品设我们借微信态便捷支付的属性,减少了页面之间过多的层级跳转,以达到简化支付径的目的,让用户的购买行加顺畅,一提升用户决策效率,下图主以套餐商品的支付流程例明。

用一个实战项目,聊聊设计师如何发挥自身价值!

3. 升户务保障感知

增强务保障体验:售后务体验的好坏在一定程上影响着户留存及复购意向,当户单后遇到问题需要进行退款时,产做的就是供及时的纠错措施,户可快速地解决问题,升购后的务保障感。为了增强功操作的简洁,整个退款流程页面我们延续了卡片式的视觉容器来承载容信息,保证视觉体验一致性,使户认知减负。

用一个实战项目,聊聊设计师如何发挥自身价值!

写在最后

以上就是 58 生活圈从 0 到 1 的产品设计背的思考程,从项目前期的分析到设计目标的确认,到续拆分到不同度去进行功能设计的落地,最终完整地呈现在用户面前。上的各项业务数据也比乐观,之我们也持续地探索优化,为用户提供更更有价值的服务。为设计师,我得最重要的就是跳出画图仔的桎梏,拓宽自己的边界,将设计从表现和执行抽离往前延展,在整个设计程中,往前深挖需求和业务目标,往做到把控和沉淀,挥设计师最大的价值,做出对业务和用户验的设计。

用一个实战项目,聊聊设计师如何发挥自身价值!

欢迎关注「58UXD」微信公众号:

用一个实战项目,聊聊设计师如何发挥自身价值!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

编者按:用户研究的方法有很多,选择适合自己的方法的前提条件是你得了解各种方法的优劣。今天Adam Fard的文章就帮你列举出最...
Adam Fard
@Daidai丶呆 :关于「撤销」有很多设计细节可以讲,所以我花了两周时间,将其浓缩成 3000 字,帮助各位产品设计师更好理解撤...
交互设计
大家好,这里是 TCC 翻译情报局,我是李泽慧。2020 年,新冠疫情席卷全球,后疫情时代的需求也促使设计师们不断提出更有意义...
ui设计
随着触摸屏和传感器技术的发展,出现了许多交互的机会,而手势通常被认为是与屏幕最自然的一种交互方式。手势交互的普及,降...
交互设计
作为一名在互联网行业摸爬滚打好多年的一位 UI 设计师,也在团队里带过众多 UI 设计师和实习生,所以深刻认识到无论于团队还...
ui设计
最近从之前的项目出来做国际版,和之前项目的设计负责同学唠嗑,最多的感慨是有关“背锅”的问题。 啥锅呢? 估计不少铁汁也...
交互设计
按钮在产品界面中是非常重要的元件之一,按钮作为用户引流和行动触发来说都是至关重要的。如何把按钮设计做到最好,是设计师...
ui设计
瑞幸咖啡APP的一处改版设计 场景如下:用户在瑞幸咖啡app下单时,选择好商品并进入提交订单页面,此时可以在页面中选择要使用...
产品分析