第五章:省略不必要的文字,不要在web上寫作的藝術
去掉每個頁面上一半的文字,然后把剩下的文字再去掉一半。----Krug可用性第三定律
兩種特別的文字:歡迎詞和指示說明。
去掉沒有人會看的文字有幾個好處:①可以降低頁面的噪聲。②讓有用的內容更加突出。③讓頁面更簡短,讓用戶在每個頁面上一眼就能看見更多的內容,而不必滾動屏幕。
必須正確處理的幾個方面
第六章:街頭指示牌和面包屑,設計導航
如果在網站上找不到方向,人們不會使用你的網站。
1、網絡導航101法則:①我們通常是為了尋找某個目標;②我們會決定先詢問還是先瀏覽;③如果選擇先瀏覽,我們將通過標志的引導在層次結構中穿行;④最后,找不到想要的東西,我們離開。
對于任何人來說,先搜索還是先瀏覽取決于他們的打算、匆忙程度,以及網站是否有良好的導航機制。
2、無法承受的瀏覽之輕:感覺不到大小、感覺不到方向、感覺不到位置。
鏈接標記:訪問過的鏈接標記成另外一種顏色,給用戶一些已經訪問過多少內容直觀的感覺
書簽:存儲的個人捷徑。主頁:固定的空間,“北極星”。
導航:從一個地方到另外一個地方,還有得知你當前所在的位置。
“web導航”讓我們“得知我們當前的位置”。當我們置身網絡時,本來就是迷路的,web導航通過具體化網站的層次結構營造出某種位置的感覺。
導航不是網站的一個特性,他就是網站。
3、被忽視了的導航用途
導航的兩個顯而易見的用途:幫助我們找到想要的任何東西和告訴我們現在身在何處。
導航的第三個用途:①它給了我們一些固定的感覺。②它告訴我們當前的位置。③它告訴我們如何使用網站。④它給了我們對網站建設者的信心。
持久導航:5個元素(站點ID、欄目、回主頁的方式、搜索的方式、實用工具)
每個地方都一樣的規則之外:主頁和表單。
4、導航的元素內容
站點ID或標志logo:通常是在左上角,至少應靠近左上角。
要讓站點ID出現在頁面可視層次的首要位置,可采取兩種方式:讓它成為本頁最顯眼的內容,或者讓它涵蓋頁面所有其他的元素。
欄目:主導航條(primary navigation),是到達站點主要欄目的鏈接,即站點層次結構的最頂層。一般持久導航也包含二級導航的顯示位置。
實用工具:utility,是到達網站中不屬于內容層次的重要元素的鏈接。
實用工具要么能幫助我們使用站點(例如幫助、站點地圖或購物車等),要么提供網站發布者的信息(例如關于我們,聯系我們等),不同類型的網站,實用工具不同。通常,持久導航上只能放置4~5個實用工具。
返回主頁:持久導航中最重要的元素之一是把我們送回主頁的按鈕或鏈接。
在欄目或實用工具清單中包含一個回到主頁的鏈接;在主頁之外的站點ID上加上返回主頁的功能。
提供搜索:一個輸入框,一個按鈕,還有“搜索”兩個字。要避免花哨的用詞;指示說明;選項。如果打算提供選項,要保證這些選項確實有用。
多級導航:用戶在底層頁面上花的時間通常和花在頂層頁面的時間相同。
5、頁面名稱,需要注意以下四點
①每個頁面都需要一個名稱;②頁面名稱要出現在合適的位置;③名稱要引人注目;④名稱要和點擊的鏈接一致(如果不一致,也要保證:盡可能匹配和不匹配的原因很明顯)。
6、你在這里指示器:突出,采用多種視覺區別,比如使用不同的顏色加上粗體。
7、面包屑:告訴用戶所在的當前位置。主頁到當前位置的路徑。最佳面包屑實踐:把它們放在最頂端;使用“>”對層級進行分隔;使用小字體;使用了文字“你在這里”;將最后一個元素加粗;沒有把他們用作頁面的名稱。
8、使用標簽作為導航
標簽是大型網站導航的上佳選擇,因為:它們不言而喻;它們很難錯過;它們很靈活;她們按時了一個物理的空間。
9、使用標簽作為導航的三個要點:正確繪制;顏色編碼;當進入網站時,有一個標簽已經被選中。
10、后備箱測試:
如果一個網站頁面設計良好,當我們在這個網站的任何頁面時,應該能理解回答以下幾個問題:①這是什么網站?(站點ID)②我在哪個頁面上?(網頁名稱)③這個網站的主要欄目有哪些?(欄目清單)④在這個層次上我有哪些選擇?(本頁導航)⑤我在導航系統的什么位置?(你在這里的指示器)⑥我怎么搜索