指導原則
可用性第一原則:別讓我思考
為什么不要讓用戶思考?:大多數人會花上比我們想象中少得多的時間來瀏覽我們設計的網頁。
我們實際上是如何使用web的?這里有三個事實:
第一個事實:我們不是閱讀,而是掃描;
第二個事實:我們不作最佳選擇,而是滿意即可;
滿意策略-一旦我們發現一個鏈接,看起來似乎會跳轉到我們想去的地方,那就是一個我們將會點擊它的大好機會。
為什么不尋找最佳選擇?
-1、我們總是處于忙碌中;
-2、如果猜錯了,也不會產生什么嚴重的后果(后退按鈕是web瀏覽器中用得最多的按鈕);
-3、對選擇進行權衡并不會改善我們的機會;
-4、猜測更有意思。
第三個事實:我們不是追根究底,而是勉強應付。在很大程度上人們一直在使用這些東西,但并不理解它們的運作原理,甚至對它們的工作原理有完全錯誤的理解。
為什么?
-1、這對用戶來說并不重要;
-2、如果發現某個東西能用,我們會一直使用它,很少會主動尋找更好的方法。
廣告牌設計101法則-為掃描設計,不為閱讀設計
1、盡量使用習慣用法(一致性):給用戶帶來很大方便,使用戶在訪問不同的網站時,不需要付出額外的成本。
如果不打算使用習慣用法:
創新必須同樣清楚,同樣不言而喻,沒有學習曲線;
or 創新能帶來很大的價值,值得用戶付出一點努力來學習。
這里有一條要記住的原則:簡潔勝過一致。如果在某種程度上打破一致性能得到高度簡潔清楚的效果,那么果斷選擇簡潔。
2、建立有效的視覺層次
一個視覺層次清楚的頁面有三個特點:
a 越重要的部分越突出;
b 邏輯上相關的部分也在視覺上相關;
c 邏輯上包含的部分在視覺上進行嵌套。
3、把頁面劃分成明確定義的區域
讓用戶很快決定關注頁面的哪些區域,或者放心地跳過哪些區域。
4、明顯標識可以點擊的地方
5、最小化干擾
三類視覺噪聲:a、眼花繚亂;b、組織不當;c、太過密集
辦法:先假定所有內容都是視覺噪聲,并去除任何對頁面沒有幫助的內容。
6、為文本創建清楚的格式,以便掃描
辦法:1、充分使用標題;
2、保持段落簡短;
3、使用符號列表;
4、突出關鍵詞語。
可用性第二原則:點擊多少次都沒關系,只要每次點擊都是無須思考、明確無誤的選擇。
如果你不能做到讓一個頁面不言而喻,那么至少應該讓它自我解釋:
簡短-只需要提供最少的信息來幫助我
及時-放在我正好需要它的地方
不會錯過-設置合適的格式,保證我一定會注意到它
可用性第三原則:省略多余的文字
好處:降低頁面的噪聲;讓有用的內容更加突出;讓頁面更簡短,讓用戶在每個頁面上一眼就能看見更多的內容,而不必滾動屏幕。
消滅-歡迎詞;
消滅-指示文字:通過讓每項內容不言而喻來盡可能消除指示說明。當指示文字不可避免時,也要盡量砍掉多余的部分,只留下最必要的一點點。
必須正確處理的幾個方面
網絡導航101法則
過程:你通常是為了尋找某個目標-你會決定先詢問還是先瀏覽-如果選擇瀏覽,你將會通過標志的引導在層次結構中穿行-最后,如果找不到想要的東西,你會離開
web空間的奇怪之處:感覺不到大小;感覺不到方向;感覺不到位置。
導航用途:
1、幫助我們找到想要的任何東西;
2、告訴我們現在身在何處;
3、告訴我們這里有些什么;
4、告訴我們如何使用網站(指示說明);
5、給了我們對網站建造者的信心。
持久導航/全局導航應包括4個元素:
1、站點ID:通常在左上角
2、欄目section;
3、搜索;
4、實用工具-不屬于內容層級的重要元素的鏈接,如登錄
頁面名稱注意事項:
1、每個頁面都需要一個名稱;
2、頁面名稱需要出現在合適的位置:涵蓋該頁內容的位置;
3、名稱要引人注目;
4、名稱要和點擊的鏈接一致-頁面的名稱將和我點擊并來到這里的鏈接名稱相匹配
面包屑:把他們放在最頂層;使用“>”對層級進行間隔;加粗最后一個元素
標簽(tab)是大型網站導航的上佳選擇的原因:
1、它們不言而喻;
2、它們很難錯過,一眼能看到;
3、它們很靈活。
后備箱測試(Trunk Test)
-這是什么網站?(站點ID);
-我在哪個網頁上?(網頁名稱);
-這個網站的主要欄目是什么?(欄目清單);
-在這個層次上我有哪些選擇?(本頁導航);
-我在導航系統的什么位置?(當前位置);
-我怎么搜索?
主頁要完成的任務
-站點標識和使命;
-站點層次;
-搜索;
-導讀;
-內容推介;
-功能推介;
-適時更新的內容;
-交換鏈接;
-快捷方式;
-注冊。
web設計的大爆炸理論:訪問一個新網站/網頁時,最初的那幾秒鐘特別重要。
訪問者最開始的印象與他們實際上花了一些時間探索之后的第一印象一致;
如果最初的假設是錯誤的,他們會把這種錯誤的理解延續到后面遇到的所有東西上。
傳達信息的指導原則:
(解釋站點的目標時)需要多大空間就使用多大空間;
但是不要使用過多的空間;
不要把使命陳述當作歡迎廣告;
最重要的是進行測試。
在選擇口號時,有幾點要考慮:
-好的口號要清楚,要言之有物,非常準確地對網站或公司進行描述;
-好的口號長度合適;
-好的口號表述了網站的特點和顯而易見的好處;
-不好的口號聽起來太籠統;
-好的口號應該有個性、生動,有時候還很俏皮。
確定你沒有做錯的幾件事
不要問這樣的問題:“大部分人喜歡下拉框嗎?”正確的問題應該是:“在這個頁面,這樣的上下文中,這個下拉框以及這些下拉項目和措辭會讓可能使用這個網站的大部分人產生一種良好的體驗嗎?”而且,也只有一種方式來回答這種問題:測試。
焦點小組和可用性測試的區別:
在焦點小組研究中,一小組人(通常是5~10人)圍坐在桌子旁邊,侃侃而談,談的是他們對產品的看法,產品的過往使用經驗,或者他們對一些新概念的反應等。如果是想要快速得到部分用戶的意見和感覺,焦點小組是一種不錯的方法。
在可用性測試中,一次一個用戶,我們觀看用戶試用一些東西(不管是網站、網站原型,還是一些關于新設計方案的草圖),去完成一些典型的任務,通過觀察用戶的行動,你可以檢測到那些讓用戶混淆和倍感挫折的地方,并修復它們。
兩者最主要的區別是,在可用性測試里,你會看到人們真正的使用情形,而不是只聽到他們的說法。
焦點小組在開發和設計之前就應該了解,而可用性測試,應該貫穿在整個開發和設計過程中。
關于測試的幾個事實:
1、如果想建立一個優秀的網站,一定要測試;
2、測試一位用戶比不做測試好一倍;
3、在項目中,早點測試一位用戶好過最后測試50位用戶。
可用性測試指引
怎樣選擇測試任務:這些測試任務部分取決于你們現在需要測試什么(草圖、線框圖、頁面排版、界面原型、實際網頁);
然后為這些任務選擇合適的措辭,讓參與者們能準確理解你希望他們做什么;
對于同樣的測試任務,如果可以允許測試參與者自己決定一部分細節,那么你通常可以得到更有意思的結果。
一個典型的一小時測試應該包括以下幾個部分:
-歡迎部分(約4分鐘);
-提問部分(約2分鐘):問參與者幾個和他們有關的問題;
-主頁“觀光”(約3分鐘);
-任務測試(約35分鐘):讓測試參與者一直停留在測試任務上,并讓他們把自己當時的想法說出來;
-問題探查(約5分鐘):測試中發生的任何事情;
-結束部分(約5分鐘)
典型問題:
-用戶不清楚概念;
-他們找不到自己要找的字眼;
-內容太多了。
決定修復哪些問題:最嚴重的問題最先修復
方法:
1、收集一份問題列表:讓每個人說說他們覺得最嚴重的3個問題;
2、選擇10個最嚴重的問題;
3、問題評級;
4、建立一份排序列表。
Tips:
1、對那些非常容易修復的問題,建立另一份清單;
2、抵制添加的沖動:往往正確的解決方案是拿走某個讓人混淆的東西,而不是增加另一些干擾;
3、不要太看重人們對新功能的要求;
4、忽略皮劃艇問題:用戶暫時出現錯誤,然后又在不需要任何幫助的情況下回到原來的軌道。
大的方面和外界影響
可用性定義:讓一個有著平均能力和經驗的人(甚至稍低于平均水平)能弄明白如何使用它(這說明它是可學習的)去完成某個任務(有效的),而不會遇到不必要的麻煩(高效的)。
降低用戶好感的幾種方式:
-隱藏我想要的信息:最常見的情況是隱藏客戶服務的電話號碼、運費和價格;
-因為沒有按照你們的方式行事而懲罰我;
-向我詢問不必要的信息:個人信息;
-敷衍我,欺騙我;
-給我設置障礙;
-你的網站看上去不專業。
提高好感的幾種方式:
-知道人們在你網站上想做什么,并讓它們明白簡易;
-顯示我想要的信息;
-盡量減少步驟;
-花點心思;
-知道我可能有哪些疑問,并且給予解答;
-為我提供協助,例如打印友好頁面;
-容易從錯誤中恢復;
-如有不確定,記得道歉。
2022-12-08 19:07:30