链接与按钮的一些思考过程

刚刚与策划讨论了一些跨服战的想法，许多想法冲突，玩法本身、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区域。结果不了了之。