项目总结｜用真实，去改变 - 赶集首页改版
原创 环铁艺术家 58UXD;)
58UXD
微信号 i58UXD
功能介绍 58 同城用户体验设计中心
5 天前
收录于话题
设计沉思录 120
UI 设计 25
随着一款产品在增长初期的持续发力，用户体量也会随之逐步扩大。虽然可能从短期业绩来看，是一件好事，但对于设计师而言对长远留存也产生了新的思考。思考点在于：如何通过视觉体验设计的提升，不断积累用户对产品品牌的好感度和认知度，进而长期影响用户并为用户带来价值。只有当视觉体验与用户体量同时迈上新的阶段，才能达成良性增长。
对于赶集的产品定位，通过调研与深度挖掘，我们发现在招聘类的 APP 竞争激烈的当下，各家产品都用精准的算法在收割用户的碎片信息，以达到赚取流量的目的。对于蓝领招聘领域来讲，职位信息的真实度差、薪资收入低、劳动权益得不到保障等，是现有蓝领招聘市场的痛点。那么，如何打造赶集品牌口碑的 “求真和精准”，是摆在我们面前的一道课题。
好的设计，能打造最直观的专业感受。今天和大家聊聊，关于赶集大类页的改版，我们做了哪些事儿。
01
问题及剖析
首页，作为承接赶集 90% 流量的主页面，需要具备高效的流量分发能力。基于不同用户和不同场景，需要呈现不同的内容模块及推荐信息。从而提升大类页的连接分发效率，最终提升用户的 LTV。但目前，旧版赶集首页呈现形式单一，流量分发机制简单，很难承载起适用于用户的各类个性化推荐玩法。
带着问题，我们选用了业务目标、用户调研以及线上体验走查等方法，梳理出了关键要点。从整体基调，到细节标签，连同产研团队一道，在内容和产品形态上做出对真职位定位的挑战和尝试。让用户在视觉感官上与需求产生共鸣，传递真职位和年轻化，是解决触达新老用户问题的关键。
02
目标及方向
· 真职位 + 年轻化的驱动内核
从求职角度来看，年轻用户已经是网络内容生产和传播的主力军。他们影响着不同年龄、不同信息圈层的社交环境，也改变着当代网络环境的喜好与交流。那如何用语言化 + 图形化的方式，来获得主力军的认可呢？
有温度、有颜值、有质感、信任感
我们总结出了以上四个驱动点，旨在提升品牌温度和视觉好感度，树立良性的品牌效应。
· 问题分析逐层拆解
通过比对后台数据、结合现有产品页面，分析得出：用户还是对首屏的停留时间过短，交互行为低。页面分类少，功能区稀缺，千人千面不精准等问题逐一浮出水面。
因此我们对首页结构进行了新的视觉归纳，分别以：品牌传达、内容搜索、tab 分类、金刚区、个性化瓷片区、职位 feed 自下而上地进行了新的展现。
03
视觉方案
· 空间重组
在保留功能基础上，对头部品牌氛围进行了渲染，并做了功能细分。从『功能模块、操作组建、分子功能』等颗粒度上，从大到小梳理，让视觉传达更有节奏的呈现，从而达到投射用户行为习惯的效果。
· 内容透传
为了让用户直观了解展示内容，提高体验效率，我们在『招聘直播』和『人脉圈话题』及『企业专区』做了视觉透传展示，同时可以为人脉圈或其他页面进行流量分配。在多个卡片时，支持轮播和左右滑动，和跑马灯效果，大大地提升了屏效。
· 颜色管理
在首屏的颜色使用上，颜色占比控制在不干扰主要信息的范围内，让整体既有品牌感，也同时加持产品的功能属性。
· 间距与字体
考虑到蓝领人群使用环境较为复杂，所以我模拟了蓝领人群在使用设备和操作场景，在间距和文字大小上都进行了多种设备上的校验和调整，以保证最终用户使用的最佳效果。
· 元素贯穿
院似禅心静，花如觉性圆。圆，作为包容、圆满、容量等含义，有着宝贵的象征。
因此在元素的选择上，圆与赶集的蓝领用户有着天然的亲近。在包围之势中包围，用宽博的姿态去融入，而不做生硬的切割与梳离。通过圆弧形贯穿页面，大到背景小到 icon 建立起用户与视觉的的对话，都是我们基于温暖调性而作出的选择。
· 专属品牌二楼
为体现新赶集真职位带给用户的安全保障，在用户更新 APP 后，首次开启时，会自动对真职位二楼效果进行滑动展示。在提升趣味性的同时，也加强了赶集网真职位的品牌传播。
04
总结
· 对于用户
要有效分解页面信息，优化用户体验路径，严选招聘企业，用最直接的方式传达品牌温度，给用户带来简单、便捷、舒适的体验。
· 对于产品
需深挖用户背后的潜在需求，优化产品结构形态，提升与用户沟通的方式方法，并驱动用户转化与长期留存。
**· 对于设计**
在本次改版中，首页设计改动看似较少，但背后的逻辑和思考的问题是完整且复杂的。作为给用户的第一张脸，首页设计不求做满，而求能使外观和产品功能点做到圆融契合。换个角度来讲，设计师应该站在多方立场，着眼宏观的深度思考与决策，才能更好地服务于用户，赋能于商业。
若有收获，就点个赞吧
0 人点赞
