Twitter改版后的界面设计体验.docVIP

Twitter大规模改版已经过去一段时间，但自己早已习惯使用第三方客户端，几乎没有认真的使用和思考过它的重设计，直到前两天客户端遇阻，不得不爬上Twitter，才注意到一点点细节。找回理智的我也终于跟上你的思路，意识到这亮点的作用。那么为什么Home下面也要用visual cue来提示新信息的“到达”呢？有这个必要吗？比起直白、明显而毫无歧义的“7 new tweets”，这亮点不是很莫名吗？我当即非常自大的将其解释为Twitter的设计人员滥用视觉提示，然而不到半个小时，我就彻底推翻了自己的推断。为什么我要否定自己呢？因为一个人想要伟大，就必须学会否定自己？这是屁话，用来哄粉丝用的，如果你有的话。真正原因是我很快进入这样一个场景： 图3：下拉的界面当我下拉页面到图3所示时，“7 new tweets”的“主显区”早已被抛在了“此时”，而我则随着鼠标回到了12分钟前（Twitter果然是“时间机器”）。那么要怎样才能知道自从离开消息提示的“主显区”后，新信息的到来呢？上翻到主显区？抬头看看导航栏的“Home”。突然之间我认为多余的设计元素向我无情的嘶吼起它的意义。因为Twitter的重设计将导航栏fixed在了viewport的顶端，于是这么一个“附着”在“Home”下的亮点成就了新信息提示的“次显区”，跟随我们的时间轴，随时提示新信息的等待，这很重要，因为它是实时性产品，就需要以某种方式表达这一特性。但这并不是没有问题，我们要如何查看新信息？点击Home？翻回主显区？我们是否考虑过，点击Home与点击主显区的意义本是不同的，点击Home是重新请求整个页面，那么页面上其它实时元素也会发生改变，例如趋势、推荐用户等；而点击主显区，则仅仅是请求新信息，而不影响页面的其它实时元素。于是，我的些许疑问：开关与数字这样说是否很莫名？我们把亮点的呈现与否作为逻辑的开与关：开灯，有新消息等待；关灯：无新信息到来。这是Twitter的“次显区”采取的策略。那么如果用数字呢？这应该很容易，只要和主显区的数字使用同一变量，没有新消息就直接显示0，或者“关灯”。问题在于：为什么？为什么要用数字换开关？“次显区”的作用是什么？它与“主显区”有什么不同？提示用户有信息 等待，还是提示用户有多少信息 等待？这两者有区别吗？如果有，会影响用户的认知负担和行为吗？更有趣的是，因为次显区是与“Home”导航条目“合并”的，如前面提到的，这会影响到用户对“Home”的理解，甚至整个导航条的理解吗？次显区的作用是什么？当主显区离开Viewport，而有新消息到来时，给予我们提示，我们可以由此决定是上翻到主显区，还是直接按下Home。如果我们用数字呢？那么当主显区与次显区共存时，就会有同一数字两次提示。这一点或许有点奇怪，我们可以接受不同形式的冗余视觉提示，例如我们将标题加粗的同时还要改变字体，但如果是具体文字与数字的提示重复，却会引起我们的反感。而当仅有次显区存在的情况下，它提示新消息的到来同时，也暗示了Twitter本身的“实时”属性，如果再考虑界面整体的清晰、功能主次，在这一点的设计上选择“开关”从我的使用角度来说是更适合的决策。你或许会想，一旦点击 Home，我们在不知有多少新消息的情况下更新会跟用户带来困难。一方面，下面一点说到，精确的数字在这样的情况下给予我们的是无法言状的心理作用，很大程度上需要的还是我们的记忆来辅助；另一方面，文章后段提到视觉提示时，一种思路或许能够解决这个问题，还请耐心。那么主显区的数字有意义吗？为什么不简单说声：嘿，你有几条新消息了，或者，你有好多新消息了...这个我真没读到过相关研究，不过一种常见的心理或许能够给出一些答案。数字的“精确”表象能够给人确定感，把握、控制感。虽然我们不会数着1、2、3来读条目，但知道将要面对一个精确数目，比起心里没底的读到某条旧信息而止，让用户拥有更多确定感：一切尽在掌握！哪怕两种情况下我们都是靠着记忆告诉我们新旧的界限。当然，如果出现GReader里很多人遇到的“1000+”的情况， “精确感”恐怕只能转化为“无力感”甚至“恐惧感”了。说来说去，设计在每个层次都要确定主次，决策需要取舍。实时应用所要考虑的一大维度就是时效性，大多数用户来到Twitter主页恐怕不是为了寻找上个星期咱在厕所里发了一条什么推，而是每隔一段时间点击“主显区”，了解最新发生的事情，这也是为什么我要把“7 new tweets”占据的位置称为主显区。当然，咱们也可以从位置关系，从Fittss Law的来解释，这就不提了，既然它是主，而“灯”是次，不能说狠狠地来句deal with it，而是design with it。逻辑适用局限性“次显区”的提示仅仅在主页有