DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 用戶體驗的網站首頁設計的准則
用戶體驗的網站首頁設計的准則
編輯:關於網頁技巧     

最近在給學員培訓的時候發現一個問題,就是他們在設計專題或者頁面的時候自我意識太強,缺少頁面設計的基本思維,想怎麼設計就怎麼設計,有些只是看到別人的頁面是這樣,他也就悶頭模仿,還傳遞了一句名言:“模仿是雷管,創新是炸藥”。話雖如此,可是既然要成為一名專業的編輯或者頁面設計師就必須懂得頁面設計有哪些准則,如何站在公司的角度考慮公司的利益,如何站在用戶的角度給用戶良好的體驗,如何站在行業的角度延續行業長期培育起來的用戶習慣,在網頁設計中一定要注意這些准則。

下面重點說說在主頁設計的時候我們應該賦予主頁的十二個任務:

第一個任務:體現站點的標識和使命

上 次看到一組數據,說當今全球網站數量已經上億了,平均每天看1萬個網站,那麼一個人要花30年才能看完這些網站,可是30年中又會有無數的網站誕生,也許 又要花60年才能再看完,總之這輩子是看不完了。說明網站競爭相當激烈,同一個類型的網站同時有上萬家在競爭是不足為奇的,所以在競爭中一個網站的主 頁就顯得格外重要。

主頁要不能放過任何一個可能訪問或者正在訪問甚至訪問過的用戶,大家都削尖了腦袋想辦法如何處理這三個問題。那麼對於任何一個訪問你網站的用戶你就要了解 他第一次打開你網站他關心什麼。經過長時間的調查和試驗,用戶第一次打開一個網站大部分是這四個問題:

A 這是什麼網站?

B 網站上有什麼?

C 我能在這裡做什麼?

D 為什麼我應該選擇這裡,而不是其他地方?

下面我們以阿裡巴巴為例看看他是如何表達這四個問題的。

阿裡巴巴在國內是電子商務類網站用戶體驗公認做得最好的,這個不想論證,就看他的網站LOGO,橙色加黑色,網站整體CI就是這個色,標識下方的“全球領先的網上貿易市場”。

第一個問題:阿裡巴巴是做什麼的?看完這個LOGO如果您還不知道,那麼接著您的視線從LOGO位置水平向右移,看到導航,還不知道是做什麼的?天!好吧,請托動滾動條,浏覽一下網頁。

第二個問題:我能在這裡做什麼?從阿裡巴巴首頁右上角的導航條,很明顯的告訴用戶,用戶在這裡可以“采購”和“銷售”這是主打服務,其他的看用戶的需求。

第三個問題:網站上有些什麼?如果前兩個問題你在阿裡巴巴上已經沒有疑問了,那麼這個問題阿裡巴巴已經在主頁上很好的回答你了。

第四個問題:為什麼我應該在這裡?“全球領先的網上貿易市場”這句話的效果不要小看哦!

好了,通過阿裡巴巴的例子,已經告訴各位看官主頁的第一個任務――體現站點的標識和使命。主頁要告訴用戶我這是什麼網站,我是做什麼的,為什麼你應該來我的網址。

第二個任務:網站導航和站點層次

網站要給出網站提供的服務的概貌,既要包括內容――“我能在這裡找到什麼?”。也要包括功能――“我能做什麼?”。還有這些服務是如何組織的。這項工作 通常由持久導航來處理。其實一個網站的導航是非常重要的,他是網站的通道,通道如何設計才能讓用戶最方便快捷的到他想去的頁面,如何設計才能把網站最好的 內容體現在用戶面前,導航設計有哪些講究,避免出現哪些錯誤,這些問題後面的文章都會一一解答。

第三個任務:搜索

對於信息量大的網站搜索是很必要的,否則即使你其他元素處理得再好,用戶在你網站上體驗的感覺就像波音747的靠背椅全部換成了小板凳!

第四個任務:導讀

就像雜志封面一樣,主頁要用一些“裡面有精彩內容”的暗示來吸引我,“內容推薦”部分應該突出最新、最好、最熱門等的內容片斷,例如頭條或者熱銷和熱文等等。“功能推薦”部分邀請用戶去訪問網站更多的欄目或者使用一些個性化功能或郵件簡報等。

第五個任務:內容更新

如果網站的成功取決於用戶是否經常來訪,那麼主頁應該有一些經常更新的內容。即使是不需要固定訪問者的網站也需要有一些活躍的跡象,哪怕只是一個到最新的新聞鏈接,告訴用戶這裡並不是一潭死水。

第六個任務:登陸注冊

如果網站使用會員制,主頁應該為新用戶注冊和老用戶登陸提供鏈接或者直接登陸框,免得用戶四處尋找,至於是提供鏈接還是直接的登陸框,需要設計師來衡 量,是黏性較強還是較弱,是老用戶多還是新用戶多,頁面位置該不該騰出一個地方出來放置登陸框,用戶的習慣會是怎樣的,關於登陸框的問題,以後說。

第七個任務:快捷方式

最常訪問的內容片斷,如軟件升級等,值得在主頁上放置鏈接,免得用戶四處尋找。現在很多網站的快捷方式是網站一廂情願的,不是用戶經常訪問哪些內容網站 就把這部分內容以快捷方式的形式體現在首頁,而是網站方面最近新推出了什麼業務,網站有什麼新的動向,把這些內容作為快捷方式,認為最好是根據網站特 點來考慮,看看是為用戶多考慮合適還是為自己多考慮合適。

第八個任務:友情鏈接

需要在主頁上預留空間,用來放置廣告、交叉推廣、合作品牌的友情鏈接等等,這裡不多說了,有很多人問一個新的網站如何與別人交換鏈接?如何交換到質量較好的鏈接?交換鏈接的質量好壞如何評定?一篇文章咱說不完。會專門來說這個問題。

第九個任務:讓用戶看到他正在尋找的東西

主頁應該讓用戶想要的任何東西顯而易見,如果這些內容在站內某個角落的話。當然,不是把網站的所有東西都羅列出來,弄得一個主頁十幾屏,用腦子嘛!

第十個任務:告訴用戶還有他沒有尋找到的

主頁應該讓用戶看到一些很精彩的、用戶也許會感興趣的內容,就算用戶並沒有尋找他們。

第十一個任務:告訴用戶從哪裡開始

用戶第一次到一個網站還無從下手,感覺就像和女生睡覺,都把她衣服脫光了,她還呆若木雞,面無表情。網站首頁應該如何安排才能完成這個任務,其實方法有很多,這裡不多說,後面會詳細的說。(寫道這裡好像累計了好幾篇文章啦,找個時間向各位看官慢慢解答)

第十二個任務:建立可信度和信任感

對於一些訪問者來說,主頁將是你的網站給他們留下好印象的唯一機會。

好了,主頁的十二個

12下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved