• 昨天早上有幸收到了豆瓣新版测试的邀请,经过两天的使用后也积累了不少感想,在这里以一个用户的角度出发,谈谈我的看法。

    先说首页的总体感觉:

    一直以来,豆瓣给我的印象是这样一个网站:帮助我结识和我有相同爱好的朋友,帮助我发现我可能喜欢的事物,帮助我获取、浏览我感兴趣的信息。正如豆瓣首页上的介绍(发现、推荐、结识同好)所言。而这一印象也在豆瓣的旧版登陆后首页得到了长久的证实和加强,旧版首页左侧是推荐给我的书、影、音、评论、活动,这些推荐首先吸引了我的视觉焦点。相比之下,无形之中我认为右侧的友邻广播是次要内容。

    新版的首页则去掉了所有的推荐,转而显示所有广播,SNS味道浓重。如果首页要做成一个社区的形式,那么就应该做好SNS相关的一系列功能,比如我给一个友邻的[我说]回复了,那么用户B对这条[我说]的回复就不应该发给我[提醒],因为那是别人(这个人有可能跟我毫不相干)的回复,我只希望看到这个友邻给我的回复。

    再看导航系统:

    旧版的主导航是两层的设计,目录的层次结构是很清晰的,最大的好处就是,不管我在哪个页面,我都可以通过这个主导航直接跳转到同级页面或者上级页面,这是很好的做法。

    新版导航系统明显问题:

    1 .在豆瓣社区里,假设我现在处于“我的日记”页面,没有可用且明显的链接让我可以跳转到“我的相册”或者“我的推荐”等页面。也就是说,在点击[我的豆瓣]->[相册]后,想直接跳转到“我的日记”页面只能再点一次[我的豆瓣],然后再点击[日记]。虽然点击次数增加了(客观上),但用户在页面之间的跳转变得不方便了,是否还需再斟酌?

    2 .在豆瓣社区的导航中,增加了[浏览发现],这个功能很好,但为什么没有[友邻]?新版里,如果想看到我的所有友邻或者关注我的人以及我关注的人,我目前为止只发现了两个入口:社区首页右栏、profile页面的右下方。如此一来,友邻的概念仿佛被弱化了。而且在[我的朋友]页面没有提供[关注我的人]的链接,不太方便。

    3 .在豆瓣读书里,我看到的导航是这样的:

    首页:新书速递、热门标签、友邻读书、书评,右下角的“可能感兴趣的图书”点进去是[豆瓣猜你可能感兴趣的书],正好对应导航里的[豆瓣猜],okay,那么再看豆瓣音乐的导航:

    首页:音乐人、新碟榜、友邻音乐、乐评,右下角[可能感兴趣的音乐]点进去是[豆瓣猜你可能感兴趣的音乐]。既然这里也有"豆瓣猜",为什么在豆瓣音乐的导航里没有?再看豆瓣电影的导航:

    在这个页面点击[你可能感兴趣的影片]旁边[更多]之后,进去的页面罗列了很多电影,很明显是]豆瓣猜我喜欢的电影],但是该页面的标题是[豆瓣猜]……同样,这个页面在导航里也没有给出链接。而且,在豆瓣电影的导航里没有[首页],取而代之,[电影]就是首页。如果考虑把电影、电视剧的综合新片速递和友邻在看的影片、电视剧以及影评、剧评集中起来,也建立同样的[首页],是不是更一目了然呢?

    3,在视觉设计方面,新的主导航设计在以下两点有所欠缺:

    • 仅靠每个页面25px的h1标题来表示当前页面,不够醒目。
    • 缺乏明确的面包屑路径提示用户的当前位置。

    最后说一个让我很疑惑的细节:

    点击[豆瓣电影]->[分类浏览],在标签列表里选择[动漫],进入[动漫]类型电影页面后,我发现在[动漫]二字的右上方有一个灰色的叉,鼠标移上去变成红色,如下图:

    看到这个按钮我的第一反应是,这是什么?这个叉为什么出现在标签右上方?点击它会有什么后果么?原来点了叉之后又回到了[分类浏览]页面……囧。

    至于其它新版体验过程中看到的bug,比如搜索的下拉菜单与底层文字重合,电台和豆油的链接没对齐,各种按钮样式不一致,链接hover样式不一致等等,已经有很多细心的豆友发现了,我不一一列举了。两年多以来,豆瓣保持淡绿色配色这种风格不变,已经竖立了很好的品牌形象,个人认为,在当前简洁的布局、信息架构基础上,做一些视觉提升,比如把扁平的按钮变得有立体感,给导航增加一点渐变,也许没有坏处,为什不尝试呢?

     

    /*p.s.,春节期间反思新模板的设计,发现了很多可用性问题,决定重新设计模板,目前先找bus备用模板代替=)*/ 

  • doubanclaim

    2010-02-24

    doubanclaim7edb81205715aa59

  • 算起来我用GoogleReader也有两年的时间了,总的来说,这是一个很不错的产品,无论是从它简洁的UI设计上还是不断创新的功能特性上来看都是如此。然而有一个地方一直让我感到不太方便:在阅读feed时,对每一个item的操作一直都是在文章末尾。如下图:

    当某一个item的内容很长的时候,而我恰好看到item的标题就觉得很感兴趣,或者说我想先做一个标记,以后有时间再慢慢看,这时候就很不方便了:item内容很长时滚动棒都比较狭窄,用户需要拖动狭窄的滚动棒到文章末尾来进行Add star或者share等一系列操作。

    也许随着这个疑问随着而来的设计就是,在文章开头设计一个固定区域放置这些操作选项(Add star,Share,Like等),在文章末尾同样保留旧的操作区域。就好比电子商务网站中的购物车页面,在页面顶部和底部都提供翻页链接。

    问题在于,电子商务网站中,当购物车中的商品太多需要翻页时,在页面顶部和底部都提供给用户的是翻页链接,而GoogleReader中这些操作的作用不是翻页。那么能不能应用同样的设计思想呢?

    我认为,GoogleReader中对于feed item的操作与购物车页面的翻页链接属于不同的功能范围,Add star,Like, Share等等,属于用户经过个人喜好或思考等一些判断而对item做出的反应(比如用户可以标记,分享,或者什么都不做),而购物车页面的翻页链接是一种继续获取信息的途径。显然,不能简单粗暴的应用同样的设计。

    GoogleReader的用户都了解,每当点开一个新的item时这篇文章都会被强行放到右边区域的顶部。如果是这样:把对该item的操作链接设置为一个固定区域,当用户向下拖动滚动条时该区域一直可见,是不是就比原来的设计更方便一些?

    不过,这样也会带来更多,更复杂的问题。比如浏览完这篇文章后,向下浏览新的item标题时,这个固定的操作区域是否就该隐藏了?这样是否会带来更多的交互成本?

    以上只是个人想法,我也没有思考出更好的结论,由此可见Google在设计reader的界面时也必然考虑了很多。:P

    最近一直在啃交互设计相关的书,最大感触在于,交互设计,信息架构,用户体验,以用户为中心的设计这些理念不是只喊喊口号就够了的,看书学习是一方面,更重要的是实践,思考。在不断接触互联网产品的同时,对产品使用感到不方便、有问题的地方记录下来,也是一个促进进步的方法吧。

  • 今天早上看到Google要退出中国的消息,晚上bus就恢复了访问。打开bus后台界面之后心情比较复杂,大概是最近互联网的新闻实在太多了,这方面的言论我在GoogleReader上也share了很多,就不多说了,大概的局势大家心里应该都清楚了。前两天从ustb图书馆借了一摞书,包括《赢在用户》、《交互设计之路》、《设计沟通十器》、《用户体验的要素》这些被UCDchina推荐的书籍。其实应该早点借来才对,不过从现在开始看也不晚,起码这些书都不太厚。

    最近重温了《龙与虎》(和vela同学一起又看了一遍),补上了《魔法禁书目录》。前者是青春热血校园套路,后者的具体套路我也说不清楚了。禁书目录虽然女主角后期路人化不过也没什么,不过男主的好人做的也未免太啰嗦了。龙虎我看了第二遍才弄明白从第十话就明摆着的人物关系,原来我这么的迟钝啊?青春的故事最美好,这条真理又被我验证了一遍,比如倒数第三话实乃梨跑下楼梯大声表达心声再加上当时的煽情bgm让我又泪流满面了,比如最终话毕业的场景……如果有机会,青春应该重来。

    嗯,码字是件好事,起码可以让大脑临时转动一下,记录下一点点火花。

    /*1月份的目标看上去没完成,2月份要加油了 囧。 */

  • Aquarell取自Secret Garden的一首音乐,正好也与bf的星座有关。这次本想做成Vintage的怀旧风格,构思过程中出现过记事本、做旧纸张、木制夹子等等,不过最后还是成了这个样子[- -b]

    总之,基本上这个blog总算是能看了:)