关于一个H5页面的优化

一直都关注兰军老师的微信公众号,前不久,兰老师从迅雷离职,开始了第二次创业,这一次创业,兰老师做的是教育方面的,公司叫梅沙科技,主要就是组织冬令营、夏令营活动吧

昨天兰老师转载了公司的小伙伴们写的文章,记录了一个H5页面的从0到1的过程,大致看了文章,主要是做一个预约冬令营滑雪活动,支付800元即可优选营位,以下是紫色为兰老师团队做得设计稿,蓝色是我做得原型图


预约营期


支付填资料页面
预约成功页面

我来说说我的思路,其实一开始看到兰老师发的设计稿就觉得颜色蛮怪的有木有,选择了浅紫作为了主题色,滑雪,我能想到的是蓝色白色,以下是我认为可以参考的主题色系

好吧,吐槽完主题色,我们接着来吐槽页面,首先是预约营期页面

上图是相关价格说明,我们需要对价格进行整理和分类,结合兰老师团队的图,我得出的结论是

1 独立营必须是7岁以上的,亲子营对岁数不限,但岁数的大小和价钱相关

2 独立营里,11天、8天各自有3个时间段,6天的6个时间段可供选择

3 亲子营都只有5天,岁数不同,价格不同,选的时间不同,价格也不同

所以我对营位类型和天数进行了修改,得出以下的图,这么做,我们就可以显示相关价格啦,猜测兰老师团队因为开发时间较短,故不显示价格。其次我将日期选择改成了日历形式,我不知道别人的想法和习惯,但是我的习惯是凡是涉及到时间的我一定会翻日历,所以设计日历形式可提高用户体验

接下来是支付填资料页面,纯粹提高用户体验,将姓名和身份证号码合并,视觉上看着好一些,其次将小孩和家长的资料各自集中分开显示,不过我设计的填资料页面完全照搬阿里的“去啊”


我是分割线(兰老师团队产品app的畅想)

一直蛮期待兰老师要做的产品,所以在未看到兰老师公司做出的产品之前,我也断断续续的思考和画图过,以下是我想的首页啦(第一张图直接拿的开眼的图)


其次是发现页面

时间关系,我并没有画完图,我的想法是app分角色的,家长和孩子的,孩子可以在app上形成自有社交(小组、聊天、发帖),社交圈可以选择性分享给家长,等到我做完了整个页面,再写篇文章啦~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 爱很极端要么一生要么陌生
    妄丶阅读 916评论 0 0
  • 翻阅家中旧物,偶然寻得一本初二时的书摘。那是稍稍有些遥远的2009,那年我14岁。 那年,温总理还没成为我的学长,...
    宋不都阅读 962评论 0 0
  • #一周一电影#,平时总贪多,看完一部接着一部,瞬间的感动结束,寻找同类影片,再寻找下一个泪点或者血脉冲突的刺激和跌...
    杨黎黎Lily阅读 1,443评论 0 1
  • 本来看似平行的线 现在却渐行渐远
    阿A阅读 650评论 0 1