归档为 四月, 2009

记得很久以前在上一家公司有一次会议上讨论博客的导航问题,大概就是”导航是放在左侧还是放在右侧?”基本上大家在会议上都达成了共识就是博客的导航应该是放在右侧,因为内容比较重要,放在左侧可以让用户可以更加注意内容。
最近在看《Web的导航设计》,其中有一部分也提到了关于导航的位置的问题.
在2002年对奥迪网站(www.audi.com和www.audi.de)的改版中,Razorfish Germany挑战了左侧导航的主导地位,把主导航放到了右侧。主要是把奥迪的网站和竞争对手区分开来。他们也想在网站中处处实践奥迪品牌的核心价值”创新”,包括导航。
在这种非标准布局发布之前,我们对64个用户进行了广泛的测试。测试中把一个导航在左侧的版本与右侧版本相比较。每个测试都有三部分组成。
第一部分中,用秒表记下完成五个任务所需的导航时间。结果令人吃惊:对于任何一个任务,两种导航的完成时间都没有显著的差异,包括第一个任务。在后续的任务中,右侧导航实际上要比左侧导航表现更好。
第二部分中,我们研究了参与者在屏幕上的注意力的焦点。我们发现,比起左侧导航系统,人们用右侧导航时往往会多看有内容的一侧。
第三部分中,我们对每名参与者展示两种版本,并直接问他们对右侧导航的看法。64个人中有7个偏爱右侧导航,只有两个明确表示不喜欢。但大多数的参与者表示无所谓。

我最近看了一下博客的统计,让我十分惊讶的是放在我右侧的导航几乎没有点击,那你可能说了放在右可能容易忽略掉,但是我下面的友情链接竟然会有好多点击,也就是说放在右侧的友情链接竟然比右侧放在上面的导航更加吸引点击。
由此可见导航放在左侧还是右侧,通常的常理是习惯问题。而这里还要考虑的问题就是:1、用户到想要什么?2、我们到底要给用户提供什么?

武侠小说里面经常写:高手过招,无招圣有招。而对于网站设计来说也是如此,当到达一个境界的话就是一个子”无”。虽然现在有更多的交互技术flash,flex,silverlight,因为宽带的普及,我们在设计上可以用更多质量更高的图片,因为大屏幕液晶显示器的普及,我们现在的网页可以在一个屏幕中设计更多的元素。但是我们发现那些真正NB设计,就像武林高手一样处事低调,无招圣有招。
一、空白 不知道什么时候起,开始流行”空白”风潮,国内好多设计师的blog也都一一变成”白板”。而google的首页和flickr的设计更是把”空白”发挥到了极致。

从上面的设计可以看出,设计者把用户最想要最想看的东西呈现出来,其它一切都可忽略。

在SNS网站有一种很基础但是很有效的交互小游戏,那就是”照片打分”,虽然交互上很简单就是,给照片打分,然后不断的切换照片。
但是在SNS上却起到了一个很好的作用: 1、通过增加一些小设计譬如,发送消息,表达心意,等可以快速的让两个陌生人成为朋友。尤其了解决新用户要快速的在站内结交到朋友的问题。 2、充分了利用了SNS网站用户,上传自己生活照片的优势同时也暗示用户可以更加积极的上传自己的生活照片。
下面我们来看一下HotorNot.com的设计。HotorNot.com就是一个纯粹用这种”照片打分”游戏认识朋友的网站,整个网站功能简单,但是简单的功能却是放出强大的力量,现在的alexa排名为3908。

HotorNot.com一打开就是”照片打分”的主界面。左边是最近的一个历史评分,右边是4个备选照片。中间是打分、照片筛选和大照片。整个界面非常清晰。单击一个分数以后,立刻页面刷新更换照片,如果想和这个照片上的人认识直接单击大红色的”Click Here to Meet Me”按钮。虽然界面上的元素比较多,但是条理非常清晰,而且我在1280×800的分辨率下一般可以一屏完成操作。整个界面设计最值得称道的地方就是底部的分享,你可以复制这个链接发给好友,而且可以直接分享到Facebook、Myspace、Bebo这些主流的交友网站上,也可以通过mail发给好友。绝对是病毒传播的利器。

其实从Axure RP Pro 5.0 Alpha版本开始就已经有了”多人协同设计”功能,整个功能和传统的程序上用的协同开发没有任何区别。如果你用过vss或者svn就很容易理解了,不过没有用过也没有关系,下面我就来简单介绍一下。
为什么需要协同设计? 一般情况下一个产品的原型设计部分都是由一个人来完成的,但是如果比较大型的项目的话,就有可能涉及到,几个人来共同设计,但是通常情况下,每个人设计的原型都是独立分开的,譬如一个人设计前台,一个人设计后台,一个人设计消息系统等等。这样就会造成每个人的设计很难有统一的标准去规划,这样就会造成最终设计出来的产品整体性就要差。同时也影响了设计师在设计过程中分享想法的机会。而协同设计就可以避免这个问题,多个设计师可以一起设计原型,彼此互不干扰,因为是在一个文件下共同设计,所以在设计的时候可以更好的按照一个统一的标准去执行,提高设计效率和质量。而且可以更加容易让各个设计师在设计过程公分享设计想法。历史记录可以方便的查阅每一次修改的内容。

我的博客从去年某一天开始就莫名其妙的丢失Feed输出格式,我一直都不太清楚,直到有一天一个朋友特意在博客文章下面留言我才发现,竟然格式都没了。然后我觉得也莫名其妙的,怎么格式丢了呢,原来是好好的呀。我一直怀疑是程序问题,所以暂时也没有管。前一阵子升级到了从2.6升级到了2.7,发现问题依旧,我就奇怪了。然后就在网上开始找相关的处理方法,最后终于找到了,原来竟然是后台设置的问题。进行如下操作:【后台>设置>阅读】把”Feed中每篇文章,显示”设置成”全部文字”即可”。


top