发表时间:十二月 11th, 2009, 作者:lijin
今天讨论一下表格设计，关于表格，表面看起来很简单，要做一个漂亮表格难度可不小，也很少有人对表格进行修饰和设计。表格功能主要是展示数据和记录数据，而过多的文字容易使眼睛疲劳，因此一个的舒适表格有助于用户静心阅读，也是网站注重细节的体现。
首先说说表格的色彩，表格的功能以展示数据为主，因此表格本身的色彩不宜太过鲜艳，适当的柔和。为了能让表格在页面上有一定分量，为表格加了一个淡灰色的背景，然后再在背景里镶白底线框表格，上下左右边距为6px，这样中间内容显得格外明亮，立即突出表格，行与行之间白灰相间，这样防止阅读时出现错觉，方便用户阅读。
关于表格文字颜色，一个表格里文字必须分轻重，如：下图是一个消费记录表格，金额为表格重点，因此用红色突出重点。切记，表格文字颜色不宜太多，多了会显得花，可以根据表格不同来确定重点的栏目数；链接用蓝色，这是用户习惯；其他内容用黑色，这也是表格文字的主要颜色，他不但是有效的数据，还能起到衬托重点的作用。表格的特殊数据展示（如下图），出现几率相对较低，但是视觉冲击一定要强，因此文字颜色用了一个和红色互为补色的绿色，很容易区分出和其他数据的不同。
最后表格需要整洁、大气，因此表格文字的行高、字体大小、边距也必须按好好把握，根据以往的经验，内容距离边线框10px比较合适，当字体大小是12px时，内容行高为20px最合适，当字体大小是14px时，内容行高为22px最合适。
以上是个人见解，仅供参考！
发表时间:九月 13th, 2009, 作者:胜哥
发现了一些人们使用网页的习惯以后，我们设计页面的时候就可以有针对性的做一些处理，同时要满足人的心智模型来做一些常规的、通用的设计。我们的每一个网页都要考虑为两种用户的设计。
一种是老用户，这类的用户对我们的网站有一定的了解或者比较熟悉，他们对页面的了解会让他们潜意识里避开他们认为不重要的，或是与他们本次访问目的无关的部分。他们希望的是快速的使用和操作，所以，我们要做好针对老用户的快捷通道和操作，避免一些过分的干扰元素。如果网站推出了一些新的活动或者功能，也可以在重要位置给出提示，让老用户知道。
另一种是新访问者，对于新访问者要做好营销和指引。营销是多方面的，可以是对商品或者资讯的推广，也可以是营造的提升网站信任度和人气的氛围等。相对而言，指引就更加重要了，让新用户在使用网站的过程中，疑惑尽可能的少，产生疑惑时，马上就可以找到相关帮助和指引。
一般网页的设计师或是策划人员都是比较熟悉互联网操作的人，在设计网站时，一般会在潜意识里按照自己的喜好或者是习惯来设计，这就容易造成他们设计的网页或者是交互的流程是自己认为很满意，很少去考虑一些异常的情况或是操作流程。其实绝大多数的网民对互联网的使用都还停留在初级阶段，他们不像网页设计者那样熟悉互联网，熟悉你们公司的流程，熟悉你们术语。所以今天要给大家总结下网站可用性设计的几个经典要素。
1. Don’t make me think
不要让我思考，不要让用户思考，你的网页应该是不言而喻的，一看就懂的，要在三秒钟之内，让用户理解这个网站或是网页是做什么的。
2. 最小化设计
如果把过多的信息都塞进有限的网页中去，用户就很难找到自己感兴趣的东西，可以想象一下密密麻麻的网页，需要滚动好几个屏幕的网页，你作为用户的时候会很有耐心的去看这些东西吗？所以，减少页面的噪音把，尤其是在一些流程的交互页面，更加要注意减少让用户可能中断流程的操作和跳出页面的链接。如果大家留心的话肯定会发现很多网站的注册和充值的页面都非常简单，这里你唯一能做的事情就是把这个流程走完。
要注意图文混排，网页上图片和文字的比例应该遵循一定的规则，比例失调就会造成审美疲劳而失去重点。一般来说，栏目首页的图文比例在3：7为宜。网页或者图片上的文字要尽量简洁，用户不是到你的网页来看做阅读理解的，所以，还犹豫什么，赶紧去精简把，精简到你觉得不能在精简为止。
3. 给用户反馈信息
在适当的时候要提供适当的反馈信息给用户，例如，用户进行了上传文件的操作，那么就告诉他，我正在帮你上传文件，并给出进度条提示，上传成功后，也别忘记夸奖下用户，恭喜你，成功了。
如果用户做了某个操作，却得不到信息，或者要等待很久才知道他所做的操作是否正确，那么他的效率和心情可想而知。
4. 符合人们的心智模型
我们要使用用户熟悉的词汇、惯用语和概念，而不是高深莫测的技术用语和你自认为很酷很炫的名称。同时，界面设计也要遵循一些公认的惯例，体现出控制与效果之间的良好对应关系。打个比方就是，如果它是个按钮，那么就让他长的像个按钮吧，让用户知道这个是可以点击的。
5. 保持一致性和标准化
每个网站都有自己的设计风格，请保持它的一致性，并且为相似的任务或操作使用相似的元素，这就好比我们装修的时候，每个房间的房门都统一是设计成朝里或是朝外拉开，而不是有的房间朝里，有的房间朝外。
对于同样的操作、功能或是其他的事务，命名要保持一致，不要这个按钮叫钮叫OK，在来一个叫确定，还有一个叫好的，这样用户就会莫名其妙。
6. 帮助用户诊断、识别和修复甚至是预防各种错误
标签: 用户体验
发表时间:九月 5th, 2009, 作者:胜哥
不知从何时开始，大家做网站都要讲用户体验了，
不知从何时开始，大家招聘都要招交互设计师了，
不知从何时开始，大家叫策划都感觉档次低了，
呵呵，从业几年以来，从程序转到策划，从编写代码到研究用户，一路也见证了互联网的发展和变化，最大的感觉就是，用户越来越挑剔了，那是因为现在可供用户选择的网站太多了，任何类型的网站在互联网上都很难找到独一无二的，同时，搜索引擎的普及也让用户挑选网站变得更加简单。所以越来越多的公司开始关注网站产品本身好坏来应对竞争对手和留住会员。
今天是第一篇，就从我自己开始回忆一下以前的策划现在叫交互设计的工作吧。
那时的策划我想应该是比较容易做的，一般的情况大概是这样几种，
（1）互联网泡沫那几年，无数互联网公司兴起，三五个人，两三杆枪一个公司就出来了，哪有什么策划啊，几个人坐在一起讨论的唾沫横飞，争论的面红耳赤，然后招呼美工进来这样这样那样那样就开始做了，哦，对了，美工现在叫网页设计师或者视觉设计师，那时，美工就是干体力活的，而策划是大家。最关键的问题来了，怎么策划的呢？一般都是，我想要这个这个这个，如果做出来了这个这个这个，肯定会有很多的用户来用，我们就可以。。。。。。。（省略1万字的YY），所以的这样的公司基本都倒掉了，很不幸的是，当时我也是属于YY派。
（2）互联网火了，那年头，企业如果没个网站就像现在的学生没有手机一样，三个字：没面子。基于这样的旺盛需求，一大批网建公司冒出来了，于是无数的企业都做了网站，那可真是包罗万象无所不有，只是让我纳闷的是，咋都长的差不多呢，哈哈原来都是你抄我来，我抄你，抄来抄去就迷失自己。因为那时企业网站都是给老总看的，是给自己的看的，都是炫耀公司文化、宣传老总风范、讲讲企业荣誉，最后才记得来展现下自己的产品。所以策划就是看怎么让老总满意，不提也罢。
（3）他们是正规的互联网公司了，真的需要互联网来拓展公司业务，或者就是真的在研究互联网的各种模式，庆幸的是，他们真的想把网站产品做好，只可惜他们也不一定都找到了正确的方式，这样的公司是有正规的策划岗位，但是大部分都是编辑、美工转行或者兼任，而真正做的方式就是一种，模仿，去看把，找大型的，有名的网站去抄把，反正连他们都这么做，我们为啥不能这么抄？
不幸的是，到现在为止，还有很多的公司是用的以上三种操作方式之一，那么正确的操作方式是什么？其实就是现在我们喜欢放在嘴边的UED，以用户为中心的设计，以追求良好用户体验为主旨，来设计网站。让用户使用网站时的疑惑越少越好，越易用越好。
要提高易用性，提高用户体验，就要从研究用户开始，从研究人们的上网习惯开始，从研究你网站用户群体的特征开始。也许有人会说太虚了，怎么研究啊，我该怎么做啊，呵呵，不要着急，现在类似的书籍已经越来越多了，大家可以去轻松的买到，去学习一些前人的、国外的优秀理论。但是这些书籍所讲述的东西，仅是参考，互联网发展的太快，用户群体的接受程度也成长的很快，所以，以前的不一定适用于现在，国外的不一定适用与国内，最好的方式还是先从研究自己开始，去找出一些人们使用网页的习惯。
下面就简单谈谈，我所总结的一些人们使用网页的习惯（经典理论）：
a：他们是在扫描网页，而不是阅读网页
我们很多的网站建设者认为用户打开网页之后都会仔细阅读每一个文字，看清楚整个网页的结构，思考每一张图片所蕴含的意义，然后经过仔细的权衡，小心翼翼的点击某个链接或者按钮。
但实际上用户使用网站的方式和我们想象的有很大差距，在我说下面的现象之前，希望读者可以一边看一边仔细想想自己作为用户，是否也是这样使用网站的。用户们通常只是在每个页面上瞥一眼，眼光无顺序地扫过一些文字，然后点击第一个令他们感兴趣的或者大致符合他们寻找目标的链接。通常页面上的很多部分他们看都不看，也不感兴趣。这条定理适用于新的网页，同样也适用于你熟悉的网页。因为你熟悉的网站你更会目标集中去你想去的地方浏览，而直接忽略掉一路上你觉得不重要的信息。
b：用户们都很忙，他们只有很少的时间停留在一个页面上
大多数情况下，用户都只会花很少的时间来阅读大部分的页面。就像是开车在高速公路上前进一样，我们的网页内容就是路边的广告牌或是路标。只有当来到“最终”（目标）页面时，他们才会宝110公里的时速降低到10公里。因为这里才是他们的目的地：某个商品说明、某篇新闻或文章等等。这里才是他们真正想要驻足观光的地方。至于其他页面，ok，就像地铁站的广告牌一样，它们只是存在在那里，偶尔会吸引你去瞥上一眼，但大部分情况下，你根本不关心。所以，搜索引擎才会发展的迅速，他能帮人们节省大量的时间去找寻他们想要的东西。
c：他们也不会仔细考虑，或者考虑很久
大家知道浏览器中最常用的按钮是什么吗？是“后退”按钮
为什么呢？因为大家知道，如果我猜错了，去到了我不想去的地方，也不会产生什么严重后果，只需要点击几次“后退”就能重新来过。所以，用户不会花很大的精力来理解你的网站，如果你的网站很难理解，他们直接会选择离开，去找个更你类似，但是更容易理解的网站。
d：不要小看微不足道的挫折感
什么是挫折感，就是用户使用你网站过程中任何会引起他不爽、与他想象不符、需要他花费很长时间理解等等的感觉。这样的感觉会伴随着用户一直存在与整个使用过程中，目前还没有哪个网站敢说我的设计能让所有用户不产生挫折感。但是千万不要小看他，当他积累到一定程度，超出了用户的忍耐极限的时候，你就可能会永远的失去这个用户。所以我们要尽可能降低所有的会让用户产生挫折感的可能。与挫折感相对应的就是好感度。也就是让用户爽、贴心、放心、安心、开心的感觉。好感度积累的越多，用户就越不容易离开你的网站。
OK，写了好多，有点累了，下次在具体举例说明这些情况，以及我们该如何正确来设计网页。
标签: 用户体验
