刚刚与策划讨论了一些跨服战的想法,许多想法冲突,玩法本身、UI展示、用户体验等等。
对于报名UI的展示思考过程,觉得还是蛮有收获的,记录一下。
第1版:
报名前,左边是【报名】按钮;右边是【规则】。
报名后,左边是【已报名】按钮,不可点击;右边是【调整阵容】按钮;下面是【排行榜】按钮,第一期以后开始出现。
第2版:
报名前,上面是【报名】按钮;下面左边是【规则】链接,下面右边是【排行榜】链接。
报名后,上面左边是【已报名】按钮,不可点击;右边是【调整阵容】按钮;下面左边是【规则】链接,右边是【排行榜】链接
大体如此。后来采用第2种方案,理由是报名最重要,在报名阶段是唯一,所以规则应该设置为链接。其实,我不是如此思考的:
1)报名前,报名是最重要的,是唯一;报名后,不可再报名,只能调整阵容
2)对于按钮和链接的UI展示区别(IE)
a)keydown链接时候,链接文字周围加个虚线框;keyup时候,文字变颜色,标识阅读过了。
b)keydown按钮时候,按钮文字周围加个虚线框,按钮颜色变色加深,按钮有凹下去的动画效果;keyup时候,按钮恢复原状;单击空白处后,颜色变回原样,虚线变没。
3)点击链接更多应该是为了获取更多或者更详细信息,所以通常情况一下,一次就够了。所以点击的链接都改变了颜色,并且是同一颜色,标识说我阅读过了;当然不介意再次阅读
4)点击按钮更多是为了改变数据,自己的数据或者某个范围的数据;比如提交表单。
a)按钮凹下如此明显,就是告诉你,小心点,你在改变数据;
b)keydown后,按钮恢复原状变平。注意此时,虚框未消失,颜色未褪去;应该是警告说,刚刚确实点过了哦,这个是确认的。我以为很有趣。
c)做了其它操作后,按钮彻底恢复原状。你再操作是你的事情了。
5)报名前,报名会改变用户数据;报名后,报名按钮显示变为已报名,并不可点击,调整整容会改变用户数据
6)规则,只是用来阅读规则信息,链接足以;而且权重肯定没想象中那么高。很多玩家不喜欢阅读文字,大家也习惯了无视大面积的文字。我也曾经客串客服处理过一些用户问题,宁愿问客服规则,也不愿意点击阅读规则或者帮助。
7)排行榜,也只是个阅读动作而已。我觉得第一期或者之前也应该出现,或者更应该出现,你看这里是空白的,就等着你来造就名次呢,多有吸引力。
8)规则,或排行榜,或许更重要,可以加大加粗着色,旁边添加个小图片等等。
如是,说不清楚,技术的UI/UE,总是说不清楚。我又出了个猥琐的主意:
1)未报名
左1/3部分是规则按钮
中间竖线
右2/3部分,上【报名】按钮,下【排行榜】链接
2)报名后
左1/3部分是规则按钮
中间竖线
右2/3部分,上【已报名】按钮、【调整阵容】按钮,下【排行榜】链接
不是规则重要吗,这样最重要最突出了;不过我还是不愿意委屈自己,所以我只给了它1/3区域。结果不了了之。