短信登录 企业用户

未注册过的手机号登录即创建广告门账号

微信 QQ 微博
综合

综合

案例

公司

专题

2025百大品牌创新营销案例 2025金瞳奖 蒙牛 愚人节 冠致传播 内容生态 mcn 可口可乐 数据报告 广告 2025 母亲节 ai 瑞幸咖啡 CNY
清除历史
SG 胜加
851.0
天与空
836.3
壹捌零
798.1
赞意
783.8
TOPic
781.5
请输入搜索内容……
关注 消息

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

发布时间：2020-02-21 21:38     浏览量：23015

兴业太古汇 NPLUS Digital 小程序设计 房地产

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

1582439889824965.png

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

 


本文来源于广告门 adquan.com

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



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


注：本文系广告门企业用户授权在广告门平台发表，内容仅作为该用户观点，不代表广告门立场和观点。

案例信息

行业： 房产
类型： 影视
地区： 中国大陆
代理公司： NPLUS Digital
代理公司： NPLUS Digital
时间： 2019
我的评分
收藏
微信分享
关闭

意见反馈/举报

反馈/举报信息：

联系方式（选填）：