《點石成金:訪客至上的Web和移動可用性設計秘笈(原書第3版)》讀書筆記

別讓我思考——Krug可用性第一定律

點擊多少次都沒關系,只要

每次點擊都是無須思考、明確無誤的選擇。——Krug可用性第二定律

去掉每個頁面上一半的文字,

然后把剩下的文字再去掉一半。——Krug可用性第三定律

對于可用性,你可以找到很多不同的定義,經常可以分解成以下幾個方面:

有用:能否幫助人們完成一些必需的事務?

可學習:人們能否明白如何使用它?

可記憶:人們每次使用的時候,是否都需要重新學習?

有效:它們能完成任務嗎?

高效:它們是否只需花費適當的時間和努力就能完成任務?

合乎期望:是人們想要的嗎?

最近,甚至又有了:

令人愉悅:人們使用的時候覺得有意思甚至很好玩嗎?

XVI

關于可用性,最重要的方面其實非常簡單。……它的意思是:讓一個有著平均能力和經驗的人(甚至稍微低于平均水平)能明白如何使用它——不必付出過度的努力,或者遇到不必要的麻煩。

XVII

別讓我思考——Krug可用性第一定律

別讓我思考——這是我的可用性第一定律。

2

我應該能“明白它”——它是什么意思,怎樣用它——而不需要進行額外的思考。

2

當我看到一個不需要思考的網頁時,腦袋里面浮現的會是:“嗯,這是____,那是____,我想要的東西在這里。”

2

網頁上每項內容都有可能迫使我們停下來,進行不必要的思考。例如,命名。

4

權衡應該更傾向于“顯而易見”而不是需要額外的思考。

5

當我們訪問Web的時候,每個問號都會加重我們的認知負擔,把我們的注意力從要完成的任務上拉開。這種干擾也行很輕微,但它們會累積起來,尤其是如果總把時間花在決定什么地方能點什么地方不能點。

5

我能列出一大堆訪問者在網站不應該花時間思考的事,例如:

我在什么位置?

我該從哪里開始?

他們把xx放在什么地方了?

這個頁面上最重要的是什么?

為什么他們把它叫這個?

這是廣告還是網站的內容?

7

如果你不能做到讓一個頁面不言而喻,那么至少應該讓它自我解釋。

8

讓頁面或屏幕不言而喻就像把商店布置得光線良好:這樣會讓所有商品看起來更美好。

9

我們實際上是如何使用Web的——掃描,滿意即可,勉強應付

如果想設計有效的網頁,你必須開始接受關于網絡使用情況的三個事實。

第一個事實:我們不是閱讀,而是掃描

第二個事實:我們不作最佳選擇,而是滿意即可

第三個事實:我們不是追根究底,而是勉強應付

12

為什么掃描?

我們總是任務在身。

我們知道自己不必閱讀所有內容。

我們善于掃描。

12

我們一般會把注意力放在這樣的文字和短語上:

1)與手頭任務有關的;

2)我們當前或接下來的個人興趣;

3)我們腦海里一些根深蒂固像觸發器那樣的詞,例如“免費”、“大減價”、“美女”、還有我們的名字。

13

事實上,絕大多數時間里我們不會選擇最好的,而是選擇第一個過得去的,這就是滿意策略(stisfice)。

14

為什么Web用戶不尋找最佳選擇呢?

我們總是處于忙碌中。正如Klein指出的那樣,“尋找最佳策略很難,需要的時間也很長,滿意策略效率更高”。

如果猜錯了,也不會產生什么嚴重的后果。(后退按鈕是Web瀏覽器中用得最多的按鈕。)

對選擇進行權衡并不會改善我們的機會。

猜測更有意思。猜測不會像仔細衡量那么累,而且如果猜對了,速度會很快。它還帶來了一個機會因素——有可能無意中看到某個意外但不錯的內容,這種 可能性令人開心。

14

我經常想起《乞丐王子》結尾處的那一幕: 真正的王子發現當他不在的時候,那個長得很想的假王子會把大英帝國的國璽拿來壓胡桃(這再合適不過了,對他來說,國璽可不就是一塊又大又厚重的金屬嘛)。

事實就是,我們就是那樣完成任務的。我看到很多人完全不是以設計師設想的方式使用網絡、軟件、消費類電子產品,但他們用得很好。

15

廣告牌設計101法則——為掃描設計,不為閱讀設計

如果用戶們都是疾馳而過,那么,下面有幾個重要方面你要注意,保證他們盡可能地看到了——并理解了你的網站:盡量利用習慣用法;建立有效的視角層次;把頁面劃分成明確定義的區域;明顯標識可以點擊的地方;最小化干擾;為內容創建清楚的格式,以便掃描。

19

任何東西,要讓人能瞬間理解,一種最好的方法就是遵循習慣和慣例——那些已經廣為采納或者已經標準化了的設計模式。例如:停止標志。車內的控制裝置。

19

作為用戶,我們現在已經在很大程度上對下面幾點充滿了期待:

頁面上的什么內容在什么位置。例如,用戶通常會期望標志性的站點圖標(Logo)出現在左上角(至少在那些閱讀方向從左到右的國家如此),網站的主導航橫跨在頁面頂部或者縱向放置在頁面左邊。

服務將如何運作。例如,幾乎所有的購物網站都會提供購物車,也都會使用一系列類似的表單讓你填寫一些細節,如支付方式、配送地址等。

視覺元素的外觀。很多視覺元素都會有標準化的外觀,例如表示視頻鏈接的圖標、搜索圖標、社交網站的分享方式等。

20

這些習慣用法都不是憑空出現的:它們都是從某個人靈光一現的想法開始,如果這個想法相當不錯,其他站點就會模仿它,最終,有足夠多的人在足夠多的地方見到它,讓它變得不言而喻。

20

如果準備創新,那么必須理解你想要取代的設計的價值(參考迪倫說過的,“如果不要法律,你就必須誠實”), 而且人們也很容易低估習慣用法的價值。

22

如果不打算使用一種已有的Web習慣用法,你必須確認你在使用一種:1)同樣清楚,同樣不言而喻,沒有學習曲線的方法——這樣就跟習慣用法一樣好了;2)帶來很大的價值,因此值得用戶付出一點努力來學習的方法。

22

我的推薦:在你清楚自己有一個更好的想法時進行創新,如果沒有,那么請盡量利用習慣用法。

別誤會:我沒有任何打擊創新的意思。對于原創的、有新意的Web設計,我再欣賞不過了。

22

簡潔勝過一致。如果能通過在某種程度上打破一致性,而得到高度簡潔清楚的效果,那么果斷選擇簡潔。

23

每個頁面都應該有清楚的視覺層次。一個視覺層次清楚的頁面有三個特點:越重要的部分越突出;邏輯上相關的部分也在視覺上相關;邏輯上包含的部分在視覺上進行嵌套。

24

讓頁面不易理解的一個最大原因是視覺噪聲。有三類視覺噪聲:眼花繚亂。組織不當。太過密集。

28

當你在設計頁面的時候,這樣做可能是一個好辦法:先假定所有內容都是視覺噪聲(也就是“有罪推定”的方法),并去除任何對頁面沒有幫助的內容。

29

為文本設置格式,以便掃描:

充分使用標題。可以通過讓每個更高級別的標題字體更大或者給它周圍留更多的空白來做到這一點。更重要的是,不要讓你的標題“浮在空中”。確定它們更靠近由它們引導的內容,而不是之前的內容。

保持段落簡短。

使用符號列表。為了優化可讀性,在列表的不同項目之間,應該留出一點點額外的空白。

突出關鍵詞語。

動物,植物,無機物——為什么用戶喜歡無須思考的選擇

點擊多少次都沒關系,只要

每次點擊都是無須思考、明確無誤的選擇。——Krug可用性第二定律

33

表面上看來,“到達任何地方的點擊次數”像一條有用的準則。但隨著時間的流逝,我開始覺得真正的問題不是到達目標之前要耗費的點擊次數(當然這里也確實有個限度),而是每次點擊有多“艱難”——需要多少思考,還有多大的不確定性來判斷自己是否在進行正確的選擇。

33

我想,常規法則應該是類似這樣的:“三次無須思考、明確無誤的點擊相當于一次需要思考的點擊。”……當然也有例外,如果我將不得不經常深入到站點的某一特定部分,或者,在一個Web應用上重復一系列的點擊,又或者頁面載入較慢,那么點擊次數越少會越有價值。

33

當你不可避免要給我一個困難的選擇時,你需要用你的方式提供給我我所需要的指引和幫助——但是不要再多了。如果是這樣,這些指引將會效果最好:

簡短:只需要提供最少的信息來幫助我

及時:放在我正好需要它的地方

不會錯過:設置合適的格式,保證我一定會注意到它

這方面的例子有表單字段旁邊的提示,“這是什么?”的小鏈接,工具提示(tool tips)也屬于這一類。

36

我個人最喜歡的這種即時提示的例子出現在倫敦的街角,到處都是。它很簡短(只有大寫的“向右看”的文字提示和一個箭頭),及時(正需要提醒的時候你一眼就會看到它),不會錯過(當你踏出路邊的時候幾乎總是會往下瞥一眼)。我覺得這樣的設計肯定救了很多旅游者的命,特別是當他們以為車輛會從另一邊出現的時候。

36

省略多余的文字——不要在Web上寫作的藝術

去掉每個頁面上一半的文字,

然后把剩下的文字再去掉一半。——Krug可用性第三定律

38

……也是受益最深的——是E.B.White在(《The Elements of Style》)(《風格的要素》)一書提到的第17條規則:

17. 省略多余的文字

有力的文字都很簡練。句子里不應該有多余的文字,段落不應該有多余的句子。同樣,畫上不應該有多余的線條,機器上不應該有多余的零件。

38

去掉沒有人會看的文字有幾個好處:

降低頁面的噪聲。

讓有用的內容更加突出。

讓頁面更簡短,讓用戶在每個頁面上一眼就能看見更多的內容,而不必滾動屏幕。

38

歡迎詞必須消滅——如果你不太確定某項內容是否為歡迎詞,這里有一個屢試不爽的測試方法:在你閱讀的時候仔細聆聽,就能聽到一個小小的聲音在你耳邊說著:“@#¥%……”。

39

歡迎詞就像閑聊——內容無所謂,主要是一種社交手段而已。但大部分的Web用戶都沒有時間閑聊,他們希望直接了當。你可以——而且應該——盡量減少歡迎詞,能減多少就減多少。

39

指示文字必須消滅——多余文字的另一個主要來源就是指示說明。關于指示說明,你只要知道沒有人會細讀它們——至少在多次“勉強應付”失敗之前不會,這就夠了。……你的目標應該是通過讓每項內容不言而喻來完全消除指示說明,或者盡可能做到這一點。當指示文字不可避免時,也要盡量砍掉多余的部分,只留下最必要的一點點。

39

街頭指示牌和面包屑——導航設計

記住下面的事實:如果在網站上找不到方向,人們不會使用你的網站。

44

在很多方面,當你進入站點時也遵循同樣的過程。

你通常是為了尋找某個目標。

你會決定先詢問還是先瀏覽。區別是,在網站上沒有一個真人站在那兒告訴你東西在哪兒。Web上等價的服務是搜索。

如果選擇瀏覽,你將會通過標志的引導在層次結構中穿行。

最后,如果找不到想要的東西,你會離開。

47

如果我們想要再次訪問網站上的某個內容,不是靠一種它在哪里的物理感覺,而是記住它在概念層次上的位置,然后重新順著以往的鏈接過去。這就是書簽(存儲的個人捷徑)如此重要的原因,也是為什么后退按鈕是瀏覽器上用得最多的按鈕的原因。

51

導航有兩個顯而易見的用途:幫助我們找到想要的任何東西和告訴我們現在身在何處。

但是導航也有一些重要但卻容易被忽視的功能:它告訴我們這里有些什么。它告訴我們如何使用網站。它給了我們對網站建造者的信心。

52

持久導航應該包括4個元素,你需要一直保持這4個元素可見:站點ID、實用工具、搜索、欄目。(每一頁都要這樣,但有一個例外:表單。)

55

我們希望在頁面的上方見到站點ID——通常在左上角(或至少靠近左上角)。為什么呢?因為站點ID代表了整個網站,也就是說,它在當前站點結構上層次最高。

57

站點ID應該像我們平常看到的商標標志或商場外部標志一樣:一種獨特的字體,一個可以識別的圖形,大小從按鈕到廣告牌不等。

57

欄目,有時也叫主導航條,是到達該站點主要欄目的鏈接,即站點層次結構的最頂層。

57

實用工具是到達網站中不屬于內容層次的重要元素的鏈接。

58

在持久導航上只能放置4~5個實用工具——用戶用得最多的那幾個工具。……持久導航中最重要的元素之一是把我送回主頁的按鈕或鏈接。

59

提供搜索——記住一個簡單的公式:一個輸入框,一個按鈕,還有“Search”(搜索)兩個字,別把它們弄復雜了。

60

關于頁面名稱,需要注意以下4點:

每個頁面都需要一個名稱。

頁面名稱需要出現在合適的位置。

名稱要引人注目。

名稱要和點擊的鏈接一致。……其實每個站點和訪問者之間都會有一份隱含的約定:頁面的名稱將和我點擊并來到這里的鏈接相匹配。

64

“你在這里”——要抵消網絡固有的迷失感,其中一個導航方式是告訴我當前在什么位置,這和購物商場或者國家公園地圖上的“你在這里”指示器作用一樣。

64

面包屑——和“你在這里”指示器一樣,面包屑(層級菜單)也可以告訴你當前的位置。它們叫作面包屑是因為它們讓人想起Hansel扔在森林里的面包屑蹤跡,因為這樣他和Gretel能找到回家的路。……面包屑會告訴你從主頁到當前位置的軌跡,并能讓你在網站中更加容易地回到更高層次的內容。……提供了一種方便持久的方式讓你可以做你最常做的兩件事:回退一個層次,或者返回主頁。

66

面包屑設計中的幾項最佳實踐:把它們放在最頂層。使用“>”對層級進行間隔。加粗最后一個元素。

67

我依舊喜歡標簽“Tab”的三個理由:它們很不言而喻。它們很難錯過。它們很靈活。……要讓標簽完美發揮作用,它們的圖形必須營造出這樣的視覺效果:激活的標簽頁位于其他標簽頁之前。這是讓它們跟標簽相像的最大要點——比它們那與眾不同的標簽外形更重要。要營造出這樣的效果,激活的標簽頁必須有一種不同的顏色或外形作為對比,并且必須與它底下的空間在物理上連接起來。這是把激活的標簽頁彈出到最前面的方法。

68

來試試后備箱測試——想象你被蒙上了雙眼,鎖在車子的后備箱里,車開了一會兒以后,把你放在某個網站的某個網頁上。如果這個頁面設計良好,當你除去眼罩時,應該能毫不猶豫地回答以下問題:

這是什么網站?

我在哪個網頁上?

這個網站的主要欄目是什么?

在這個層次上我有哪些選擇?

我在導航系統的什么位置?

我怎么搜索?

……因為我們經常忘了,在網絡上的體驗更像被綁架而不是一路鳥語花香地走過去。

69

下面是后備廂測試的執行過程:

1)在網站上任意選擇一個網頁,把它打印出來。

2)拿到一手開外,或者斜過一個角度,讓你不能仔細觀察。

3)盡快找到下面清單中的項目并畫上圓圈:

站點ID

頁面名稱

欄目(主導航)

頁內導航

“你在這里”的指示器

搜索

69

想想主頁要完成的任務:站點標識和使命。站點層次。搜索。導讀。內容推介。功能推介。適時更新的內容。交換鏈接。快捷方式。注冊。

除了這些具體的需要,主頁還要滿足一些抽象的目標:讓我看到自己正在尋找的東西。……還有我沒有尋找的。告訴我從哪里開始。建立可信度和信任感。

73

混亂中有一件事你不能忘——而它往往會被忘掉——傳達整體形象

75

在第一次進入一個新網站時,主頁需要回答我腦海里的四個問題:這是什么網站?網站上有些什么?我能在這里做什么?為什么我應該在這里,而不是別的什么地方?

75

我們現在可以從一個精彩的試驗(Web設計師注意了:你只有50毫秒留下良好的第一印象)看到,一旦打開頁面,很多事情就會發生。例如,你大致看了一眼(以毫秒級的速度),然后就形成了一些整體印象:它看起來怎么樣?內容很多還是很少?頁面的分區很明顯嗎?哪些部分對我有吸引力?

76

如何傳達——主頁上的每一樣東西都會有助于我們理解這個網站是做什么的,但有兩個重要的位置:

口號。最有價值的位置之一是靠近站點ID的地方。

歡迎廣告。歡迎廣告是網站的簡要描述,顯示在主頁的首要位置,通常是頁面上端的左邊或者中間,是用戶第一眼就會看到的內容。

“了解更多”。創新的產品和服務通常需要一些介紹,而這些介紹所需要的篇幅往往會超過一般訪問者的忍耐程度。(如一段介紹性的視頻,而且他們愿意花費時間觀看)

78

下面是幾條傳達信息的指導原則:

需要多大空間就使用多大空間。

但是不要使用過多的空間。……不要覺得非提到每個功能不可,只提最重要的就可以了。

不要把使命陳述當做歡迎廣告。很多網站在主頁上闡述他們的公司使命,看起來就像出自一位美國小姐決賽選手:“X公司在XX發展領域提供世界一流的解決方案……”。沒有人會看這樣的內容。

最重要的是進行測試。……讓他們告訴你你的設計是否達到了目標,因為只有“網站宗旨”的缺失是公司內部人員不會注意到的。

79

沒有什么比得上一個好口號——口號是一條精煉的短句,刻畫了整個企業,總結它是什么,什么讓它如此卓越。例如:“成千上萬的小汽車,價格低到不可思議”,“(我們的明星)比天上的星星還要多”,“所有適合刊登的新聞,我們都登”。

80

在選擇口號時,有幾點要考慮:

要清楚,要言之有物,非常準確地對網站或公司進行描述。

長度合適。6~8個英文單詞對表達思想來說似乎已經夠了,而且容易讓人領會。

表述了網站的特點和顯而易見的好處。

不好的口號聽起來太籠統。別把口號和宗旨混淆起來,例如:“我們讓生活更美好”、“我們是你的得力助手”、“保護與服務”。宗旨表達某種指導原則、某個目標或某種理想,但是口號傳達了某種價值主張。宗旨崇高而又可靠,但如果我不知道網站是什么,它們不會告訴我。

應該有個性、生動,有時候還很俏皮。但它應該有助于傳達(而不是混淆)好處。

80

第五個問題——當進入一個新的網站時,快速瀏覽主頁之后,我應該能準確無誤地知道:

如果我想搜索,可以從這里開始。

如果我想瀏覽,可以從這里開始。

如果我想看看他們最精彩的內容,可以從這里開始。

83

不幸的是,推銷商品的需要有時會淹沒上面提到的這些地方。要避免這種情況,最好的方法是讓每個起點看起來像起點(如,讓搜索框看起來像搜索框,讓欄目列表看起來像欄目列表),此外,清楚地給它們加上文字描述,例如“搜索”、“分類瀏覽”、“登錄”、“從這里開始”(對于多步驟過程)。

84

主頁似乎會引發短視的行為。當我出席主頁設計會議時,經常會在腦海里閃過“正在殺死金鵝”這樣的想法。我的這個想法是來自故事《杰克和魔豆》,實際上,杰克的巨人確實有一只會下金蛋的鵝,但沒有人想去殺它。愚蠢的宰殺事件發生在《伊索寓言》中,在那里也沒有提到多少:人發現一只鵝,人變得貪婪,把鵝殺了,他再也得不到鵝蛋了;寓意:“太過貪婪常會適得其反”。

84

最糟糕的當然是想要推銷所有項目的這種傾向。……這是一個共有區域悲劇的好例子。它的前提很簡單:任何共享的資源(共有區域)都會因為過度使用而遭到破壞。

84

應該讓所有的利益相關者知道過度使用主頁的危險,并且提供其他方法來緩解這種需求,例如從其他熱門頁面進行推介,或者輪流使用主頁上的同一塊空間。

85

……設計師和程序員發現他們在另一個更大的沖突面前是站在同一邊的,那就是Art Kleiner描述的市場文化和工程文化。當市場文化(上層管理、市場、業務拓展)關注于在網站上做出有助于吸引風險投資、用戶、戰略合作伙伴和贏利的承諾時,實現這些承諾的責任就落在設計師和程序員這樣的工程文化人員身上。(市場文化和工程文化人員的討論,稱為“信仰大戰”)

92

問題是,對于大部分Web設計問題來說(至少對于重要的問題來說),沒有簡單的“正確”答案。良好的、一體化的設計能滿足需要,也就是說,經過仔細考慮、實現和測試的設計就是好的。

93

對于信仰爭論的解藥——解藥的關鍵是,不要問這樣的問題:“大部分人喜歡下拉框嗎?”正確的問題應該是:“在這個頁面,這樣的上下文中,這個下拉框以及這些下拉項目和措辭會讓可能使用這個網站的大部分人產生一種良好的體驗嗎?”

而且,也只有一種方式來回答這種問題:測試。你必須使用團隊的集體技巧、經驗、創造性和判斷力來建立一些版本(哪怕是一個很粗糙的版本),然后仔細觀察人們對它的看法和用法。

93

爭辯人們喜歡什么,既浪費時間又消耗團隊的精力,而測試通過將討論對錯和個人喜好轉移到什么有效、什么無效上,更容易緩和爭論,打破僵局。而且,測試會讓我們看到用戶的動機、理解、反應的差異,從而讓我們不會堅持認為用戶的想法和我們的想法一樣。

94

有一種方式看待設計——任何類別的設計,那就是,它的本質就是處理各種約束(那些你必須遵從的和不能去做的地方)和妥協(那些為了服從約束而作出的不夠理想的選擇)

124

管理屏幕空間的挑戰不應該以犧牲可用性為代價。

127

關于移動網站,有一下三條建議。

允許縮放。

不要讓我站在門口。

永遠記得提供一個到“全內容”網站的鏈接。

128

不要把你的提示藏在后面——提示是可視化用戶界面上的基本元素。

129

沒有光標=沒有懸停=沒有線索——在觸摸屏到來之前,網站設計嚴重依賴一種叫做懸停的東西——當用戶用光標停留在界面元素上,不用點擊,它們就會以某種方式展現出變化的能力。

但是基于電容的觸摸屏不能精確地感覺到手指正停留的界面元素上,而只有在觸摸到的時候才能感應到。

130

從個人角度,我總是把注意力放在對于我的可用性定義來說最核心的三個方面:

讓一個有著平均能力和經驗的人(甚至稍低于平均水平)能弄明白如何使用它(這說明它是可學習的)去完成某個任務(有效的),而不會遇到不必要的麻煩(高效的)。

133

讓人快樂的應用通常來自和某個人們希望能實現但是沒想過真的能實現的想法的結合,再加上一個明朗的想法,使用某些新技術來完成它。

133

讓你的應用為用戶帶來快樂是一個很好的目標。只是別把注意力都集中在這上面,而忘了讓應用有用就好。

134

還有另一個可用性屬性也很重要:可記憶。……我一般不會刻意談到可記憶性,因為我認為讓一個東西重新學習起來很容易的方法就是讓它們在一開始就超級清楚,容易學習。如果一開始就容易學習,那么第二次也會容易學習。……但是很明顯,對于一些移動應用來說這個問題很嚴重。

137

可記憶性可能是影響人們是否會經常使用這個應用的重要因素。

137

這本書的絕大部分內容都是關于讓網站簡潔清楚:保證用戶能理解他們尋找的內容(還有如何使用網站)而不需要多費力氣。清楚嗎?他們明白了嗎?

但是對Web可用性而言,還有另外一個重要的組成部分:做正確的事——為用戶考慮周到。除了“我的網站清楚嗎?”之外,你還需要問:“我的網站值得尊敬嗎?”

145

好感存儲器——我經常發現,想象每次進入一個網站時,我們都從一個好感存儲器開始,這樣很有用。

145

降低好感的幾種方式:

隱藏我想要的信息。最常見的情況是隱藏客戶服務的電話號碼、運費和價格。

因為沒有按照你們的方式行事而懲罰我。

向我詢問不必要的信息。大多數用戶都很介意個人信息。

敷衍我,欺騙我。想想每次你聽到“您的電話對我們來說很重要”的時候是什么感覺吧。

給我設置障礙。不得不等待一個長長的Flash介紹。

你的網站看上去不專業。……注意,人們喜歡對網站的外觀——特別是顏色——發表意見。(除非有三四個用戶用到了“令人作嘔”這樣的形容詞,如果到了這種地步,就要好好想想了。)

146

提高好感的幾種方式

知道人們在你網站上想做什么,并讓它們明白簡易。

告訴我我想知道的。把運費、旅店日停車費用、暫停服務以及其他你不愿意放在前面的項目放在前面。

盡量減少步驟。

花點心思。

知道我可能有哪些疑問,并且給予解答。常見問題列表非常有價值,特別是在以下情況下:它們是真正的常見問題列表,而不是偽裝成FAQ的軟推銷。保持更新。保持坦率。

為我提供協助,例如打印好友頁面。……去掉廣告,但要保留插圖、照片和圖表。

容易從錯誤中恢復。

如有不確定,記得道歉。

148

在這一點上,每個參與Web設計的人都對可訪問性有所了解。不過,幾乎我訪問的每個網站都沒有通過我的三秒鐘可訪問性測試——增大字體。

151

政府通過讓所有人不方便來創造平等。

154

現在能掙錢實施的四件事

1.改正讓所有人感到混淆的可用性問題。……讓網站對我們其他人更好用,會讓殘障人士用得更好。

2.讀一篇文章。……他們(盲人)聽取一行文本或一個鏈接的前幾個字,如果并不相干,就會很快移到下一個鏈接、下一行、下一個標題或下一段。一位正常用戶可能通過掃描整個頁面找到關鍵字,但是如果關鍵字不是出現在一行或一個鏈接的開始,那么盲人用戶可能聽不到這個關鍵字。

3.看一本書。……《A Web for Everyone:Designing Accessible User Experiences》……《Web Accessibility:Web Standards and Regulatory Compliance》

4.去摘夠得著的果子。為每張圖片增加合適的alt文本。使用合適的標題。讓你的表單配合屏幕閱讀器。在每頁的最前面增加一個“跳轉到主要內容”的鏈接。讓所有的內容都可以通過鍵盤訪問。在文本和它們的背景之間設置明顯的對比。采用一份可訪問性良好的模板。

155

一些決定性的答案

不要使用小而對比不強的字體。

不要把標簽放到表單的字段里面。

保留訪問過的鏈接和未訪問的鏈接之間的區別。

不要讓標題漂浮在段落之間。

167

?

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,197評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,415評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,104評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,884評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,647評論 6 408
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,130評論 1 323
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,208評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,366評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,887評論 1 334
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,737評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,939評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,478評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,174評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,586評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,827評論 1 283
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,608評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,914評論 2 372

推薦閱讀更多精彩內容