请选择时间
- by 小白兔
在statcounter上查询数据的时候,发现了小亮点。做手头这个项目的时候,一直挠头时间选择的良好表现形式。
我现在是这样做的,如图:
恩,我知道,没什么错儿,但是也没什么交互可言。而且我作图的时候经常把“开始时间”和“结束时间”做成“时间点”(一个输入框),而不是“时间段”(两个输入框)。因为他们听起来就很容易让人想到:哦,开始时间,就是某一天呗。但是业务不是这么说的,业务说:“它奏得是时间段!”(尽管我到现在也不太赞成这种想法。至少每次涉及这个问题的时候,还是要多想一下“哎?它为熟么是时间段来着?”)
下面是报表生成时候的时间选择:
周期类型分为:最近一年、最近一季和最近一月,如果在周期类型中进行了选择,那么后面的“起始时间”和“结束时间”就变为灰色的不可选状态。这里考虑到年报、季报和月报是用户最常用的几种选择,而且一般都是查询最近一期的报表,所以做了这样的设计。当某些特殊情况下,用户想自定义查询时间的时候,那么就不对“周期类型”进行选择,直接选择“开始时间”和“结束时间”就好(但你觉得用户知道么?)。这是属于思维方式比较简单而且实现起来相对容易的做法(主要是因为后者),也没什么交互性可。
刚看了statcounter做的时间选择方式,觉得很不错,但可能做起来也相对麻烦一些。首先,时间选择区的时间部分显示为为黑色带有点状下划线的字体,如下图:
鼠标经过时会变成手型,暗示此处可以点击,如下图:
点击之后,出现蒙版效果,页面整体变暗,只能对“时间选择框”进行操作,如下图:
亮点出现,他们的时间选择框太固的了。首先使用选项卡的方式,将时间类型分为:日、周、月、季、年 5种。而且完全不费口舌,没有出现“开始时间”和“结束时间”的字样,就两个下拉框中间接一根横线,下拉框中有默认的年份,您就选去吧。请问有人不知道这是“开始时间”和“结束时间”嘛?好,这些还不够,人家还很人性化的给出几种默认的时间段选项,比如图中的Last Year啊,This Year啊,括号里还给你标出This Year具体是有几天。
下面这张图是Daily选项卡下的选项,啧啧啧…看见了么,连星期几都告诉你。你还想怎样? 下面的默认选项更是种类繁多,最近3天,最近7天(相当于Weekly),最近30天(相当于Monthly)。。。。总之人家奏是想你所想。
更多的图我没截,有兴趣可以自己去试下,这是地址。
矛盾就在于,技术上容易实现的,它不好用。好用的,他就贼不好实现。你说怎么办吧。






