添加至收藏夹

X

新建收藏夹

完成

新建收藏夹

X

确定

取消

小程序视觉设计优化与升级的正确姿势

作者: NPLUS Digital

2020-02-21 21:38 浏览 · 1872

分享

收藏(4)


兴业太古汇是位于上海静安活力商圈的大型综合商业项目,主张“爱混·敢嗲”,专注于注重生活方式的城市独立女性。
 
基于其时尚、新潮、大胆的品牌基调,兴业太古汇需要对现有的小程序界面进行视觉优化和升级。

1582439889824965.png

兴业太古汇小程序的主要服务对象为会员用户,线上服务有利于提高整体运营效率,改善用户端使用体验,迎合目标用户偏好的生活方式。
 
作为品牌自有阵地,兴业太古汇小程序需要具有品牌识别度,并维持自身品牌调性。针对这一需求,NPLUS Digital 给出了定制化的解决方案。

 


01 定位优化方向

交互层面:优化页面结构,提升交互体验。


品牌层面:突出品牌属性,增强用户对品牌的识别度。


视觉层面:统一设计语言,视觉元素表现形式多样化。

 


02 用户习惯分析


用户偏好更简洁的操作,过多的页面跳转次数可能会磨灭其使用耐心,因此在设计跳转逻辑时,应尽量简洁,并评估跳转次数的合理性。


用户总是希望第一眼就找到自己想要的内容,因此优先级排布很重要,需根据使用频率调整页面布局。


一致的视觉体验和操作方式有利于提高用户的接受度和熟悉速度,因此小程序的设计需要有统一性。


1582293548684553.png

1582293574142520.png


03设计趋势分析


色彩渐变,是近几年的热门色彩表现形式,界面和图标的设计感可以得到迅速提升。


等距插画,可以创造出有趣和独特的氛围,呈现出一种全新的视觉印象。


高效的极简风,保留一个视觉中心,减少内容干扰,有效度得到提高。


抽象图形元素,在视觉上有着突出的优势,更容易形成视觉焦点。


1582293601850156.png

1582293623569011.png

1582293649364489.png


04 明确设计目标


优化页面的操作流程及用户体验。


提升用户的品牌化认知。


展示统一的视觉样式。


1582293672296826.png

1582293693301088.png

1582293726556361.png

1582293757231790.png


05 统一设计语言


从颜色、字体、辅助图形、图标四个方面出发,统一小程序设计语言,增强品牌识别度。
 

1582293782495560.png

1582293801889675.png

1582293833696964.png



升级后的个人中心页面,突出了核心功能入口,有助于用户快速定位功能板块,并进行相应操作。其中优化后的停车缴费页面,有效提升了用户在线支付的效率,优化了整体服务体验。


打个分吧
确定

收藏(4)

分享

评论(0)

广告门评分

10

代理公司

NPLUS Digital

产品:-
行业:房产
类型:影视
地区:中国大陆
时间:2019
案例认领
回到顶部
意见反馈
二维码 下载APP
关闭

意见反馈

关闭

案例认领

关闭

用户注册

已有账号?
手机

验证码
验证码

验证码

关闭

用户注册

用户

密码

密码

关闭

忘记密码

密码

密码

无法找回? 点此申诉

关闭
关闭

账号申诉

已有账号? 立即登录
用户名
手机号
邮箱

关闭

忘记密码

手机号

验证码
验证码

验证码

返回登录

无法找回? 点此申诉

关闭

信息已提交:

我们会在1-3个工作日内审核完毕,并用
邮件通知您,请耐心等待,谢谢
关闭