DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網站用戶界面設計和感知延遲設計
網站用戶界面設計和感知延遲設計
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:當設計 Web 站點或 Web 應用時,謹記用戶來你的網站是有目的的。他們能越快(越容易)達到他們的訪問目的越好。如果用戶在獲取內容時遇到了許多困難,他們將會離開你的網站,而去能讓他們更快達成目標的其他網站。

對一般的用戶而言,速度並不意味著性能。用戶對網站速度的感知很大程度上取決於其整體感受,包括他們如何高效的從網站獲取所需,以及網站反映出來的易響應性。

當設計 Web 站點或 Web 應用時,謹記用戶來你的網站是有目的的。他們能越快(越容易)達到他們的訪問目的越好。如果用戶在獲取內容時遇到了許多困難,他們將會離開你的網站,而去能讓他們更快達成目標的其他網站。

節省用戶時間,讓他們感覺沒那麼慢有很多工作可以做,本文只涉及提示信息。

提示信息,要考慮三點:

  1. 網站是否足夠簡單和直觀,首次訪問者是否可以很容易上手?

    如果不是,花些時間去設計首次運行經驗(first-run-experience)提示。

    比方說,你的網站是一個擁有數項功能的強大的 Web 應用。鑒於為此類型的應用程序設計一套直觀的“開箱即用”(out-of-the-box )體驗並不是一項容易的事情,用戶可能需要一個入門幫助。

    首次運行經驗簡單的為用戶說明產品是什麼以及/或如何使用其亮點。從長遠上看,花一點點時間讓用戶提前了解產品的一些關鍵點會給他們節省大量時間。

    提示:不要過頭!不要阻止用戶獲取實際內容,這會令首次運行經驗變成額外的一步(a cumbersome multi-step process)。

     
  2. 提示信息是否會中斷或增加用戶操作?

    仔細考慮如何顯示信息會增加用戶的操作流程。在不影響用戶操作的情況下可能有更合適的方式去顯示提示信息。

    想象一個場景,用戶完成一個動作,你認為很完美的。你認為需要二次確認(double-checking)的,為了防止用戶意外出錯。所以你彈出一個提示“你確定這樣做嗎?”,這阻止了用戶的一個大的錯誤操作,但對於確定要執行這個動作的用戶來說,你增加了一個額外的操作。作為替代,你可以運行操作立即執行,同時在操作後增加一個撤消的功能。

     
  3. 等待時如何讓用戶靜心(reassure)

    面對現實吧,有些時候用戶不得不等待。然而,你可以做一些工作使不可避免的等待時間變得比較好度過(bearable)。

    如果用戶等待的時間較長,使用進度條。進度條不只表明必須等待,同時粗略的顯示要等多久。如果要更詳細一點,甚至可以顯示已經完成的數據(例如 40kb of 64kb)。盡量避免估算完成時間,因為連接速度波動時,沒有什麼比看到完成時間一直在增長更郁悶的了。

     

    當用戶等待的時間較短時,可以用 loading 指示器。loading 指示器通常是一個旋轉變化的小東東(a spinning doo-dad of sorts),但也可以是很簡單的文字"loading"。

     

    你也許會問,為什麼極短的時間也要顯示這些?loading 指示器是給用戶的反饋:用戶的操作已經通過,網站正在執行。沒有指示器的話,用戶不確定是否執行,從而可能企圖再次嘗試。

延伸閱讀

這些建議只是為用戶設計時需銘記的事項中的冰山一角。下面是一些可以讓你入門(get you started)的關於交互設計和 Web 設計原則的資料:

  • About Face by Cooper, Reimann, Cronin
  • Bulletproof Web Design by Dan Cederholm
  • Contextual Design by Beyer and Holtzblatt
  • Designing the User Interface by Ben Schneiderman and Catherine Plaisant
  • Interaction Design by Jenny Preece, et al
  • The Elements of User Experience by Jesse James Garrett

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