达达快送APP8.0服务升级背后的故...

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
17143 15 288 2020-09-27

作者:DXC设计体验中心  李梓晔(Puddingli)

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服务升级的过程,这是一个全新的开始;

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



Powered by Froala Editor

全部评论:15

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票