【閱讀】《點石成金:訪客至上的網頁設計祕籍》讀書筆記

寫在開頭

我發現,我對每個項目所作的最有價值的貢獻往往來自於牢記一些關鍵的可用性原則。我認爲,讓大部分人理解這些原則,比列出一份可以做/不可以做的清單會更有用。
在這裏插入圖片描述

不需要思考→讓頁面不言而喻

當我看到一個不需要思考的網頁時,腦袋裏面浮現的會是:“嗯,這是…,那是…,我想要的東西在這裏。”
去掉用戶心中的問號?????
永遠不該讓用戶花上幾微秒去思考某個東西是否能點擊。
在這裏插入圖片描述
“讓頁面不言而喻就像把商店佈置得光線良好,這樣會讓所有的商品看起來更好。訪問一個不需我們思考的網站會讓人覺得毫不費勁。相反,爲我們不關心的事而多花心思會浪費我們的精力、熱情,還有時間。”

網絡使用的三個事實:
1)我們不是閱讀,而是掃描
2)我們不做最佳選擇,而是滿意即可
3)我們不是追根究底,而是勉強應付
在這裏插入圖片描述

一、別讓我思考

這意味着設計者應該儘量做到,當我看一個頁面時,它應該是不言而喻,一目瞭然,自我解釋的。
我應該明白它–它是什麼,怎樣使用它–而不需要花費精力進行思考。
到底有多不言而喻呢?
充分的不言而喻就好像你隔壁的鄰居,她對你的網站主題毫無興趣,也幾乎不知道如何使用後退按鈕,但她仍然可以看一眼你的主頁,然後說:“奧,這是______。”

所以當我們看到一個不需要思考的網頁時,腦袋裏面浮現的會是:“恩,這是____,那是______,我想要的東西在這裏。”
在這裏插入圖片描述

二、我們實際上是如何使用web的

我們認爲的“精心準備的文字”(或者至少是“產品資料”)在用戶看來更像“以每小時100公里的速度駛過的廣告牌”。
在這裏插入圖片描述

認清事實

1、第一個事實:
我們不是閱讀,只是掃描
在這裏插入圖片描述
2、第二個事實:
我們不做最佳選擇,而是滿意即可
3、第三個事實:
我們不是追根究底,而是勉強應付:不論是初學者還是技術專家,用戶一旦發現某個事物能夠用(不管有多難用),就會一直用它。

三、廣告牌設計101法則

爲掃描設計,而非閱讀。
1)建立清楚的視覺層次
在這裏插入圖片描述
2)習慣用法是好幫手
在這裏插入圖片描述
3)把頁面劃分成明確定義的區域
4)明顯標識可以點擊的地方
5)降低視覺噪聲
在這裏插入圖片描述

四、省略不必要文字

去掉每個頁面上一半的文字,然後把剩下的文字再去掉一半。

接下來,必須正確處理的幾個方面。

五:設計導航

記住這個事實:如果在網站上找不到方向,人們不會使用你的網站。
如何創建明確、簡單、一致的導航?

想象一下,
畫面一:
星期六下午,你要去一個陌生商場裏買一把鋸子。你的過程可能是這樣的:
在這裏插入圖片描述
畫面二:
你想要在站點尋找一個最便宜的四磁頭錄像機,或者以爲在電影《卡薩布蘭卡》中扮演Rick的咖啡廳服務生領班的演員的名字。過程可能是這樣的
在這裏插入圖片描述
其實,我們忽略了導航的用途。
導航有兩個顯而易見的用途
【幫助我們找到想要的任何東西】和【告訴我們現在身處何處】。
1)它給我們一些固定的感覺,而不讓你迷失。
2)它告訴我們當前的位置。
3)它告訴我們如何使用網站
4)它給了我們對網站建造者的信息。

六、主頁不由你控制

1、主頁要完成的任務
1)站點的標識和使命–是什麼
2)站點層次–內容、功能、導航
3)搜索
4)導讀
5)內容更新
6)友情鏈接–廣告等
7)快捷方式–最常訪問
8)註冊
9)我想要的東西顯而易見
10)……還有我沒有尋找的
11)告訴我從哪裏開始
11)建立可信度和信任感

2、要考慮的地方:
第一次進入一個新網站時,主頁應快速且清楚地回答這四個問題:
在這裏插入圖片描述
第二步:從哪裏開始?
在這裏插入圖片描述

七、可用性是基本禮貌

1、降低好感的幾種方式

1)隱藏我想要的信息
2)因爲沒有按照你們的方式行事而懲罰我
3)向我詢問不必要的信息
4)敷衍我,欺騙我
5)給我設置障礙
6)你的網站看上去不專業
  凌亂、佈局不好

2、提升好感的幾種方式:

1)知道人們在你網站上想做什麼,並讓他門明白簡易。
2)告訴我我想知道的
3)儘量減少步驟
4)花點心思
5)知道我可能有哪些疑問,並且給予解答
6)爲我提供協助,例如打印友好頁面
7)容易從錯誤中恢復
8)如有不確定,記得道歉

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章