天天看點

《衆妙之門——Web使用者體驗設計與可用性測試》一第1章 讓界面教導使用者1.1 界面應能教授使用者

本節書摘來自異步社群《衆妙之門——web使用者體驗設計與可用性測試》一書中的第1章,第1.1節,作者 【德】smashing magazine,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

衆妙之門——web使用者體驗設計與可用性測試

dave shepard

網際網路已經改變了,不再是鄰居家書呆子的内聯網。現在,你的媽媽、奶奶、恐懼科技的姐姐,都在使用網際網路。随着計算機越來越普及,網頁應用的使用者已經超出了高端使用者的領域。

複雜的菜單系統,令你停止浏覽的警告對話框,耀眼但是混亂的布局,都不利于你順暢地切換網頁。網際網路使用者的類型和比例已經改變,為了讓網頁應用吸引到大量注意力,使用者界面必須能夠起到教導的作用。

使用者界面需要讓使用者在不求助于幫助頁面的情況下就能夠使用應用。許多開發者認為幫助一欄已經能夠指導使用者完成應用的大部分操作,但情況并不是這樣。

實際上,對于大多數應用來說,往往隻有那些想要探索到應用的每一個角落的高端使用者才會使用幫助這一欄,不管是線上幫助還是離線幫助。幫助使用者認識應用的最好辦法是,用一種容易被了解的方式把幫助資訊展示到使用者面前。

内嵌提示和界面描述可以很好地解釋界面和它的使用方法。在互動的過程中提供幫助性的指導,可以讓使用者很容易把指導資訊和網頁應用的功能結合在一起。而一個獨立的常見問題或者幫助欄目并不能達到這樣的目的。

integral impressions的nourish是一款能夠根據rss訂閱自動生成新郵件的應用。整體的界面都包含了内嵌的描述性幫助闆塊。當使用者認為自己不再需要這些提示時,就可以輕松關閉它們。當使用者忘記了一些操作時,他還可以友善地通路使用者資料一欄,再次允許展示所有幫助資訊。

《衆妙之門——Web使用者體驗設計與可用性測試》一第1章 讓界面教導使用者1.1 界面應能教授使用者

nourish的界面内嵌了描述性的幫助闆塊。

37signals在其交流管理的應用(比如basecamp)中也采用了相同的方式。目前沒有内容的欄目裡會展示一張目前欄目有資料時的截圖。這張截圖甚至會連結一段指導性的視訊,來教會使用者如何在該欄目下建立内容。這種辦法對使用者來說很好用。

《衆妙之門——Web使用者體驗設計與可用性測試》一第1章 讓界面教導使用者1.1 界面應能教授使用者

在basecamp中,沒有内容的欄目下會展示出一張該欄目帶有資料時的截圖。

last.fm提供了一款線上音頻社交應用,使用者在使用過程中,會收到關聯性的提示和描述性的預設值,進而可以明白應用的使用方法,了解其互動方式。使用者不需要離開目前欄目,不像常見問題通常做的那樣。

《衆妙之門——Web使用者體驗設計與可用性測試》一第1章 讓界面教導使用者1.1 界面應能教授使用者

last.fm使用和上下文相關的提示或描述性的預設值,指導讀者如何使用和了解界面。

為了友善使用者使用,應用需要自主地引導使用者。随着使用者對應用熟悉程度的加深,那些幫助框和工具欄提示應該自動消失,或者變得不是那麼明顯,進而不會阻礙到使用者的使用過程。同時最好允許使用者再次激活幫助資訊,永遠不要認為你的使用者閱讀了一次幫助資訊後就掌握了使用方法。

但是,指導使用者并不僅限于提供工具欄提示和大量的描述性字段。設定一個合适的預設資訊也能夠起到指導作用。合适的預設資訊能夠告訴使用者這一部分應該是什麼樣的格式,或者需要哪一種類型的資訊。

在郵件的收件人一欄裡面設定一個[email protected]的預設值會很清楚地告訴你需要在這裡輸入什麼樣的資訊,采用什麼樣的格式。在互動的過程中,使用一段javascript代碼還會讓輸入框變得好用。當使用者點選該輸入框時,可以清除掉預設值,在使用者沒有填寫就離開該輸入框的時候,可以再添加上預設值。

這種技術甚至還可以帶入到其他期望得到具體描述性資料的輸入框,例如一個需要項目描述的文本輸入框,可以把預設資訊設為“描述項目的細節…”。設定好的預設資訊不僅能保證你得到的資料是準确的,還能夠指導使用者了解功能的細節。

繼續閱讀