健身馆预约订购课程小程序介绍
一款为想要健身的人群提供查询附近健身馆和预约订购健身课程的小程序,优美身型,全身打造。
健身小程序是一款针对于有健身需求和想要完美身材的人的查询预约购课的健身平台。
课程页面
主要功能集中在一个卡片,突出其功能,同时分清主次级别聚焦用户视觉点。图标采用线面结合的形式,既有面形的视觉表现力,又有线性的精致、轻盈,在整个页面视觉表现上既不会太突出,又不会太弱化。
列表信息采用卡片式处理,瀑布浏览方式,图片与做错位处理,然后用错位的设计以及大圆角设计增加质感,内容层级对比强烈,重要信息通过字重,字号区分出,提升了整体的趣味性、个性化以及用户的阅读感。
预约按钮采用主色渐变,里面添加了一些形状变化,与其他按钮形成强对比。细看时也不会单调。让用户可直接感觉到那些是可预约的,符合尼尔森交互原则。
订单页面
头部突出进近训练总时间次数信息,次级月份内训练信息采用左右滑动浏览方式,方便用户查看,信息内容通过字重、字号进行层级区分,方便用户观看浏览。
订单页面列表,列表信息较少,图片运用破界、放大处理,用户在浏览信息时,浏览习惯一般都是先浏览图片信息,将图片放大,能更好的提升用户体验感。
私教页面
地区选择,采用文字选项滑动选择的方式,结合用户点击数据,将热门选择多的放在前面,提升用户的体验感。
私教页面列表,私教人像图片,通过底色背景的颜色之分,将私教的性别分类,用户在使用时能很快的分辨,卡片背景加入浅浅的颜色和图片,增加整体的趣味性和个性化。
会员中心页面
会员中心-积分进度做了一个可视化处理,用户可以很直观的看到当前积分状态,和距离下一级的积分的差距。可视化数据更能提升用户的观看感受
特权区域,图标比较多,却不是一个特别重要的信息,所以采用线面结合的图标,线面结合的图标既保持了面形的质量感又同时具有线性的精致、细腻,也不会抢头部信息的视觉优先级。