Web可用性三大定律:
網站界面的設計:
省略多余的文字:
去掉沒有人會看的文字有幾個好處:
導航兩個顯而易見的用途:
幫助我們找到想要的任何東西和告訴我們現在身在何處
導航包括持久導航和全局導航
持久導航應該包括4個元素:
面包屑導航:
一個設計良好的頁面,應該很清晰的反映出一下幾點:
測試:
如果想建立一個優秀的網站,一定要測試
測試一位用戶比不做測試好一倍
在項目中,早點測試一位用戶好過最后測試50位用戶
每個web開發團隊至少應該每個月安排一個上午進行一次可用性測試;
提高網站好感的集中方式:
網頁可用性問題:
二、瞬間之美
如果希望用戶做某件事情,比如希望更多的用戶注冊,那么就應該將注冊按鈕放在最醒目的地方,而不是更隱蔽的小的角落。
如何引導用戶的視線:
1.應用古騰堡圖表
古騰堡圖表中,左上角是第一視覺落點區(POA),右下角是最終視覺落點區(TA)。遵循這個原則,我們可以看到首頁左上角基本都是放的LOGO和重要提示,而右下角則是為了讓用戶做出動作的內容,比方說購買、操作、注冊等。
? 2.使用合適的顏色來吸引注意
網站想要凸顯個性,需要統一設計風格,形成積極的印象
導航的設計:
導航是用戶瀏覽網站最重要的向導,設計的合理與否直接決定這用戶對網站的印象。導航設計遵循幾個原則:合理布局、清晰展示、主動引導。
標簽云:
標簽云,很帥的一個東西,一大堆標簽按照它的權重(包括點擊量、時間、關注度等)顯示出不同的大小、顏色等,是標簽列表的升級版。
搜索(自動完成):
在搜索引擎中,當用戶輸入一個詞后,系統會推薦相關的搜索詞供用戶選擇,這個瞬間,很爽,這是一種Poka-yoke機制。它能提高用戶的搜索效率,使用戶更加的信任這個網站,提高用戶體驗。
縱然你的搜索中帶有高級搜索,也不要讓繁復的高級搜索框讓用戶望而卻步,最好作成可以讓用戶選擇增加搜索條件的搜索頁面
遞進式的增加用戶的資料,除了他本身填寫的那些之外,他的評論、心情、文章都是別人了解他的好資料
盡量讓時間新的鏈接和時間久遠的鏈接,通過顏色、大小或別的什么一眼就可以看出來。
視頻播放器的標準化:
進度條滑塊按鈕要足夠大;視頻左上角要說明視頻名稱;打開網頁時不會自動播放,而是顯示第一幀的畫面和播放按鈕。
簡化長表單:
并不是所有的交互都能夠簡化,但要嘗試讓交互看起來更容易。為用戶建立清晰的預期,把復雜的過程分解成能一口口干掉的小塊,這樣復雜的交互也便于控制了。
編輯:
在正確的時間顯示正確的工具。
我們平時會接觸到很多具有編輯功能的軟件產品,試想無論我們做什么操作,所有的工具都顯示出來讓你自行選擇是件多么可怕的事情,而對工具進行適當的分類,在用戶做不同操作的時候只顯示相匹配的工具,能為用戶減輕很多的負擔,讓交互體驗更良好。
自定義標簽:
標簽的缺陷是:用戶會對同一個標簽定義多個版本。
兩種解決方法:自動輸入詞建議;用戶創建標簽后,彈出窗口讓用戶選擇更合適的標簽。
用簡單的文字向用戶描述什么是標簽。
除了標簽搜索,也得提供自然語言搜索。
用系統通知來管理中斷:
提前通知用戶即將做出的改變,一是以郵件形式告知,二是在原有設計上提供新變化的鏈接或者說明。而作者推薦了以類似原有歡迎頁面的形式提供新變化的說明。
當網站更新時,以公告的形式提前通知用戶,可以讓積極用戶討論更新,并通過郵件提醒讓沉睡用戶訪問網站。
退出:
在用戶退出的時候,設置回到起初的登錄頁面,并且在此頁中提供相應的新功能的介紹,以此吸引用戶再次登錄。
用戶退出后,要返回到登錄頁面,同時列出網站特點作為營銷。
對于用戶注銷賬號,要表現得優雅,應該讓用戶很輕松的就能注銷賬戶。用最后一個機會給用戶留下好印象。
]]>整本書從布局到操作,圍繞著用戶的體驗做講解。其中最主要的幾點如下:
一、?布局
布局是一塊很重要的東西,擁有良好的布局能夠更好幫助用戶去閱讀網站的內容。
根據古騰堡圖表理論,左上角為用戶的第一視覺落點區,右下角是最終視覺落點區,因此左上角基本都是放一些LOGO和重要提示,右下角則更多的是一些操作
二、?導航
導航欄很重要,這將會告訴用戶現在在哪里,可以到哪去,合理清晰的導航結構能夠大大提升用戶的操作效率。導航的結構最好為第一層為動詞,第二次為XX東西的欄目,這樣能夠讓用戶更加清晰自己的操作。
?
三、?鏈接
鏈接生來不平等,不同重要程度的信息,需要用不同的方式展示,可以用字體大小顏色等做區分,但要注意不要濫用。
四、?化繁為簡
不要讓界面看上去過于的復雜,要盡可能的節簡,用戶大多數時候只是會一覽而過,并不會過多的去做停留,所以文字描述需要盡可能的節簡提高用戶的查看的效率。
五、?表單操作
表單布局要合理,要減少用戶自己去對其標簽和輸入框的時間,慎用彈出警告框,用的越多越沒有效果。在發生錯誤時,要清晰的提醒用戶發生錯誤的內容和位置。一些表單我們可以提示或者預先幫助用戶填好,這都可以幫助用戶更加快捷的使用。
《點石成金》讀書筆記
整本書圍繞著如何從用戶的角度去做思考與設計做講解,其中最主要的內容如下:
一、?別讓我思考
所有的網站或者是app這一點都可以是第一法則,要減少用戶的思考成本,讓用戶能夠快速精準的明白網站各個功能的操作及用途。一個好的頁面,應該是能夠讓用戶一目了然的,用戶并不需要做過多的思考也能夠明白如何去使用。
二、?滿意即可
用戶大多數時候只是一掃而過,不會做仔細的瀏覽,用戶不做閱讀,只是掃描,用戶不會做出最佳選擇,而是滿意即可,用戶不會追根究底,而是勉強應付。
三、?盡量符合用戶習慣
盡量符合用戶的使用習慣,減少用戶的學習成本。用戶更喜歡無需思考的操作,符合用戶的習慣能夠減少的思考。
四、?省略不必要的文字
去掉不必要的文字能夠減少頁面的噪音,更加突出頁面的重要內容,能夠更多的讓用戶看到他們希望看到的東西,也節省了用戶瀏覽的時間。
五、?主頁的內容
首先要承認主頁不由你控制,網站的主頁必須要讓用戶知道,這是什么網站,網站有些什么,網站能做些什么,
六、?提高用戶友好度
了解清楚你的用戶想要在網站上獲取什么,讓他能夠更簡潔明白,盡可能的減少他操作的步驟,讓他能夠更高效的完成自己的操作。
七、?測試的重要
要想做出一個真正優秀的網站,就必須要測試,只有不停的測試才能夠發現問題所在。越完善的測試,越能夠發現問題的所在,越能夠提升網站的可用性。
]]>
《瞬間之美 Web界面設計如何讓用戶心動》?[美] Robert Hoekman, Jr. 著 向怡寧 譯
《點石成金 訪客至上的Web和移動可用性設計秘笈》?[美] Steve Krug 著 蔣芳 譯
網絡使用情況的三個事實:
1、我們瀏覽頁面時,不是閱讀,而是掃描
?除了極少數如新聞故事、報告,或產品描述等頁面,我們極少會花時間來閱讀大部分的頁面,相反,只是掃描一下,尋找能引起注意力的文字或詞語。
因為我們總是有任務在身的。大部分情況下,我們使用Web都是想完成某項任務,而且希望能盡快完成。也知道,在絕大多數頁面里,只有小部分內容是與當前任務相關的,或是自己感興趣的。同時,比之閱讀,我們更愿意和擅長通過掃描來找尋相關內容完成任務。
2、我們不做最佳選擇,而是滿意即可
對于完成某個任務,我們并不會遍尋所有可能,找出最佳解決方案,而是快速地判斷、選擇某種可能完成任務的方法。因為我們總是處于忙碌中,而尋找最佳策略,需要時間。且對選擇進行權衡并不一定會改善我們的機會,花費時間不一定能找到更優的選擇。同時就算猜錯了,也不會產生什么嚴重的后果,還可以輕易推到重來。
3、不求追根究底,只要勉強應付
我們并不關心程序的運行原理,網站或頁面的方方面面,只關心能不能更便捷高效地完成工作。
基于以上網絡使用情況,網站應該具備一定的可用性:讓一個有著平均能力和經驗的人(甚至稍低于平均水平)能明白如何使用它——不必付出過度的努力,或者遇到不必要的麻煩。
當用戶看到一個頁面時,它應該是不言而喻、一目了然、自我解釋的。用戶應該能明白它是什么,能干什么,怎樣用它,而不需要進行額外的思考。
從而讓用戶能更快、更有效地獲取信息或完成任務。良好的體驗,讓用戶感覺自己聰慧、備受尊重、做事有成效。
而要讓頁面能一目了然,用戶無需進行額外的努力就能使用,需要頁面盡量避免出現強迫用戶思考的元素,如混亂不堪的布局、表意不明的文字等。
以下方法有助于構建高可用性的網站:
1、盡量利用習慣用法,遵循習慣和慣例——已廣為采納或標準化了的設計模式。
如頁面上的什么內容在什么位置、服務將如何運作、視覺元素的外觀等依據長久使用習慣演化出的網頁設計的習慣用法。
2、建立有效的視覺層次
利用形狀、顏色、字體大小等方式突出重要部分。視覺效果體現內在邏輯關系。如邏輯上相關的部分在視覺上也相關,邏輯上包含的部分在視覺上進行嵌套。
3、把頁面劃分成明確定義的區域
4、明顯標識可以點擊的地方
5、最小化干擾,降低視覺噪聲
避免內容無層次感,無突出重點信息,使人眼花繚亂。通過組織布局,以有罪推論,去除頁面中對完成任務無效的無謂部分,使頁面簡介高效。
6、為內容創建清楚的格式,以便掃描識別
充分使用標題、保持段落簡短、使用符號列表、突出關鍵詞語,使內容層次分明,易于辨識,快速掃描抓取重點信息。
]]>