摧毀用戶體驗_網頁設計教程
推薦:我們還需要“面包屑”嗎?前幾天看了Angela寫的論“面包屑”的倒掉,感覺她的分析很多地方我還是比較贊成的,談到了“面包屑”的一些缺點和弊病,但因此就說“面包屑”應該倒掉,我
在一次去西雅圖的商業旅行中,我花了兩個晚上品嘗地方菜。我對每頓飯都很滿足,單其中一餐卻要比另一餐好出許多。為什么?
從飯菜方面來說,兩家幾乎都一樣。菜肴都很有吸引力,并且很美麗地擺放在盤子里;就餐場所都讓人感到暖和舒服;兩家的菜單都提供了多種多樣的選擇,而且價格也都很合理;兩家的服務員也都很有魅力。那么是什么讓第二家餐館的體驗比第一家好這么多呢?
就像人生中的大多數事情,小事往往卻是最重要的。拿水來說吧。一個粗心的服務員可能會等你快喝完了,甚至是杯子都已經干了以后才會來幫你續杯。一個關心你體驗的服務員則從不會讓液面低于半杯。而最好的服務員會讓你驚奇地發現剛剛喝掉的水又被續到幾乎要溢出來了。
作為網站的用戶體驗的設計人員,我們可以從很多類似水杯一樣簡單的事情中學到很多東西。
顧客是誰?
作為一名服務員,你應該知道,人們是有一些需要,甚至是帶著一些期望來就餐的。在大多數餐館中,水杯都是第一個“觸點”,,或者說是與顧客的聯系點。良好的第一印象是通過及時的續杯來創造的,但是那還只是開始。有些人喝水比別人快一些,需要更多的續杯;有一些人在上菜之前則不喝水;還有一些人干脆一口不碰,他們可能會叫一些冰茶或是其它飲料。一個人坐在這,你真的猜不到他是哪一類人。而當那是一張四人、六人甚至是十個人的桌子時,就需要做一些預備了。
網絡也一樣。我們設計漂亮的網站(希望是)來取得優秀的第一印象,但是我們要確認每一個觸點來守護在要害的前幾秒所許下的承諾,否則就會浪費掉在在開始的過程中積累的那一點親善感覺。這種想法催生了Progressive enhancement的概念。
在Web上,我們一點也不了解訪問我們網站的人。不知道她在用什么瀏覽器;不知道她是否在使用手機瀏覽網站;不知道她是不是更喜歡用鍵盤而不是鼠標;不知道她的設備是否支持Javascript(甚至是CSS);不知道她是否想打印網頁;不知道她是否在使用屏幕閱讀器。我們真的一無所知。
那么,當你什么也不知道的時候怎么辦呢?猜測。
作為網站設計師,我們需要有能力滿足用戶的需求。假如我們足夠靈敏,我們甚至可以在他們沒有注重到的情況下就做到這點。
就像把水潑在顧客的腿上
Lala.com是圍繞這一個音樂迷社區建立的。它的網站系統可以協助社區內郵遞等方式的CD交換。
Lala homepage
我勉強地說這個網站(圖1-1)還算有吸引力,但是……除非你把JS關閉,它才可用(圖1-2)。
Lala sans JavaScript

圖 1-2. 沒有JavaScript的Lala, 大約在2006年7月
你肯定喜歡那個“Loading”消息,就算沒有東西在讀取的時候他也一直在那。
當然了,這張圖片是一段時間之前截取的,但是在我第一次舉這個網站作為“不要做什么”的例子之后間隔的幾個月中,他們所做的就是草率地拼湊了一條消息(圖1-3),著實讓人想起令人頭痛的瀏覽器大戰。
這里的問題不在于lala使用了Js,而是把JS作為了基本需求。理由?好吧,他們顯然很喜歡用AJAX讀取所有的內容。在急于把所有的Web2.0要素都塞到面罩里的過程中,他們疏遠了大部分的Web1.0用戶,丟失了很大一塊手機市場。而且,他們并不是個例。
考慮一下:你是一個lala用戶,你正在瀏覽一個音像店,然后偶然發現了一張Arcade Fire的專輯,你沒有意識到它已經發行了,想要在你忘記之前把它加到你的lala許愿表里。假如你手機的瀏覽器不支持JS(或是你關閉了JS以節省下載時間/使用費用),你就得盯著屏幕上告訴你什么是lala的信息(圖1-4),后面還附上了信息,要使用這個網站就必須有JS功能。
你不能訪問你的許愿列表或者站點的其他任何地方。甚至搜索框都不工作了(在頁面下方)。假如是只限于少數人的應用程序或者是服務還可以接受,但是對一個公共網站來說,這簡直是一場災難。
分享:[總結]2007年網站設計的風格06年網頁設計在web2.0的影響下呈現出一些特點,漸變使用,希奇的名字(del.icio.us),對角背景的運用(stumbleupon),大字體和像素字體的使用,logo倒影。在過



。