智慧树“我的”设计思路
首先智慧树app是一款针对家长掌握幼儿在校园情况的幼教教育平台。
产品定义是给家长使用的即时观察幼儿在园情况教育工具。
品牌调性及视觉风格就是年轻、简洁、高效。
对于智慧树“我的”页面改版在站酷、UI中国上找了一些教育类的页面参考,
对改版有帮助有;
布局调整。例如:主副功能卡片化、功能层级强弱等设计
再以“我的”页面中的图标
首先主图标采用面性、双色的视觉风格,图标对原版有所参考,绘制这组图标也是结合
品牌调性的年轻、简洁出来的。
副图标区以品牌色为主的线性图标与主图标区视觉上起到主副层级关系。
关于配色
头部采用品牌色的微渐变,主图标区采用红黄双色,因为主图标更偏向营销一些
所以采用红黄双色,副图标也是采用双色用的是品牌色可以增加用户信任度和辨识度。
排版样式
将改版前的列表式改卡片式大大提高了功能区分,采用触屏热区,
也是参考一些国内优秀“我的”页面布局,所呈现的这样的页面
在“我的”页面中,主要对用户体验的改进分别有视觉布局分布和会员功能卡片增加,
视觉布局就是把用户使用高频操作进行主次分布提炼,节省用户使用时间,起到用完即走。
增加会员功能,简单来说提高产品UV转化率和盈利。
整体改版前后对比,视觉、操作、体验上都有很大提升。