摧毁用户体验_网页设计教程

推荐：我们还需要“面包屑”吗？
前几天看了Angela写的论“面包屑”的倒掉，感觉她的分析很多地方我还是比较赞成的，谈到了“面包屑”的一些缺点和弊病，但因此就说“面包屑”应该倒掉，我

　　在一次去西雅图的商业旅行中，我花了两个晚上品尝地方菜。我对每顿饭都很满足，单其中一餐却要比另一餐好出许多。为什么？

　　从饭菜方面来说，两家几乎都一样。菜肴都很有吸引力，并且很美丽地摆放在盘子里；就餐场所都让人感到暖和舒服；两家的菜单都提供了多种多样的选择，而且价格也都很合理；两家的服务员也都很有魅力。那么是什么让第二家餐馆的体验比第一家好这么多呢？

　　就像人生中的大多数事情，小事往往却是最重要的。拿水来说吧。一个粗心的服务员可能会等你快喝完了，甚至是杯子都已经干了以后才会来帮你续杯。一个关心你体验的服务员则从不会让液面低于半杯。而最好的服务员会让你惊奇地发现刚刚喝掉的水又被续到几乎要溢出来了。

　　作为网站的用户体验的设计人员，我们可以从很多类似水杯一样简单的事情中学到很多东西。

　　顾客是谁？

　　作为一名服务员，你应该知道，人们是有一些需要，甚至是带着一些期望来就餐的。在大多数餐馆中，水杯都是第一个“触点”，，或者说是与顾客的联系点。良好的第一印象是通过及时的续杯来创造的，但是那还只是开始。有些人喝水比别人快一些，需要更多的续杯；有一些人在上菜之前则不喝水；还有一些人干脆一口不碰，他们可能会叫一些冰茶或是其它饮料。一个人坐在这，你真的猜不到他是哪一类人。而当那是一张四人、六人甚至是十个人的桌子时，就需要做一些预备了。

　　网络也一样。我们设计漂亮的网站(希望是)来取得优秀的第一印象，但是我们要确认每一个触点来守护在要害的前几秒所许下的承诺，否则就会浪费掉在在开始的过程中积累的那一点亲善感觉。这种想法催生了Progressive enhancement的概念。

　　在Web上，我们一点也不了解访问我们网站的人。不知道她在用什么浏览器；不知道她是否在使用手机浏览网站；不知道她是不是更喜欢用键盘而不是鼠标；不知道她的设备是否支持Javascript(甚至是CSS)；不知道她是否想打印网页；不知道她是否在使用屏幕阅读器。我们真的一无所知。

　　那么，当你什么也不知道的时候怎么办呢？猜测。

　　作为网站设计师，我们需要有能力满足用户的需求。假如我们足够灵敏，我们甚至可以在他们没有注重到的情况下就做到这点。

　　就像把水泼在顾客的腿上

　　Lala.com是围绕这一个音乐迷社区建立的。它的网站系统可以协助社区内邮递等方式的CD交换。

　　Lala homepage

图 1-1. Lala主页

　　我勉强地说这个网站(图1-1)还算有吸引力，但是……除非你把JS关闭，它才可用(图1-2)。

　　Lala sans JavaScript

图 1-2. 没有JavaScript的Lala, 大约在2006年7月

　　你肯定喜欢那个“Loading”消息，就算没有东西在读取的时候他也一直在那。

　　当然了，这张图片是一段时间之前截取的，但是在我第一次举这个网站作为“不要做什么”的例子之后间隔的几个月中，他们所做的就是草率地拼凑了一条消息(图1-3)，着实让人想起令人头痛的浏览器大战。

图 1-3. Lala带回有趣的回忆

　　
　　这里的问题不在于lala使用了Js，而是把JS作为了基本需求。理由？好吧，他们显然很喜欢用AJAX读取所有的内容。在急于把所有的Web2.0要素都塞到面罩里的过程中，他们疏远了大部分的Web1.0用户，丢失了很大一块手机市场。而且，他们并不是个例。

　　考虑一下：你是一个lala用户，你正在浏览一个音像店，然后偶然发现了一张Arcade Fire的专辑，你没有意识到它已经发行了，想要在你忘记之前把它加到你的lala许愿表里。假如你手机的浏览器不支持JS(或是你关闭了JS以节省下载时间/使用费用)，你就得盯着屏幕上告诉你什么是lala的信息(图1-4)，后面还附上了信息，要使用这个网站就必须有JS功能。

　　你不能访问你的许愿列表或者站点的其他任何地方。甚至搜索框都不工作了(在页面下方)。假如是只限于少数人的应用程序或者是服务还可以接受，但是对一个公共网站来说，这简直是一场灾难。

图 1-4. Lala 哪里都别想去

分享：[总结]2007年网站设计的风格
06年网页设计在web2.0的影响下呈现出一些特点，渐变使用，希奇的名字（del.icio.us），对角背景的运用（stumbleupon）,大字体和像素字体的使用，logo倒影。在过