数极客首页

Twier设计细节引发的惨烈思考

Twier大范围
改版曾经
过去一段时间,但自己

早已习气
运用
第三方客户端,简直

没有认真的运用
和思索

过它的重设计,直到前两天客户端遇阻,不得不爬上Twier,才留意
到一点点细节。先让我们看看一切宁静
时的顶部页面:

图1:宁静
的界面

假定

从未取得

过焦点,上图致使

连输入框也会更简约
(有趣的是,一旦取得

焦点,即便

再失去,输入框也会维持在如上图状态)。但是
,关于
实时系统,真正有趣的是当新的音讯

到来时:

图2:掀起波纹
的界面

刚开端
,我只留意
到相似

“7 new tweets”的信息提示。愚钝
许久,我才发现“Home”导航条目下似乎有个泛蓝的亮点Twier设计细节引发的惨烈思索

那么为什么Home下面也要 用visual cue来提示新信息的“抵达
”呢?有这个必要吗?比起直白、显然
而毫无歧义的“7 new tweets”,这亮点不是很莫名吗?我当即十分

自大的将其解释为Twier的设计人员滥用视觉提示,但是
不到半个小时,我就彻底推翻了自己

的推断。

为什么我要招认

自己

呢?由于
一个人想要庞大

,就必需
学会招认

自己

?这是屁话,用来哄粉丝用的,假定

你有的话。真正缘由
是我很快进入这样一个场景:

图3:下拉的界面

当我下拉页面到图3所示 时,“7 new tweets”的“主显区”早已被抛在了“此时”,而我则随着鼠标回到了12分钟前(Twier果真
是“时间机器”)。那么要怎样才干
知道

自从分开
消 息提示的“主显区”后,新信息的到来呢?上翻到主显区?抬头看看导航栏的“Home”。

忽然

之间我以为
多余的设计元 素向我无情的嘶吼起它的意义。由于
Twier的重设计将导航栏fixed在了viewport的顶端,于是这么一个“附着”在“Home”下的亮点成 就了新信息提示的“次显区”,跟随我们的时间轴,随时提示新信息的等候
,这很重要,由于
它是实时性产品,就需求
以某种方式表达这一特性。

但这并不是没有问题,我们要 怎样
查看新信息?点击Home?翻回主显区?我们能否
思索
过,点击Home与点击主显区的意义本是不同的,点击Home是重新央求

整个页面,那么页面上其 它实时元素也会发作
改动
,例如趋向
、举荐

用户等;而点击主显区,则仅仅是央求

新信息,而不影响页面的其它实时元素。

于是,我的些许疑问:

开关与数字

这样说能否
很莫名?我们把亮点的呈现与否作为逻辑的开与关:开灯,有新音讯

等候
;关灯:无新信息到来。这是Twier的“次显区”采取的战略

那么假定

用数字呢?这应该很容易,只需
和主显区的数字运用
同一变量,没有新音讯

就直接显现
0,或者“关灯”。问题在于:为什么?为什么要用数字换开关?“次显区”的作用是什么?它与“主显区”有什么不同?提示用户有信息 等候
,还是提示用户有多少信息 等候
?这两者有区别吗?假定

有,会影响用户的认知担负
和行为吗?更有趣的是,由于
次显区是与“Home”导航条目“兼并
”的,如前面提到的,这会影响到用户对“Home”的了解

,致使

整个导航条的了解

吗?

次显区的作用是什么?当主显 辨别


Viewport,而有新音讯

到来时,给予我们提示,我们能够

由此决议
是上翻到主显区,还是直接按下Home。假定

我们用数字呢?那么当主显区与次 显区共存时,就会有同一数字两次提示。这一点或许有点奇特

,我们能够

接受

不同方式
的冗余视觉提示,例如我们将标题加粗的同时还要改动
字体,但假定

是细致

文 字与数字的提示重复

,却会惹起
我们的恶感

。而当仅有次显区存在的状况

下,它提示新音讯

的到来同时,也暗示了Twier自身

的“实时”属性,假定

再思索
界面整体的明晰
、功用
主次,在这一点的设计上选择“开关”从我的运用
角度来说是更适合

的决策。

你或许会想,一旦点击 Home,我们在不知有多少新音讯

的状况

下更新会跟用户带来艰难

。一方面,下面一点说到,精确

的数字在这样的状况

下给予我们的是无法言状的心理作用,很大 水平

上需求
的还是我们的记忆来辅助;另一方面,文章后段提到视觉提示时,一种思绪
或允许


处置

这个问题,还请耐烦

那么主显区的数字有意义吗? 为什么不简单说声:嘿,你有几条新音讯

了,或者,你有好多新音讯

了…这个我真没读到过相关研讨
,不过一种常见的心理或允许


给出一些答案。数字的“精 确”表象能够

给人肯定
感,把握、控制感。固然
我们不会数着1、2、3来读条目,但知道

将要面对一个精确

数目,比起心里没底的读到某条旧信息而止,让用户拥 有更多肯定
感:一切尽在控制
!哪怕两种状况

下我们都是靠着记忆通知
我们新旧的界线

。当然,假定

呈现
GReader里很多人遇到的“1000+”的状况

, “精确

感”恐怕只能转化为“无力感”致使

“恐惧感”了。

说来说去,设计在每个层次都 要肯定
主次,决策需求
取舍。实时应用所要思索
的一大维度就是时效性,大多数用户来到Twier主页恐怕不是为了寻觅
上个星期咱在厕所里发了一条什么 推,而是每隔一段时间点击“主显区”,了解

最新发作
的事情,这也是为什么我要把“7 new tweets”占领
的位置称为主显区。当然,我们
也能够

从位置关系,从Fis’s Law的来解释,这就不提了,既然它是主,而“灯”是次,不能说狠狠地来句deal with it,而是design with it。

逻辑适用局限性

“次显区”的提示仅仅在主页 有效,而当我们分开
主页,例如去“Profile”,或“People”页面,即便

你有信息更新,次显区也不再有效,精确

的说,50%有效。即你是“开 灯”状态分开
,那么Home下面的灯永远是开的,无论此时信息能否
更新,“开灯”状态都是“正确”的,而假定

我们是“关灯”状态分开
,那么此时一切
信息的 更新都无法在“次显区”得到展示

于是在这时,这盏灯的意义就 不完好

如前所述了,它并不完好

代表你上次查看信息后的更新状态,而只在你停留在主页面的状况

。假定

是这样一个逻辑,那么或许就需求
质疑将其与“Home” 兼并
能否
是一个合理的决策了。假定

我们将Home增加了这么一个更新提示功用
,那么其它导航条目呢?我都知道

这样的顶级导航条目是全局性,即全站内有效 的,这也算是互联网用户的一种隐形常识。那么顶级导航的功用
能否
也该全站内有效呢?至少Twier的这盏灯不是。

固然
Twier将导航栏设置为Fixed,从页面呈现(CSS)属性上给了“次显区”一个视觉上契合

逻辑的栖息
之地,但从更大范围的流程逻辑来说,这是有很大“瑕疵”的。

更多的视觉辅助

假定

单从Twier的Home页面来说,我简单把它分为三个维度:时效话题 。这三者是相互

交错

的,每一条推的三个中心
属性即话题(内容目标

),时效(发表时间,更重要的,与其他推在时间轴上的关系),以及人(发表人,人的属性自然更多)。每个维度我们当然也能够

细分下去,但这不是我要在此探求
的。

仅仅针对Home页面,时效 上,每条推按时间轴线性队列排列(当然,这与Twier回复等机制在联络
结构

上的极简有关,相比之下新浪微博倒是能够

在时间轴上有很多探求

,这个有机 会再讨论)。但是
,既然曾经
提供了“时间锚点”——OK,稍微

解释一下,我所谓时间锚点,即主显区“堆积”的推在时间轴上的起始与终止时间点——那么当用 户在点击主显区后,这些“新信息”为什么不能用高亮办法

(前景,背景,或图形)辅助用户呢?

也正是由于
时效性,采用高亮 就自然需求
思索
从“褪色”到“常态”,通知
用户“信息已老”。我们能够

选择计时终了

时,也能够

是计时终了

前用户点击下一批新信息时。不过,怎样
计时?假定

规则
每条推有一个阅读时间常量,然后乘以新信息数目,可行吗?一种状况

是,我点击一条链接走了,读完了相关资料

才回来,这有常量可循吗?

事实上,上面这个“阅读时间 常量“的想法是混杂
视听,我们说的时效性,不是相关于
用户破费

时间,而是相对信息自身

。哪怕一条昨天的信息存在“主显区”里,被用户作为“新”信息点击出 来,它依然

是“老”了而不该被加亮,由于
作为Twier这样的实时应用来说,它的中心
价值就在于信息的时效性。

没错,用户的确

会有不同需 求,例如某一话题中RT次数最多的条目,某人行动
中RT次数最多的条目(这能够

叫做“名人名言”条目?),或者某一特定时间段的话题、人等,这些都能够

提 供相关功用
与对应界面。假定

确有人把Twier当作Google Reader里的文章一篇篇阅读,那么也能够

信任诸如TweetDeck这样的第三方提供“已读/未读”标签。但作为Home页面,时效永远是主题与重 点。

所以,假定

有时间常量,那么这个常量是依据

当前时间与信息发布时间的差别

而定:5分钟,从高亮过渡回“平淡”

图4:页面的时间过渡

从CSS完成
来说如图4所示 的gradient也不复杂,无论是用图片还是CSS3的gradient属性:将新信息中5分钟内以及第一个超越
5分钟的信息(假定

有的话)“包裹”在 一个div内完成
背景的gradient。(假定

新信息的历史均超越
5分钟自然更省事,什么也不用干。)

图4的Gradient效果只是一个示例,它用颜色
突变
来提示时间流逝,假定

思索
运用
texture呢?

信息的时效性最好的对比

或许就是报纸了。假定

我们想想一张报纸从刚刚印刷出厂,到最终
散落在街角风吹雨淋到慢慢

消逝,那么Twier新信息能够

展往常

相似

一张油墨印迹浓厚

的崭新纸张这样的背景质感上,而随着时间轴的回溯,逐步

变成发黄褪色的旧报纸的质感…

岔开一点,假定

我们从“报 纸”这个metaphor延伸下去,Twier提供的“favorite”或者说“珍藏

”功用
,就似乎

一位报纸读者每天剪下特定的故事、新闻,搜集
在 一同
,致使

制造
成scratch book,分享给到访的朋友,或者辅助他的写作(假定

我们制造
一个persona,将他定位作家的话)。由此我们能够

得到怎样相似

的Twier读者故 事?而由此展开怎样的设计概念呢?我想你曾经
有所想法了,至少在我脑海里曾经
有了不少。

另一个视觉提示区域是Trend。Trend直接与话题相关:

图5:Twier趋向

Twier的Home页面所提供的Trend是自动定时更新的,但是
我的问题有三点:

  • 趋向
    是何时更新的?WHY?1,Twier效劳
    不稳定,假定

    数据央求

    失败,用户面对界面是很难察觉

    的。时间上的提示能够

    让用户认识
    到趋向
    的 “时效”;2,A Sense of Control;3,提示Twier对时效特性的强调,every minute counts!

  • 什么话题是刚刚挤进页面的?WHY?特别是关于
    刚刚进入页面而没有“跟踪”趋向
    的用户。类比一下,就似乎

    一旦呈现
    “突发性”新闻,电视台会特别加 上标签:Breaking NEWS 一样。吸收
    眼球,汇集

    人气,引发关注,刺激参与。越多用户在第一时间传播突发性事情
    ,那么类Twier效劳
    的“时效性”就能在更大的范围内被认可,这 是它们的中心
    价值。

  • 每个话题的趋向
    ?WHY?相似

    上面的逻辑。提示用户话题的上升降落
    趋向
    ,引发“猎奇
    心理”。关于
    我们这些翻过大火墙的人,阅历
    过众人将火墙推上 Trend的心理,当用户预期某一话题“需求
    ”上升,参与度也会随之上升。提示每个话题的上升、降落
    趋向
    ,不过是“诱发”而已
    。(很自私的说,其实是由于
    我喜欢看着数字的实时变化发呆

    …)

于是得来这么一个版面:

图6:被我山寨后的Twier趋向

当然,我也实验过更猖獗
的变化:将话题的前风光
与趋向
上下的颜色
分歧
,将字体加粗与上升、降落
趋向
联络
,不过似乎过于突出而显得界面紊乱
,没有主次。不打扰

正常阅读
的一点微小提示似乎更好。另外,“New”会随着下一次Trend自动更新而消逝,或自动易主。

写到这里,我该终了

这一由小 小图表引发的惨烈思索

了。在这个过程中我忽然

想到这么一点:设计的simplicity不是追求的界面简单,而是追求的逻辑简炼;不是看起来简单,而是用 起来简炼。这个的确

需求
与用户的共鸣,对产品中心
与扩展之间关系的不时
思索

,以及勇气去不时
尝试与修正。关于Simplicity的思索

或许能在下一篇文 章用一点例子谈到,猎奇
的话,剧透一点:我在Nokia N78上运用
国内四个微博客户端的一点感受。

来源:http://arslanyard.blogbus.com/logs/88837905.html

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章