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

圖 1-2. 沒有JavaScript的Lala, 大約在2006年7月
你肯定喜歡那個(gè)“Loading”消息,就算沒有東西在讀取的時(shí)候他也一直在那。
當(dāng)然了,這張圖片是一段時(shí)間之前截取的,但是在我第一次舉這個(gè)網(wǎng)站作為“不要做什么”的例子之后間隔的幾個(gè)月中,他們所做的就是草率地拼湊了一條消息(圖1-3),著實(shí)讓人想起令人頭痛的瀏覽器大戰(zhàn)。
這里的問題不在于lala使用了Js,而是把JS作為了基本需求。理由?好吧,他們顯然很喜歡用AJAX讀取所有的內(nèi)容。在急于把所有的Web2.0要素都塞到面罩里的過程中,他們疏遠(yuǎn)了大部分的Web1.0用戶,丟失了很大一塊手機(jī)市場(chǎng)。而且,他們并不是個(gè)例。
考慮一下:你是一個(gè)lala用戶,你正在瀏覽一個(gè)音像店,然后偶然發(fā)現(xiàn)了一張Arcade Fire的專輯,你沒有意識(shí)到它已經(jīng)發(fā)行了,想要在你忘記之前把它加到你的lala許愿表里。假如你手機(jī)的瀏覽器不支持JS(或是你關(guān)閉了JS以節(jié)省下載時(shí)間/使用費(fèi)用),你就得盯著屏幕上告訴你什么是lala的信息(圖1-4),后面還附上了信息,要使用這個(gè)網(wǎng)站就必須有JS功能。
你不能訪問你的許愿列表或者站點(diǎn)的其他任何地方。甚至搜索框都不工作了(在頁面下方)。假如是只限于少數(shù)人的應(yīng)用程序或者是服務(wù)還可以接受,但是對(duì)一個(gè)公共網(wǎng)站來說,這簡(jiǎn)直是一場(chǎng)災(zāi)難。
分享:[總結(jié)]2007年網(wǎng)站設(shè)計(jì)的風(fēng)格06年網(wǎng)頁設(shè)計(jì)在web2.0的影響下呈現(xiàn)出一些特點(diǎn),漸變使用,希奇的名字(del.icio.us),對(duì)角背景的運(yùn)用(stumbleupon),大字體和像素字體的使用,logo倒影。在過
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
網(wǎng)頁設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁設(shè)計(jì)教程推薦
- 英文版企業(yè)網(wǎng)站的設(shè)計(jì)要小心
- 篩選下拉的表現(xiàn)方式
- 人民日?qǐng)?bào):六成公眾對(duì)蘋果品牌認(rèn)可度下降
- 極富創(chuàng)意的404頁面
- [總結(jié)]2007年網(wǎng)站設(shè)計(jì)的風(fēng)格
- 記事本風(fēng)格的分欄設(shè)計(jì)
- 寫給在職設(shè)計(jì)師們
- 富媒體廣告設(shè)計(jì)點(diǎn)評(píng)之法派中國(guó)十年
- 交互設(shè)計(jì)實(shí)用指南系列(9)—一次點(diǎn)擊 - 交互設(shè)計(jì)
- 什么樣的圖標(biāo)更具有可用性
猜你也喜歡看這些
- 深入CSS結(jié)構(gòu):合理運(yùn)用div和span
- 用UL實(shí)現(xiàn)非Table四行三列布局
- 深入CSS結(jié)構(gòu):div再議以及對(duì)span的迷惑
- 第11天:不用表格的菜單
- 使用Web標(biāo)準(zhǔn)建站第3天:定義語言編碼
- 談?wù)剎html的結(jié)構(gòu)標(biāo)簽
- 最窄770px最寬1024px經(jīng)典布局
- 到底什么是Web2.0 - Web2.0學(xué)習(xí)指南
- 使用web標(biāo)準(zhǔn)能帶來什么商業(yè)價(jià)值?
- 使用Web標(biāo)準(zhǔn)建站第1天:選擇什么樣的
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計(jì)教程-摧毀用戶體驗(yàn)
。


