达达快送APP8.0服务升级背后的故事Recommand
1年前Publish
1312
|
1
|
10
作者:DXC设计体验中心 李梓晔(Puddingli)

undefined

2020年9月【达达快送】开启全面升级。

在新版本中我们期望通过新的风格、新的视觉、新的产品、新的体验来整体提升达达快送对用户的新鲜感及影响力。





项目背景


业务迅速发展,为更好满足业务需求对APP整体框架进行调整;从之前的抽屉导航优化为底部Tabbar,提高核心模块触达率。


在2020设计趋势下,为使用户对产品始终保有新鲜感,我们对产品的风格进行了整体视觉升级;达达使命:达达一下 专业速达,发散出四个关键词“专业、速度、智能、活力”,并对其针对性的线上线下调研,分析并确立达达新的设计语言。





用户分析


整体用户群体较年轻:18-40岁用户占83.4%、40-50岁占14.1%、50岁以上2.5%;

主要集中在一线城市,占比高达50%,其次是二线城市,占比高达42%,三四线城市往下用户占比较少;

大多用户喜爱视频、美食、新闻、音乐类的APP;伴随近几年短视频的火热,越来越多的年轻用户用视频来追剧,用美食APP做菜教学、美食资讯、购物商城等。

(摘自达达快送2020用户画像报告)









设计情绪版


情绪版是一个能客观表达我们设计理念的方法,它可以帮助我们定义视觉设计相关的5大内容:色彩、图形、质感、构图、字体。






色彩


品牌色


重新定义“达达蓝”,使其更加明亮、清爽、干净,更符合平台此次改版后的调性;

强化色彩明度,增加颜色识别性。




渐变色


提前预设四种渐变色,基本覆盖全部场景,使用更方便(角度统一左上到右下)。






APP icon


替换“达达蓝”,APP内外品牌色统一加入点缀色(绿色),在统一品牌调性的同时使其更活泼、年轻;






页面布局


选用大间距分隔的方式对页面进行布局

· 内容有效呈现空间      · 视觉框架拓展性及透气性      · 内容区块分隔      · 扁平性







整体架构优化


下沉核心操作入口-Tabbar:同城快送、京东快递、订单、我的;



针对Tabbar做了动效切换设计,相比于无动效的设计,在tab切换时整体的视觉感受会更加柔和、轻量。







新 · 改变


首页新增运营头图(大型活动)、测滑小球,增加运营活动曝光;收起地图模块,展示附近运力情况;调整发单框位置并使用卡片形式设计,聚焦用户眼球,提升下单体验;调整APP框架,设计Tabbar进行核心功能切换,优化信息结构。




发单页新增一键切换收发或相关信息icon,提升下单体验;整合平台增值相关服务,使用卡片滑动样式,优化首屏屏效。







情感化插图


缺省页,即“空页面”。

本次改版插图色彩:品牌色+点缀色;延续品牌基因,强化品牌感。




好的情感设计能够有效的抚慰用户的焦躁心情,减少用户的负面情绪;能让用户的转移到当前操作上,避免用户因为情绪的不满而放弃操作。







系统化


优化并新增常用基础组件,提高视觉的一致性;

加强用户对产品的信赖感及辨识度。







小结


以上就是本次达达快送APP8.0服务升级的过程,这是一个全新的开始;

承载着「达达一下 专业速达」的业务使命,我们会不断的打磨优化,秉持初心,为达达用户提供更专业、智能且可依赖的发单平台。




10
Statement: all the content and comments made by netizens in ZCOOL only represent themselves, and do not reflect any opinions and opinions of ZCOOL.
Report
Share
Collect
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
All Comments0
上海 | 设计爱好者
Article information
文章标签
收录收藏夹
更多收录此文章的收藏夹