互聯(lián)網(wǎng)上探索,毫無浪漫可言。不要幻想在網(wǎng)絡中能找到什么塵封的寶藏。而且除了經(jīng)常使用的Google和電子郵件之外,你的大膽探索一般來說也不會獲得什么豐厚的回報。
探索萬維網(wǎng)通常都帶有一定的功利心,就好像你第一次光臨某家新店鋪一樣。盡管曾經(jīng)逛過上千家店鋪,但是我們?nèi)匀粫X得新店鋪和之前的那些有所區(qū)別,因此我們需要先熟悉熟悉這個新的環(huán)境。
與此相似,當我們面對一個并不熟悉的網(wǎng)頁時,通常都會先掃視一下整個頁面,試圖了解這個網(wǎng)站大概的用途,然后再決定自己是否應該更深人地瀏覽,點開網(wǎng)站其他的頁面去四處逛逛。
這樣一個“著陸”的過程,對于樹立用戶對網(wǎng)站的信心以及引導用戶進行深人探索,是非常重要的。
那么,作為網(wǎng)站設計師,我們的工作就是要幫助用戶“著陸”,而且越快越好。
在這片刻之內(nèi),我們需要完成以下幾件事:
■設計吸引人的第一印象;
■以明確的路線來提供信息;
■提供工具指引用戶;
■把觀光客轉變?yōu)橄M者。
所以在頭幾個故事中,我們將巡視從頁面布局到導航、從搜索結果到視頻演示的方方面面,來看看所有這些元素究竟如何幫助我們達到目的,同時讓用戶盡快地適應我們的網(wǎng)頁。
令人心動的第一印象
人們常說第一印象往往會給人留下一生的記憶。對于一個網(wǎng)站而言,這一說法也同樣成立。但遺憾的是注意到這一點的站點并不是很多。
有人說SteveJobs,這位Apple公司無畏的領導者,對第一印象非常執(zhí)著。也許這可以解釋為什么Apple公司的產(chǎn)品總能在第一時間就吸引人們的眼球。
哪怕是打開一臺還在包裝盒里的嶄新的MacBookPro,就足以讓人流口水。首先,單憑外包裝就令人滿懷期望和驚喜。而一旦打開包裝盒,將MacBook安置在書桌上,它的啟動過程從第一個瞬間開始就極富魅力。伴隨著栩栩如生的動畫,它用多種語言向你表示歡迎,會自動搜索網(wǎng)絡連接,提示你把之前Mac電腦中所有的數(shù)據(jù)和存檔備份到新電腦中來,還讓你在一片端莊雅致的桌面背景之上進行設置,一切都為用戶考慮得細致人微,讓這整個過程毫不費力。
要把這一切搬到互聯(lián)網(wǎng)上則并不容易。不過,設計一個引人注目、令人動心的頁面仍然是我們工作中不可缺少的一部分。
前不久有一位客戶來找我,帶著一大堆關于首頁設計的需求。他在設計一個專門面向網(wǎng)站設計師的社區(qū)網(wǎng)站。他巳經(jīng)完成了一項困難的工作,就是精簡了需求列表,只保留了那些真正有用、確實與網(wǎng)站用戶相關的部分。而我所要做的就是把這份列表轉變成美好的第一印象。
由于這個網(wǎng)站主要針對網(wǎng)站設計師,因此它的首頁需要一個中心區(qū)域突出展示大量富有特色的圖片,同時還需要一些小區(qū)域來安排用戶的賬號信息、網(wǎng)站特色項目以及登錄框。當然,頁面中還需要包括那些常見元素,如網(wǎng)站logo、歡迎辭、導航欄、搜索框以及頁腳信息等。
另外,就算這些相對來說尚可應付,網(wǎng)站首頁還需要放置一些關于業(yè)界和站點本身的頭條新聞以及摘錄片段。
僅展示圖片一項就將占據(jù)很大一塊的頁面空間。要將其他所有欄目都加進來,同時還要包括新聞區(qū)域,就顯得有些棘手了。別忘了,即使首頁的所有這些部分都能完美地展現(xiàn),能讓用戶得到他們想要的東西,但畢竟這個站點主要的業(yè)務目的是吸引瀏覽者們注冊并成為該社區(qū)的成員。因此我需要一種設計誘使用戶注意到SignUpNow(現(xiàn)在就注冊)按鈕,同時讓他們想要去單擊它。