Don't let me think 筆記
第一章 別讓我思考
如果要讓網頁有效,它們必須在使用者第一眼看到是將自己展現出來,而做到這一點最好的方法是建立不言而喻的網頁,或者至少要做到自我解釋。第二章 我們實際上是如何使用Web的
在大部分時間裡,使用者實際上做的是在每一個頁面上瞥一眼,掃過一些文字,點選第一個令他們感興趣的或者大概符合他們尋找目標的連結。通常,頁面上的很多部分他們是看都不會看的。想設計有效的網頁,必須接受網路使用的三個事實:
1、我們不是閱讀,而是掃描
我們總是處於忙碌之中
我們知道自己不必閱讀所有的內容
我們善於掃描
在網頁上看到掃描取決於我們想看到什麼,不過我們想看到的通常只是頁面的一小部分內容。
2、我們不作最佳選擇,而是滿意即可
在設計頁面時,我們通常假設使用者只是掃描整個頁面,考慮所有可能的選項,然後選擇一個最好的。
3、我們不追根究底,而是勉強應付
很大程度上人們一直在使用這些東西,但並不理解它們的運作原理,甚至對它們的工作原理完全錯誤的理解。
第三章 廣告牌設計101法則
如果使用者都是疾馳而過,那麼,你需要注意以下5個重要方面:(1)在每個頁面上建立清楚的視覺層次
(2)儘量利用習慣用法
(3)把頁面劃分成明確定義的區域
(4)明顯標識可以點選的地方
(5)最大限度降低干擾
1、一個視覺層次清楚的頁面有三個特點:
越重要的部分越突出
邏輯上相關的部分在視覺上也相關
邏輯上包含的部分在視覺上進行巢狀
2、習慣用法是你的好幫手
適當應用的習慣用法會使使用者在網站之間的訪問更容易,不需要花費額外的努力得到背後的工作原理。
在你清楚自己有一個更好的想法(而且每個看到的人都會說“哇”)時進行創新否則請儘量利用習慣用法
3、把頁面劃分成明確定義的區域
這可以讓使用者很快決定關注頁面的哪些區域,或者放心地跳過哪些區域,對網頁掃描所進行的幾項初始眼動研究表明,使用者很快就會確定頁面哪些部分包含有用資訊,然後對其他部分看都不看。
4、明顯標識可以點選的地方
5、降低視覺噪聲
讓頁面不易理解的一個最大原因是視覺噪聲,實際上有兩類噪聲
(1)眼花繚亂
(2)背景噪聲
使用者們對複雜性和干擾的容忍度不一樣,一些人不在乎眼花繚亂的頁面和背景噪聲,但很多人在乎。
第四章 動物、植物、無機物
如果我們需要一直在網路上進行選擇,那麼讓這些選擇變得無須思考是讓一個網站容易使用的主要因素第五章 省略不必要的文字
去掉每個頁面上一半的文字,然後把剩下的文字再去掉一半。1、歡迎詞必須消滅
2、指示說明必須消滅
第六章 街頭指示牌和麵包屑-設計導航
1、網路導航101法則*你通常是為了尋找某個目標。
*你會決定先詢問還是先瀏覽:對任何人來說,先搜尋還是先瀏覽取決於他們的打算,匆忙程度,以及網站是否有良好的導航機制
*如果選擇瀏覽,你將通過標誌的引導在層次結構中穿行
*最後,如果找不到想要的東西,你會離開
2、無法承受的瀏覽之輕
在web上的體驗缺少了許多我們在生活中用來同空間相處的感覺,想想下面這些Web空間的奇怪之處:
*感覺不到大小:實際上你很難知道是否已經看到這個網站上所有感興趣的內容,因此也很難知道什麼時候該停止尋找。
*感覺不到方向
*感覺不到位置
3、導航的用途
*它給了我們一些固定的感覺
*它告訴我們當前的位置
*它告訴我們如何使用網站
*它給了我們對網站建造者的信心
4、Web導航習慣用法
習慣用法指出導航元素的外觀和位置,把它們放在標準的位置,可以讓我們快速的定位。
5、持久導航
通常,持久導航只能放置4-5個實用工具--使用者用的最多的那幾個工具。如果把太多的工具擠到持久導航上,使用者們就會眼花繚亂。其他不常用的工具可以進行分組,併到一起放在主頁上。
6、只要跺三次腳,說“我要回家”
持久導航中最重要的元素之一是把我們送回主頁的按鈕或者連結。
7、提供搜尋
記住一個公式:一個輸入框,一個按鈕。
由於搜尋的潛在威力和喜歡搜尋的使用者比喜歡瀏覽的使用者更多,因此除非站點規模非常小而且組織的很好,否則每個頁面都應該有一個搜尋框或者一個到搜尋頁面的連結。
7.1花哨的用詞
他們會尋找“搜尋”兩個字,因此請使用“搜尋”這個詞,而不是“find”“quick find”等,如果你使用“Search”作為輸入框的名稱,那麼應使用“Go”作為按鈕名稱。
7.2指示說明
7.3選項
如果存在任何混淆搜尋範圍(搜尋什麼,是整站點,部分站點,還是整個Web?)的可能性,一定要把它們寫出來。
8、其次,再次,再再次
在很多網站,一旦到了第二個層次以下,導航就會變得支離破碎,隨意發揮。原因有三:*良好的多級導航本來就很難設計-頁面空間有限,而且有那麼多元素需要安排在頁面中。*設計師即使在設計前兩個層次時也常常感到時間不夠。*它看起來並不重要。而且,有一種傾向認為,當人們深入到網站的這一個層次後,他們自然會明白如何進行操作,
事實上,使用者在底層頁面上花的時間通常和在頂層話的時間相同,除非你從一開始就自頂往下進行導航設計,否則以後很難再進行新增,也很難保持一致性。
在開始討論主要的顏色方案之前,擁有顯示網站所有潛在級別的導航的樣例頁面非常重要。
9、頁面名稱
*路牌標誌很大
*它們在合適的位置
9.1關於頁面名稱需要注意以下四點:
*每個頁面都需要一個名稱
*頁面名稱要出現在合適的位置
*名稱要引人注目
*名稱要和點選的連結一致
10、麵包屑
*把它們放在最頂端
*使用“>”對層級進行分隔
*使用小字型
*使用l文字“你在這裡”
*將最後一個元素加粗
*沒用把它們用作頁面的名稱
第七章 首先要承認,主頁不由你控制-設計主頁
1、主頁要完成的任務*站點的標識和使命
主頁要告訴我們這是什麼網站,它是做什麼的,還有,如果有可能的話,告訴我為什麼應該在這裡而不是別的網站。
*站點層次
主頁要給出網站提供的服務的概貌-既要包括內容,也要包括功能,還有這些服務是如何組織的。這項工作通常由持久導航來處理。
*搜尋
*導讀
主頁要用一些“裡面有精彩的內容”的暗示來吸引我。部分應突出最新、最好、最流行的內容片段。
*內容更新
*友情連結
*快捷方式
常訪問的內容片段值得在主頁上放置連結,免得使用者四處尋找。
*註冊
*讓我看到自己正在尋找的東西
主頁應該讓我想要的任何東西顯而易見。
*還有我沒有尋找的。
同時主頁也應該讓我看到一些很精彩的,我也許會感興趣的內容。
*告訴我從哪裡開始
*建立可信度和信任感
2、傳達整體形象
讓使用者在越短的時間明白這個網站是幹什麼的,網站上有什麼,為什麼我應該在這裡,而不是在別的地方。
3、如何傳達
*口號-最有價值的位置之一是靠站點ID的地方
*歡迎廣告
*需要多大的空間就使用多大的空間
*但也不要使用過多的空間
*不要把使命陳述當作廣告
*最重要的是進行測試
4、沒有什麼比得上一個好口號
在網站上,口號可能出現在站點ID的下方、上方或旁邊
*好的口號要清楚、言之有物
*好的口號長度適中,6-8個英文單詞足以表達思想。
*不要把口號和宗旨混淆起來。宗旨表達某種指導原則,某個目標或某種思想,但是口號傳達了某種價值的主張。宗旨崇高又可靠,但是我不知道網站是幹什麼,它們不會告訴我。
*好的口號應該有個性、生動、有時候還很俏皮。
5、第五個問題
一旦知道網站是做什麼的,接下來的就是從哪裡開始?
為了讓使用者更好的起步,就得讓每個起點看起來像起點。此外,要清楚的給它們加上文字描述。例如:“搜尋”、“分類瀏覽”、“登入”、“從這裡開始”等。
6、主頁導航可以不一樣
主頁上的導航和網站其他頁面的導航可以不一樣,但是也不要相去甚遠。
*欄目描述
*不同的方向
主頁通常和其他頁面的佈局不同,因此它有可能有必要使用垂直導航而不是水平導航。
*用於識別的空間更多
主頁導航和持久導航需要保持一定程度上的一致性,這樣使用者才能馬上反應過來這只是同一導航的兩個版本。
7、下拉框的問題
由於主頁的位置有限,下拉框很節省空間。但是:
*你必須把它們找出來
*它們不好控制
*它們難以掃描
第九章 一天10美分的可用性測試
1、焦點小組不是可用性測試焦點小組是快速得到使用者的意見和感覺的一種不錯的方法
焦點小組在抽象地確定你的目標受眾想要什麼,需要什麼,喜歡什麼的時候會很有用。它們也可以測試出網站的理念是否有意義,價值主張是否吸引人。
你能從焦點小組瞭解到的是你在設計網站之前就應該瞭解的。焦點小組是用在這個過程早起階段的方法,如果你想做一次現狀調查並對網站文字進行調整甚至也可以放在後期進行,但是請不要把它們和可用性測試弄混。它們不會告訴你人們是否確實能使用你的網站。
2、關於測試的幾個事實
*如果想建立一個優秀的網站,一定要測試
*測試一個使用者比不做測試好一倍
*在專案中,早點測試一位使用者好過最後測試50位使用者
*人們對招募使用者代表的重要性估計過高
*測試的關鍵不是要證明什麼或者反駁什麼,而是瞭解你的判斷力
*測試是一個迭代的過程
*沒有什麼比現場使用者的反應更重要
3、應該測試多少使用者
每輪測試的理想使用者數量應該是三個,最多是四個
4、測試什麼,什麼時候測試
關鍵是要在web開發的各個階段及早進行測試。
測試,就是測試使用者看到網站,然後看他們能否理解這個網站,理解網站的目標,價值主張,組織方法,執行方式等。
第十章 可用性是基本禮貌
1、提高好感的幾種方式*知道人們在你網站上想做什麼,並讓它們明白簡易
*告訴我我想知道的
*儘量減少步驟
*花點心思
*知道我可能有哪些疑問,並且給與解答
*為我提供協助,列印友好頁面
*如有不確定記得道歉
相關文章
- PostgreSQL DBA(109) - pgAdmin(Don't do this:Don't use BETWEEN)SQL
- PostgreSQL DBA(117) - pgAdmin(Don't do this: Don't use serial)SQL
- PostgreSQL DBA(108) - pgAdmin(Don't do this:Don't use upper names)SQL
- PostgreSQL DBA(112) - pgAdmin(Don't do this:Don't use timestamptz(0))SQL
- PostgreSQL DBA(113) - pgAdmin(Don't do this:Don't use char(n))SQL
- PostgreSQL DBA(110) - pgAdmin(Don't do this: Don't use timestamp without tz)SQL
- PostgreSQL DBA(116) - pgAdmin(Don't do this:Don't use money&serial)SQL
- PostgreSQL DBA(115) - pgAdmin(Don't do this:Don't use varchar(n) by default)SQL
- PostgreSQL DBA(111) - pgAdmin(Don't do this:Don't use CURRENT_TIME)SQL
- You don't know CSSCSS
- Think.js開發筆記JS筆記
- You don't know css(2)CSS
- In 2019, Let me Replace Redux with React HooksReduxReactHook
- PostgreSQL DBA(106) - pgAdmin(Don't do this:NOT IN)SQL
- [譯] Don’t call me, I’ll call you:使用 Redux-Saga 管理 React 應用中的非同步 action (上)ReduxReact非同步
- PostgreSQL DBA(104) - pgAdmin(Don't do this:Rule)SQL
- PostgreSQL DBA(103) - pgAdmin(Don't do this:Encoding)SQLEncoding
- 115 svn: URL 'svn://132.232.108.38/think' doesn't exist
- PostgreSQL DBA(107) - pgAdmin(Don't do this:NOT IN vs NOT EXISTS)SQL
- 網站提示:You Don’t Have Permission To Access網站
- How to add the cracked dlls in GAC---let me tell u
- PostgreSQL DBA(105) - pgAdmin(Don't do this:psql&inheritance)SQL
- You don't have write permissions for the /usr/bin directory.
- 2018-03-24 Why Don't Students Like School? 005
- SAP ME學習筆記(六)搭建生產線筆記
- 【show me the code】Python練習題&語法筆記 2Python筆記
- 前端學習筆記 - var、let和const的用法前端筆記
- ES6學習筆記(一)————————————–let和const筆記
- ES6學習筆記一(let和const)筆記
- PostgreSQL DBA(140) - PG 12(Don't log incomplete startup packet if it's empty)SQL
- PostgreSQL DBA(114) - pgAdmin(Don't use char(n) even for fixed-length id)SQL
- Think
- 解決:Exception in thread "main" java.lang.RuntimeException: don't run elasticsearch as root.ExceptionthreadAIJavaElasticsearch
- ES6語法學習筆記之let const 解構賦值筆記賦值
- find me-記一道misc題
- Spring Security 之 Remember-Me (記住我)SpringREM
- I don’t know what to say 事件的 NPM 包中獎名單,有你在用的嗎?事件NPM
- 無法解析的引用 'settings 更少... (Ctrl+F1) This inspection detects names that should resolve but don't. Due
- READ ME