• 以指代步
社交账号登录
  • 首页
  • 博客
  • 模板
  • 源码
  • 壁纸
  • 视频
  • 软件
  • 文库
  • 学习
  • 创作中心
  • 关于我们
  • 招兵买马
  • 联系我们
  • 法律申明
  • 合作招商
  • 注册
  • 粉丝
  • 关注
  • 创作
  • 大厂出品!顺丰速运APP 9.0 设计复盘

  • 落霞与孤鹜 2022-03-21 03:53:20 收藏
  • 文章标签: 视觉 图标 内容
  • 大厂出品!顺丰速运APP 9.0 设计复盘

    背景

    顺丰速运 APP 围绕寄件生活场景,为用户提供寄快递、查包裹、查运费、网点服务等一站式快递物流服务。

    随着 2021 年业务发展和内容丰富,用户对产品体验有着更高的诉求。基于用户声音及产品目标,从体验设计纬度定位出现有界面风格陈旧、操作体验不统一、品牌感知弱等问题,因此我们对顺丰速运 APP 进行全新设计升级。

    接下来,我们将此次改版的内容以及设计上的思考拿出来与大家一起分享,感兴趣的小伙伴可以前往应用市场下载「顺丰速运 APP」进行体验哦。

    前期分析

    通过数据分析、用户声音、体验自查、竞品分析、行业设计趋势分析,存在以下几个问题:

    1. 产品特色不够明显,与竞品拉不开差异,核心功能体验路径冗长且复杂
    2. 视觉风格近一年没有更新迭代
    3. 品牌感知弱,缺乏情感化传达

    大厂出品!顺丰速运APP 9.0 设计复盘

    1. 设定设计目标

    针对现有问题,最终确定设计目标为提升顺丰速运 APP 的视觉美观度、操作易用性及品牌辨识度,强化产品的核心竞争力。实现这一目标我们提取三个关键词:

    「美观 – 全新视觉升级」

    从界面布局、色彩、图标、字体等进行全新视觉体验升级,让用户感受到更好的视觉体验

    「多元 – 更丰富的服务体验」

    针对日益增加的多样化需求,设计上从多元工具整合和自定义设置两个角度出发,进行多元化服务设计探索

    「高效 – 服务高效性」

    强化信息层级展示,提高用户查找信息效率

    大厂出品!顺丰速运APP 9.0 设计复盘

    2. 全新视觉

    现有视觉风格满足不了年轻用户群体的审美诉求,新旧版本交替导致视觉界面体验不一致。伴随着产品服务体验不断升级,视觉风格也亟需进行升级。本次视觉升级围绕颜色年轻化、极简化布局、字体规范化、图标亲和力、情感化传达进行展开。

    色彩年轻化

    黑红作为顺丰的品牌色,升级后持续强化品牌感知;同时在明度和饱和度做了优化,相比之前得沉闷,优化后整体更加活泼与透气。中性色作为贯穿整个产品的颜色,进行了规范化定制 ,让 APP 整体视觉更统一成体系。

    大厂出品!顺丰速运APP 9.0 设计复盘

    极简化布局

    旧版本页面边距较小,呼吸感较差,内容层级不清晰。从产品的信息展示效率上考虑突出重要信息和功能,因此对承载内容的容器——信息卡片的样式和内容布局进行了结构化设计,使之可以较好地聚合各类信息,更加有利于信息流内容的清晰展现。

    大厂出品!顺丰速运APP 9.0 设计复盘

    圆形在人的视觉过程中更容易被认知,给人一种柔软治愈的感受,圆角的合理运用对容器来讲,会突显矩形内的内容,将用户的视线聚焦在内容本身。两个圆角矩形排列时更容易区分内容归属,模块化更强。

    大厂出品!顺丰速运APP 9.0 设计复盘

    字体

    规范字体的运用 ,为整体视觉风格一致性打好基础提升产品体验。

    大厂出品!顺丰速运APP 9.0 设计复盘

    图标

    • 识别性:颜色采用顺丰的品牌色黑红,运用了叠加撞色的手法,打造独特的视觉语言,同时强化信息层级
    • 功能性:通过设计上手法进行区分,例如:图标线性的表现形式
    • 一致性:采用圆角,结合圆润视觉语言,统一视觉风格
    • 美观性:整体视觉风格更加年轻,活泼

    大厂出品!顺丰速运APP 9.0 设计复盘

    底部导航栏图标

    在图标微动效设计上贴合图形的意义,增加弹动效果,让用户在切换时感知状态的变化。

    想学更多的图标动效:

    本篇来源:优设网

    原文地址:https://www.uisdc.com/express-app-v9-0

    评论
    Artlist模板 广告