DIV CSS 佈局教程網

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

網頁制作poluoluo文章簡介:目標用戶在使用網站時,都不得不花費代價在學習如何完成任務上,這種操作代價其實就是對其他用戶的讓步。思考如何規劃網站的過程其實就是思考如何讓用戶更好的彼此讓步又都能夠愉快地接受這種讓步造成的代價的過程。

  在網站中,用戶當然希望一步操作就完成自己需要完成的任務。

  但是事實上,這是不可能的。畢竟網站的目標用戶是一群人而不是一個人,目標用戶之間的操作習慣必然會存在著很大的差異,況且,目標用戶對產品的期待也不同,在網站中往往存在著幾個相似或者相關的功能去滿足用戶在不同場景下的不同需求。


  通常,用戶不得不進行幾步操作去完成網站中的某一項任務。而操作步驟的實施,往往會以連續幾個頁面的更替與跳轉來實現。這些頁面之間的跳轉,所依附的應該就是這個網站的結構。

  網站既然存在著結構,用戶就不得不花費一定的成本去學習該按照怎樣的步驟操作才能實現自己的既定目標,有時候為了進一步的任務或者相關任務的完成,用戶不得不花費時間去理解這個網站的結構,然後再思考自己所需要完成的操作是如何被這種結構所印證的。換句話說,網站的結構在這裡還起到了教育通知以及說服用戶的作用:說服用戶花費一定的精力去理解這種結構。 

  目標用戶在使用網站時,都不得不花費代價在學習如何完成任務上,這種操作代價其實就是對其他用戶的讓步。思考如何規劃網站的過程其實就是思考如何讓用戶更好的彼此讓步又都能夠愉快地接受這種讓步造成的代價的過程。設計師的作用應當就是權衡用戶之間的操作代價,使每個用戶的代價都盡量平均並且較少吧。

  一個頁面總是承載著完成任務所需要的一步或者幾步步驟,每個頁面所承載的步驟越多,頁面的跳轉就越少,反之,每個頁面所承載的步驟越少,就越需要更多的頁面跳轉去幫助完成任務。然而

  1.一個頁面所承載的步驟多了,那麼在這個頁面上提供的信息自然就多了,用戶的認知與學習壓力也自然就上去了,“會找不到在這裡自己該做什麼”。

  2.頁面之間的跳轉多了,用戶走到錯誤頁面的幾率也就越大,“會常常覺得自己不知道該去哪裡”。

  現在的設計中流行的做法:

  Jesse James Garrett 提到,頁面間的跳轉一般是用戶體驗設計5個層次中結構層該做的事兒,而具體界面中的控件以及文本的樣式與布局則是框架層去考慮的事兒。也就是說一般先確定跳轉的次數再確定每個頁面如何更好地去承載完成任務所需要的步驟。至於這樣是否是最合理的?我覺得需要進一步去思考。

  如何讓用戶更順暢地完成自己的任務呢?以下幾點或許應該引起注意。

  1.合理的頁面信息焦點。每個頁面除了承載完成某一項任務所需的幾個步驟之外,往往還會存在著相關或者相似任務的其他步驟。而讓頁面可以更干淨地去做某一件事兒,用戶的負擔或許就會小些。
  2.合理的操作步驟關聯。一個頁面中所承載的同一任務的幾個步驟,應該是前後承接緊密並且密切相關的。把前後關聯度相對較小的步驟,放到上一個或者下一個頁面中去操作。
  3.合理的適時出現。只有當用戶的焦點在當下需要完成的步驟上時,與該步驟相關的信息即時出現。這樣不但可以更快地幫助用戶完成操作,減少用戶此刻的學習負擔,還可以幫助用戶減少在認知整體頁面時的壓力。
  4.相似的任務相似的操作。在一個網站中,用戶進行相類似任務的操作時,應當有相類似的體驗。這樣也可以有效地幫助用戶快速學習,讓用戶明晰網站的結構。當用戶熟悉網站結構時或許就會有一種征服感,這種征服感帶來的愉悅會愈加加速用戶在網站中的各種有效活動。
  5.合理的導航設計以及網站布局。就像在路上駕車時的道路指示牌,合理的指示合理地出現才不會讓用戶迷路。
  6.用戶最終完成某一項任務的步驟總是線性的。日常生活中用戶熟悉的書,文章,音像以及錄像全部都是一種線性的體驗。盡管在完成任務的過程中會出現各類的選擇,但是先做什麼,後做什麼的思維總是貫穿在用戶的腦中的。

  用戶通過頁面以及頁面間的跳轉去完成任務就像其背著包袱在跳著前行一樣,既然我們不得不讓用戶背著包袱走,那就幫他把前行的路鋪平,給他明晰的道路指引,讓用戶大膽自信地走去吧。

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