用户体验小记

用户体验是一门大学问,简单的记录下刚刚想到的东西。

1、文字颜色
页面的主题是文字,而文字一般可分为三类,栏目区、内容区、广告区。在设计页面的时候,应该有意识的通过文字颜色来区分这三种不同的区域。需要注意的是,内容区和栏目区应该取同一色系并且与背景鲜明对比的颜色,颜色不要刺眼。广告区通常采用浅蓝色,也因设计而异。

2、背景颜色
背景颜色与文字颜色应该相互匹配,常见的背景色有黑色,白色,淡黄色。浅色系的背景凸显内容,一般用于门户网站,深色系的背景凸显画面,一般用于游戏类网站。另外,这里我很喜欢用不同的颜色标注不同的功能区。 :)

3、版面
常见的版面分为一列,二列,三列,同时也分为固定布局,弹性布局,液态布局。通常门户网站使用三列布局以加载大量的信息,游戏网站常使用二列以突出游戏主题内容,引导页,结果页使用一列布局,直观,内容最少。固定布局使用像素设置宽度,弹性布局使用em设置宽度,液态布局使用百分比设置宽度。

4、从左往右?从友往左?
04年的F形网页浏览轨迹误导了很多人,至少我身边的人都认为,人们看页面内容的时候是从右向左看,其实不然,F形网页浏览轨迹的前提是在主题区域内容采用F形方式浏览。
f_reading_pattern_eyetracking
换而言之,人们会从<div id=”main”>的区域开始浏览。
因此切忌当使用三栏或者二栏布局的时候,要区分开left main right。(网易新页面改版让很多人不舒服的原因就在这里)

5、大多数
大多数喜欢的事情就是最好的事情,哪怕你一点也不喜欢它。

放在这里,慢慢更新,今天想到了这么多。

原文链接(9 views)|沙发已被占领(1)

从百度贴吧改版和晋江土论坛看用户体验

今天下午,百度贴吧将它的贴吧列表页做了修改,变成了下面这个样子

baidu

很显然这又是一个汇集了传说中的Tab,并肯定是“根据用户体验”得到的新版。

咋一看色彩鲜明,分区明确,用鼠标点击不同的分区可以快速的找到对应的主题。发表新帖按钮位置明确,更能引导用户发帖。

可这么上等的修改为什么还获得了对百度贴吧改版的一片骂声呢?

 

这就涉及到了一个词语“用户体验”。

什么是用户体验?我的理解很片面,但我认为用户体验就是保持用户操作的习惯性,轻易不要试图去改变它。

为什么百度改版以后大家很不爽,很简单,就是颠覆了用户的操作习惯。

再让我们来看看晋江原创网的论坛,说实话,这个论坛,让我回到了1999年。

jjwxc

虽然样子很丑,但这个论坛每日的IP在10万以上。

很多人,都在说用户体验,整出各种虚头八脑的理论来阐述自己的观点,可是他们恰恰在不断的颠覆用户的使用习惯,本来是一个select的地方,他弄成一个input,就好象007里的那个看起来是剃须刀,其实他是一个吹风机一样。搞的我很囧。

所以,在各种各样用户体验风起云涌的时候,如果你没有微软那样的统治力,最好还是遵守用户的行为习惯,并不断引导他使用才是较好的用户体验。

原文链接(37 views)|评论 (2)

构建张经纬的博客的第二天

构建张经纬的博客的第一天的时候,我们已经确定方向并找到合适的博客程序。接下来,就进入了制作阶段。在制作阶段,我主要考虑的是用户体验,它包括如下的内容。

1、可访问性

网站是面向群体的一个个体,为了让大家都所有群体都可以无阻碍的阅读器中的内容,网站必须具备可访问性(508),既何种用户代理(浏览器、手机阅读器、盲人阅读器)都可以正确的浏览我们的网站。要做到这一点,我们需要注意这些要素。
1.1 注意网站中链接的title。
1.2 注意网站中图片、音频、Flash的对应的文本替代。
1.3 注意input周围要有lable标签。

2、视觉效果
视觉效果是一个网站的最突出的部分,一个好的视觉享受可以给人留下一个深刻的印象,你可以这样问自己,当我访问一个技术类型网站的时候是喜欢简洁清晰的样式,还是喜欢热情奔放的样式,相信您会得出一个合理的答案。对于符合您答案的网站,我想您一定会再次前往。所以,良好的视觉样式是有助与提升网站的形象。

3、内容性
当用户已经认可网站风格的时候他一定会去寻找自己需要的东西,此时,内容性就显得尤为重要。加强内容性需要做到以下几点。
3.1 文档与文档之间的紧密连接。(内部链接)
3.2 内容的及时和准确。(原创文章)
3.3 语言组织符合语法。(语句通顺,言简意赅)

4、功能型
功能性顾名思义就是网站的功能,这些功能如ajax回复,对博客文章打分,博文对你是否有用的投票系统,可以及时联系到博主的IM链接方式等等。功能性有助与提高用户与网站主之间的交互,进而增强用户黏度。

明确这四点后,我开始动手设计制作我的博客模板了,你看现在博客的样子是否满足上面的4条呢?呵呵,也许在视觉效果上,做的还很不够,不过能力有限,先凑合的使用吧。 :-D

原文链接(18 views)|评论 (8)