查看其他周课表的设计难题

创建时间:2017/12/10 下午4:32:45
编辑时间:2017/12/10 下午4:33:49
作者: huww98@163.com (huww98@163.com)
分类:软卓信息管理系统

查看其他周课表的设计难题

我感觉,我们真的需要更多人参与进来帮我们设计软件的功能了。移动设备的屏幕小,每一寸空间都要精打细算才行。比如,这次我们加入的查看其他周课表的功能就着实耗费了我不少精力。

第一个简单的设计版本

这是我第一感觉的设计版本,它最终没有被实现。大概的想法是在课程表的上部放一个下拉选框,一个左箭头,一个右箭头,就像论坛里常用的切换上页下页的那样

第一版

图片来自MIUI论坛手机版。

对需求的深入思考

我们知道,要想设计出好用的软件,就必须要充分深入的了解用户的需求。我们经过分析,得出使用这个功能的以下几个需求:

  1. 确认将来的某个时间点自己是否有课,以安排其他事情。
  2. 大概感觉一下之后自己有多少空闲时间。这涉及到不同教学周之间课程对比。
  3. 就是没事干的时候玩玩

所以之前那个简单的设计呢,查看未来特定时间的课程还是比较方便的,但是不方便在不同周之间对比,需要来回切换。也就是说,它不能很好满足第二点需求。而且,它也不是很好玩😂

第二个“炫酷”的设计版本

我想,既然手机上屏幕空间小,那更要充分利用才是。如何充分利用呢?我就想到了iOS的后台程序切换的界面,何不学它做一个3D的切换动画呢?这个方案我是做出了一个demo的:

第二版

看上去其实效果还是不错的,各种需求都能比较好地满足,它使用比较方便,也能方便地比较相邻两周的课表,也好玩,可是我总是感觉,这么大规模的动画,它切换的各个页面之间却只是稍有不同,似乎有点杀鸡用牛刀的意思。但我当时是没有想到更好的方案了。

站在前人的肩膀上

之后就是我们现在上线的这个方案了,部分人肯定十分熟悉它,这个方案的设计很大程度上是参考超级课程表和课程格子的设计(这两款软件的设计几乎是一模一样的)第三版

个人感觉,现在的设计更加清爽简洁,同时在各个方面也都不逊于之前的设计方案,甚至,在这个方案中要跨越较大幅度比较课表也成为了可能。另外,我觉得把课程的信息浓缩在一个小缩略图里,同时显示多个缩略图更能给人以一个整体个感受。还有一点,这个方案实现起来比上一个方案要简单,同时,实现出来的性能也更好。

Never Stop

基于以上考虑,我们最后上线的是最后一种方案。但我们在追求更好用户体验的道路上永不止步,你有什么意见或建议,欢迎在下面留言。


返回文章列表

评论

登录 / 注册 后发布评论