更正日期：2006年06月21日

<p.298>《範例說明！》中，第1行：

原為：本模式一開始的例子是星巴克的網站，它具有原型的商標...
改為：本模式一開始的例子是星巴克的網站，它具有圓形的商標...

<p.303>上方《圖 9-29》中的說明文字 ：

原為：原理
改為：紋理

<p.306>上方《圖 9-33》：

原為：圖 9-33 / 取自 http://eg2006.com</systemitem>
改為：圖 9-33 / 取自 http://eg2006.com

更正日期：2006年06月26日

<p.187>左欄內文，倒數1-2行：

原為：（這利用到型態心理學的連續性和關閉性；這方面請參考（第四章）。
改為：（這利用到形態心理學的連續性和關閉性；這方面請參考第四章）。

更正日期：2006年06月28日

<p.163>第6行：

原為：......，那麼上面的說法你應該不陌生--你已經知道型態心理學（Gestalt）的守則 。
改為：......，那麼上面的說法你應該不陌生--你已經知道形態心理學（Gestalt）的守則 。

更正日期：2006年07月31日

<p.34>小標『這是什麼？』中，第1行：

原為：將圖示的工具盤放在黑色區域中，.......
改為：將圖示的工具盤放在空白區域旁，.......

<p.v>左邊倒數第2行：

原為：將圖示的工具盤放在黑色區域中，.......
改為：將圖示的工具盤放在空白區域旁，.......

<p.58>倒數第2行：

原為：......個網站其實也沒那麼遭。........
改為：......個網站其實也沒那麼糟。........

感謝讀者李孟秋來信指正錯誤

更正日期：2006年08月08日

<p.06>第3行：

原為：他們使用軟體的技巧，差不多就是你所設計的方式
改為：他們如何使用與你現在正在設計的類似軟體

<p.06>第4行：

原為：他們對於你的設計抱著怎樣的態度…
改為：他們對於你這類設計抱著怎麼的態度…

<p.06>小標『直接觀察』中，倒數第2行：

原為：時間可以很長，也可以很短。…
改為：時間可以很長，也可以很短；以正式或非正式的方式，用電話或當面談皆可。…

<p.08>第3段，第3行：

原為：.......，一種「開放樓層計劃圖」介面，.......
改為：.......，一種「空白的樓面配置圖」介面，.......

<p.12>右邊第3段，第4行：

原為：…後來新版本提供 B 路徑…
改為：…後來新版本提供 B 路徑（或者 B 路徑根本一直都存在！）…

<p.12>右邊最後一行：

原為：…、以及情境面板模式的範例。
改為：…、以及情境面板模式（第三章）的範例。

<p.13>小標『5. 延遲選擇』中，第2段，第2-3行：

原為：…，詢問使用者數個幾乎無法回答的問題，…
改為：…，詢問使用者數個幾乎無關的問題，…

<p.14>小標『6. 漸進建構』中，第4段，第1行：

原為：建構器的風味介面需要能夠支援這種風味的工作。…
改為：建構器形式的使用介面必須支援這種工作方式。…

<p.16>小標『9. 預期記憶』中，第5段，第2行：

原為：…PalmOS 用直接而活動的方式來支援…
改為：…PalmOS 用直接而主動的方式來支援…

<p.16>小標『9. 預期記憶』中，第5段，倒數第2行：

原為：…發出警告聲。但是你能夠拿什麼來幫助預期記憶？
改為：…發出警告聲。但是其他還有什麼東西可以幫助預期記憶呢？

<p.17>小標『10. 流暢重覆』中，第4段，第2行：

原為：想要進行某種任意次序的操作，…
改為：想要依指定順序進行某些操作，…

<p.19>左邊第1段，第2行：

原為：整合進典型的使用者工作流之中？
改為：整合進典型的使用者工作流程之中？

<p.19>左邊第2段，第1行：

原為：如果工作相當有創意，…
改為：如果這是創造性的工作，…

<p.89>第3段，第2行：

原為：某些模式適合用在列印，而不是螢幕，而大部分的模式不適合列印，......
改為：某些模式適合用在印刷物，而不是螢幕，而大部分的模式不適合印刷，......

<p.92>第9行：

原為：你會發現許多 UI 和列印的圖形，一次同時…
改為：你會發現許多 UI 和平面設計，一次同時…

<p.94>小標『分群和對齊：會有什麼影響？』中，第3段，第1-2行：

原為：.........分解成較小單位，像是表格和單字。
改為：.........分解成較小單位，像是把字分解為字母，或從大表格中分解出一個個小格。

<p.95>第7行後，加入第8行（也就是圖4-5上方）：

圖 4-5 展示上述的配置以及我們可以如何用這些原則有效地組合應用。

<p.104>小標『體積』中，第1-2行：

原為：中央舞台的內容應該至少是舞台大小的兩倍寬兩倍高…
改為：中央舞台的內容應該至少是它兩旁任何東西總和的兩倍寬，也應是上下留白的兩倍高…

<p.111>小標『這是什麼？』中，第1-2行：

原為：將內容放進各自的面板，讓使用者從其中一個來開啟與關閉它們中的另一個。
改為：將內容放進各自的面板，讓使用者可以自由地開啟或關閉任一個面板而不影響其他面板的開關狀態。

<p.vi>右邊文字，第12-13行：

原為：將內容放進各自的面板，讓使用者從其中一個來開啟與關閉它們中的另一個。
改為：將內容放進各自的面板，讓使用者可以自由地開啟或關閉任一個面板而不影響其他面板的開關狀態。

<p.113>『圖4-28』下方的文字，第2行：

原為：........它們之間的橫列是可以拖曳的。......
改為：........它們之間的分隔線是可以拖曳的。......

<p.114>小標『何時使用？』中，第1-3行：

原為：此頁面具有數個凝聚力的介面「片段」，這些片段不需要真正在單一的組態（configuration）中被配置；不管它們在頁面上…
改為：此頁面具有數個凝聚力的介面「塊」，這些介面塊不必一定只能用固定的方式呈現；不管它們在頁面上…

<p.114>小標『為何使用？』中，頁面右邊第1段：

原為：…似乎對人們來說也有另一種層面，比方說，將不常造訪的娛樂網站個人化。
改為：…似乎對人們來說也有另一種程度的吸引力，比方說，將不常造訪的網站個人化做為一種娛樂。

<p.114>小標『原理作法！』中，第1段，第1行：

原為：讓使用者將 UI 片段在頁面上自由移動…
改為：讓使用者將 UI 區塊在頁面上自由移動…

<p.114>小標『原理作法！』中，第2段，第2行：

原為：讓使用者可以自由地安排這些片段的位置，…
改為：讓使用者可以自由地安排這些區塊的位置，…

<p.114>小標『原理作法！』中，第3段，最後第1行：

原為：移動此片段。標題列，....
改為：移動此區塊。標題列，....

<p.115>左方第1段，第2-4行文中所提及的《片段》改為《區塊》

<p.115>『圖4-30』的說明，第4-5行：

原為：.....來移動一個片段；......
改為：.....來移動一個區塊；......

<p.116>小標『為何使用？』中，第1段，第2-4行：

原為：........。如果你將變動寬度的標籤放在它們的左邊，這個短標籤將不會很靠近他們的控件，這麼一來，.......
改為：........。如果你將變動寬度的標籤文字皆靠左對齊，較短的文字標籤將會離他們的控件不夠近，這麼一來，.......

<p.118>右邊第1段，第2行：

原為：...這頁面休止的部分應該也要支援視覺流，........
改為：...這頁面其他的部分應該也要支援視覺流，........

<p.120>小標『為何使用？』中，第1段，第3行：

原為：...的次序，可以編輯經由適當的型態的控件來編輯…
改為：...的次序，可以經由適當的型態的控件來編輯

<p.121>左上第2段最後1行加上）結尾括號。

<p.123>小標『這是什麼？』中，第1-2行：

原為：從一個非常小的 UI 開始…每一步都會讓 UI 越來越大。
改為：UI 從一個極小的部分開始…每一步都會讓 UI 越來越完整。

<p.vi>右邊文字，倒數第6行：

原為：從一個非常小的 UI 開始…每一步都會讓 UI 越來越大。
改為：UI 從一個極小的部分開始…每一步都會讓 UI 越來越完整。

<p.126>右邊第2段，第3行：

原為：…沒有原因就將某個裝置失效。…
改為：…介面上完全找不到為何某個裝置會失效的線索。…

<p.128>小標『何時使用？』中，第3-4行：

原為：…當進行視覺設計，且需要一定空間的螢幕時，這個…
改為：…當進行視覺設計，會某種程度上需要在螢幕上占有固定位置時，這個…

<p.128>右邊第3段，第1行：

原為：如果你須要更強有力的說服…
改為：如果你需要更強有力的說服…

<p.129>左邊第1段，第5-6行：

原為：…覺得很高興。否則，任何捲動（像是清單和表格）應該被延長，且通常也被變寬。
改為：…覺得很高興。同樣地，任何可以捲動的東西（像是清單和表格）應該被加長，且通常也被變寬。

<p.129>右邊第1段，第5行：

原為：是某字型小寫「m」的寬度。…
改為：是你用的字型小寫「m」的寬度。…

<p.129>右邊第3段：

原為：行為良好的流動配置可能在網頁中相當不容易實踐，特別是如果你想要省掉表格和使用直接的 CSS。對於Visual Basic 和 Visual C++來說（至少過去長期以來是如此）。然而，Java 提供了數個配置管理員，你可以使用來實踐它。
改為：行為良好的流動配置可能在複雜的網頁設計中難以實踐，特別是如果你想要廢除表格的作法而改用純粹的 CSS 控制頁面呈現。對於以 Visual Basic 和 Visual C++ 實作的應用而言，也是困難的（至少過去一段不短的時間是如此）。不過，Java 語言提供了一些配置管理員（layout manager），可以實作流動配置。

更正日期：2006年08月22日

<p.21>第4段，第2行最後一句：

原為：…，除非你負責的是應用的整理組織。
改為：…，直到你搞清楚整個應用軟體的組織架構。

<p.21>第5段，第1-2行：

原為：…採取兩個我覺得有用的方面，並深入探討它們。
改為：…採取兩個我覺得有用的觀點，並深入探討它們。

<p.21>第6段，倒數第2-3行：

原為：…同樣的內容可以用在不同的裝置上展現，有非常不同的展現效果。）…
改為：…同樣的內容呈現在 Web 和 Palm 上，則實際表現大為不同。）…

<p.21>第7段，第1行：

原為：第二，「實體架構」讓內容展現在網頁、視窗、面板。...
改為：第二，「實體架構」討論有關內容在網頁、視窗、或面板上的呈現方式。...

<p.23>第4段：

原為：讓我們來看看本書的四種型錄，…
改為：讓我們來看看上述的四種分類方法，…

<p.24>第14行：

原為：事實上，所有的這些模型（包括 2D 表格）適用於所有的四個方法，以分割介面：…
改為：事實上，所有的這些模型（除了 2D 表格）都適用於分割介面的四種方法：…

<p.24>最後第1段，第2行：

原為：…，足以定義正確的工作時，…
改為：…，足以定義正確的工作清單時，…

<p.27>第2段，最後1行：

原為：去用它。
改為：去用它（除非他們有很強烈的動機）。

<p.27>第5段，第1-2行：

原為：…工具清單的展現？線性組織很常見。…
改為：…工具清單的展現？因為工具通常不多，所以使用線性組織是很常見的。…

<p.29>小標『單一視窗翻頁』中，第2-4行：

原為：…，因為這對於空間的運用相當好 – 螢幕上沒有別的東西可以完成被檢視的內容…（反正，你不能夠符合磁磚式或多視窗…
改為：…，因為這對於空間的運用相當好 – 螢幕上沒有別的東西與正檢視的內容競爭…（反正，你也無法在這樣的裝置上塞進磁磚式或多視窗…

<p.29>小標『磁磚視窗格』：

原為：磁磚視窗格
改為：磁磚式窗格

<p.29>小標『磁磚式窗格』中第4段，第1行：

原為：…，就構成了「開放式樓層計畫」構想，…
改為：…，就構成了「空白的樓面配置圖」構想，…

<p.29>小標『磁磚式窗格』中第4段，第3-5行：

原為：…，且使用者可以在正確的時間將注意力放在其中一個正確的視窗或窗格。即使沒有受到限制，你還是要小心地使用這種作法，你可以使用單一視窗，…
改為：…，但從這麼多選擇中，使用者必須負責在正確的時間，將注意力放在正確的某個視窗或窗格。所以有時候，寧可不要放任地使用多視窗，而用單一視窗，…

<p.29>小標『磁磚式窗格』中第5段，第1行：

原為：但這一切都是折衷，當然，這都是真的。最後真正重要的是…
改為：所以一切都必須有折衷（當然，這句話永遠對）。最後，真正重要的是…

<p.30>第9行最後一句：

原為：...。有需要才出現以及好奇的旁支描述兩種區分內容的方法，
改為：...。有需要才出現以及好奇的旁支描述兩種分割內容的方法，

<p.34>小標『這是什麼』中，第1行：

原為：將圖示的工具盤放在黑色區域中，…
改為：將充滿圖示的工具盤，放在空白畫布的旁邊，…

<p.v>目錄頁中左下倒數第2行：

原為：將圖示的工具盤放在黑色區域中，…
改為：將充滿圖示的工具盤，放在空白畫布的旁邊，…

<p.36>小標『這是什麼』中，第1-3行：

原為：看看此應用的頁面，有著一個單一視窗，使用者透過一個選單，或透過一個物件的細算，進入更深處，新的內容會完全取代舊的內容。
改為：以單一視窗的方式呈現應用軟體的所有頁面。當使用者以選單或選項的方式做更深入的操作、或是想了解某物件的細節時，該視窗會以全新的內容取代舊的內容。

<p.v>目錄頁中右邊，第2-4行：

原為：看看此應用的頁面，有著一個單一視窗，使用者透過一個選單，或透過一個物件的細算，進入更深處，新的內容會完全取代舊的內容。
改為：以單一視窗的方式呈現應用軟體的所有頁面。當使用者以選單或選項的方式做更深入的操作、或是想了解某物件的細節時，該視窗會以全新的內容取代舊的內容。

<p.37>右邊第1段，第3-4行：

原為：…，並放在視窗的其它地方 。— 當使用者完成選擇工作，…
改為：…，並放在視窗中固定的位置（通常是左上角），正如網頁瀏覽器一般。當使用者完成工作或做好選擇，…

<p.131>第4段，第1行：

原為：....，也有許多實際方法可以依循。......
改為：....，也有許多好的實踐可以依循。......

<p.131>小標『選單列』中，倒數第1-2行：

原為：...。選單列常常將功能重複出現在環境背景選單（context menu）和工具列中，因為它們是「方便取用的」（螢幕閱讀器…
改為：...。選單列常常包含與環境背景選單（context menu）或工具列重複的功能，因為選單列是「無障礙的」（螢幕閱讀器…

<p.132>第1行（及前一頁最後三個字）：

原為：因為具有方便使用性…
改為：因為符合無障礙使用…

<p.132>小標『工具列』中，第1行：

原為：…很長、很窄，內部是圖像的按鈕。…
改為：…很長、很窄，有一排圖示按鈕。…

<p.132>小標『動作面板』中，第1-2行：

原為：…，使用者不需要貼出來的選單；…
改為：…，使用者不需要特別叫出來的選單；…

<p.132>倒數第2段，第2-3行：

原為：…，使用者無法在掃瞄它們之後，發現有哪些動作是有可能的。在能用度測試上，…
改為：…，使用者無法在掃瞄它們之後，發現可以做哪些動作，他們必須從按鈕、連結、選擇這些介面中，去觀察出可行的動作。使用者實際上是從介面中去「學習」的。在能用度測試上，…

<p.133>小標『鍵盤動作』中所提到的：

原為：「鍵盤捷徑」、「捷徑」
改為：「鍵盤快速鍵」、「快速鍵」

<p.133>小標『有型態的命令』：

原為：有型態的命令
改為：輸入的命令

<p.134>下方《圖5-2》的說明中，右邊倒數第2行：

原為：「播放頭」按鈕
改為：「播放頭鎖定」按鈕

<p.137>小標『何時使用』最後1行：

原為：…，這些按鈕也應該要分群。
改為：…，這些按鈕也應該要被歸為一群。

<p.137>右邊第1段，最後2行：

原為：…。它們宣稱『這些動作是你在這個環境背景之下所必須進行的』。
改為：…。它們宣稱『這些動作是你手頭有的，它們可以用於當前的環境背景』。

<p.137>右邊第2段，第1行：

原為：第四章所討論的型態心理學守則，...
改為：第四章所討論的形態心理學守則，...

<p.140>小標『何時使用』第2段，左邊最後1行及右邊第1-2行：

原為：…（因為下拉式選單或…使用者來說不容易處理），…
改為：…（因為右拉式選單或…使用者來說不容易操作），…

<p.141>小標『設計動作的結構』中，第1行：

原為：...，你需要決定如何設計動作的結構，以呈現出來。
改為：...，你需要決定如何架構出你想呈現的一些動作。

<p.141>左邊第3段，倒數第3-4行：

原為：…（它們是連結，不是按鈕，這其實有一點不恰當；…
改為：…（它們是連結，不是按鈕，這其實沒關係；…

<p.145>右邊最後1行：

原為：…按鈕和表單被分為同一群。
改為：…按鈕和表單被分為同一群，且周圍沒有其它跟它相同地位的東西。

<p.149>小標『原理作法』中，第1-2行：

原為：…。用水平或垂直（或同時）的指示器，…
改為：…。用文字說明或圖像（或兩者）的指示器，…

<p.151>小標『原理作法』中第3段，第3-4行：

原為：…（或者程式阻止使用者取消，因為使用者可能正在等操作完成）。…
改為：…（要不然也可能會讓使用者不想取消，因為反正他本來也要等原本的操作完成）。…

<p.153>右邊第1行：

原為：一旦使用者知道介面，…
改為：一旦使用者夠熟悉該介面，…

<p.153>右邊第2段，倒數第5行：

原為：…下作到一樣的事，…
改為：…下做到一樣的事，…

<p.154>左邊第2段，第3-4行：

原為：…，而短暫的或者和 view 相關的狀態則不需要是可以復原的，特別是，…
改為：…，而短暫或只和觀看狀態相關的操作則不需要是可以復原的；具體而言，…

<p.154>左邊條列的第1點：

原為：文件或試算表的文字欄位
改為：文件或試算表的內容輸入

<p.154>左邊條列的第4點：

原為：…圖形應用的位置、尺寸、或分群
改為：…繪圖軟體中改變位置、尺寸、物件先後順序或群組

<p.154>左邊倒數第2行：

原為：在視窗和頁面上進行導覽
改為：瀏覽於視窗與頁面間

<p.154>右邊第7行：

原為：「填入欄位」就是如此…
改為：「填寫表單」就是如此…

<p.154>右邊第14行：

原為：…送出電子郵件）。
改為：…送出電子郵件；雖然有時我們真的很想復原這些動作！）

<p.154>右邊第15-16行：

原為：在任何例子中，確定可以復原的操作對與使用者來說是有意義的。…
改為：無論如何，確認「可復原」的操作設計對使用者而言是合理的。…

<p.155>小標『呈現』中，第2行：

原為：…會在選單中放置復原／取消復原…
改為：…會在「編輯」選單中放置「復原」、「取消復原」…

<p.155>『圖5-21』下方的說明文字，第1行：

原為：…。使用者輸入一些名字，…
改為：…。使用者輸入一些文字，…

<p.155>『圖5-21』下方的說明文字，第2段，第1行：

原為：…。大多數的使用者無法用這裡的演算法開發出一張清楚的醫學影像；…
改為：…。大多數的使用者無法用這裡介紹的邏輯去描繪出清楚的模型；…

<p.158>小標『定義巨集』中第1段，第2-3行：

原為：…，這樣他就可以瞭解該巨集到底做些什麼（正如同…
改為：…，這樣他就可以重新檢視該巨集各動作的順序、檢查結果或是「重新瞭解」可能已忘記的動作順序（正如同…

更正日期：2006年08月30日

<p.162>第8行：

原為：在此結中，…
改為：在下面的章節中，…

<p.162>最後1段，第1-2行：

原為：…，你可以考慮選擇能突出你的資料者。…
改為：…，你可以想想哪一種模型能表現你手頭資料的哪一種層面。…

<p.163>第2段，第1行：

原為：— 你已經知道型態心理學（Gestalt）...
改為：— 你已經知道形態心理學（Gestalt）...

<p.166>圖6-6下方那段內文中，倒數第3行：

原為：…。對於切割區塊來說，…
改為：…。對於資料的分割來說，…

<p.167>小標『開啟與關閉感興趣點』文中，第1行：

原為：三個外觀通常會讓使用者…
改為：樹狀顯示通常會讓使用者…

<p.171>小標『實際的資料：特定資料的價值為何？』：

原為：實際的資料：特定資料的價值為何？
改為：實際的資料：特定資料的值為何？

<p.172>小標『軸、尺規、與時間線』文中，第1行：

原為：…，只要位置有代表資料，…
改為：…，只要「位置」是有意義的資訊，…

<p.176>小標『這是什麼？』文中，第2行：

原為：…或某中浮動視窗中顯示出來。
改為：…或某種浮動視窗中顯示出來。

<p.179>小標『原理作法！』文中第2段，第5行：

原為：…點是混受到資料在空間上面…
改為：…點是很受到資料在空間上面…

<p.179>小標『範例說明！』文中第1段，第3行：

原為：…可以濾掉資料的整個寬度，…
改為：…可以濾掉整條資料，…

<p.180>『圖6-18』的說明文字，倒數第3行：

原為：查詢的面辦中。…
改為：查詢的面板中…

<p.180>『圖6-19』的說明文字中第2段，第1行：

原為：對於企業用戶來說，此介面威力強大，…
改為：對於較積極的使用者，利用這威力強大的介面，…

<p.181>小標『為何使用？』文中第1段，第3-5行：

原為：…，使用者能夠選取一個資料點。有時候，使用稍微間接的方式，靠視覺找到興趣點，像是動態查詢，…
改為：…，使用者能夠選取有興趣的資料點。有時候，以「視覺」的方式找出興趣點會比用稍間接的方式（像是動態查詢）來得容易些，…

<p.185>左邊第3段，第3行：

原為：…，而是用文字描述該點。…
改為：…，而是以浮動層呈現該點的詳細描述。…

<p.187>小標『為何使用？』文中第2段，倒數第2行：

原為：…。（這利用到型態心理學的…
改為：…。（這利用到形態心理學的…

<p.191>右邊第1段，第1行：

原為：手保持在鍵盤上？…
改為：手保持在鍵盤上。…

<p.198>右邊第1段，第1行：

原為：將一個圖疊到另一個圖上面，…
改為：將一個圖重疊到另一個圖上面…

<p.201>左邊第1段，第3-5行：

原為：…（如果使用循序展現，就必須這麼做）。用一部電影展示不同圖之間的微小差異，效果「非常」好。
改為：…（如果使用循序展現，就必須這麼做。用一部「電影」展示不同圖之間的微小差異，效果「非常」好。）

<p.201>小標『原理作法！』文中第2段，第2行：

原為：圖用清楚的標題標示，順著顯示區的邊。…
改為：圖用獨立而清楚的標題標示，或順著顯示區的邊。…

<p.201>小標『範例說明！』文中第2段，倒數第1-2行：

原為：一整年的改變，而要進行不同年份之間的比較相當容易，直接進行上面和下面的比較罷了。
改為：一年當中的改變，而要進行不同橫列之間的比較相當容易，直接比較上下兩列即可。

<p.204>左邊第2段，最後1行：

原為：…，才能從一個很長的表格中但出這些見解。
改為：…，才能從一個很長的表格中看出這些見解。

<p.204>左邊倒數2-3行：

原為：...。它們是否具有沒有明顯的分類方式？…
改為：...。如果它們沒有明顯的分類方式呢？…

<p.204>小標『顏色』文中，第2行：

原為：…，如同圖 6-48 的 SmartMoney 範例。…
改為：…，如同圖 6-48 的 SmartMoney範例，或使用顏色表現分類。…

<p.204>小標『位置』文中，倒數第4-5行

原為：...。在這個例子中，位置沒有被編碼，而是和…
改為：...。這樣一來，位置就沒有被賦予特殊的編碼意義，而是和…

<p.208>第2段綠字小標：

原為：使用中的知識，比腦袋中的知識更有用
改為：「看得到」的知識，通常比「腦袋中」的知識更準確

<p.208>第2段，第3行：

原為：…，在填寫出貨地址時常常需要用到。
改為：…，很顯然，大部分人會記得他們要用到的那一個。）

<p.208>第4段綠字小標：

原為：注意底下編程模型的字面翻譯
改為：直接把底層程式結構「翻譯」為介面時請小心

<p.210>小標『可用技術』文中，第2行：

原為：...、以及下拉式清單。
改為：...、以及下拉式清單 -- 使用者無法自行輸入選項的那種。

<p.212>第3行：

原為：劣：比下拉式清單或 spinner 更佔空間。
改為：劣：比下拉式清單更佔空間。

<p.212>倒數第2行：

原為：…都可以被看到；很佔空間；…
改為：…都可以被看到；很佔空間（但可以控制）；…

<p.213>第3行：

原為：…；相當佔用空間。
改為：…；相當佔用空間（但可以控制）。

<p.218>小標『模式』文中第1段，第2行：

原為：…何讓控件結合，以產生…
改為：…何讓控件與其他控件或文字結合，以產生…

<p.218>小標『模式』文中第4段，第1行：

原為：你將剩下的這兩個模式…
改為：你最好將剩下的這兩個模式…

<p.219>小標『為何使用？』文中第1段，第2行：

原為：…，而電腦適合用來處理不同的資料，…
改為：…，而電腦適合用來處理不同的資料（至少某個程度上是適合的），…

<p.219>小標『為何使用？』文中第2段，第1行：

原為：這可以幫助簡化 UI，…
改為：這可以幫助大幅簡化 UI，…

<p.222>小標『原理做法！』文中第2段，第4行：

原為：...，英文句子的基底線...
改為：...，句子的基底線...

<p.228>左邊第1段，倒數1-2行：

原為：『使用中的知識，比腦袋中的知識更有用』。
改為：『「看得到」的知識，通常比「腦袋中」的知識更準確』。

<p.228>左邊第2段，第2行：

原為：…，才把該結果呈現在使用者面前。…
改為：…，才把該結果自動地呈現在使用者面前。…

<p.228>左邊第2段，第3-4行：

原為：…，會在欄位填入提醒的資料，但是將選取打開…
改為：…，會在欄位填入剩下的資料，但是將該部分選取…

<p.228>左邊第3段：

原為：你可以使用兩個方法，…
改為：你可以一起使用兩種方法，…

<p.230>小標『何時使用？』倒數1-2行：

原為：…；你需要的是一個小小的空間，…
改為：…；你只要一個小小的空間，…

<p.231>圖7-20，倒數1-2行：

原為：…右拉的按鈕（在中間）…
改為：…右拉的按鈕（圓形的那個）…

<p.233>小標『原理做法！』文中，第1行：

原為：…，每個小圖（或顏色切換）…
改為：…，每個小圖（或選色盤）…

<p.233>右邊最後1段，第1-2行：

原為：…，考慮找一個好配合的圖形…
改為：…，考慮找一個好的圖形…

<p.234>圖7-25，最後1行：

原為：…有使用說明文字。）
改為：…有使用說明文字。同時這些元素構成了瀑布式清單。）

<p.234>圖7-26，第1行：

原為：字型選擇器有使用「圖示選擇」。
改為：字型選擇器是使用「圖示選擇」的經典範例。

更正日期：2006年09月01日

<p.40>右邊第1行：

原為：...。當使用者切換來切換去時，…
改為：...。也請確認使用者可以很容易地切換回預設外觀。當使用者切換來切換去時，…

<p.41>『圖2-19』說明第2段，第1行：

原為：Word 的外觀包括正常的外觀（可進行大部分的工作）…
改為：Word 的外觀包括正常正常的外觀（可進行大部分的編輯工作）…

<p.43>右邊內文第2-3行：

原為：...，如果你不讓使用者改變前面的決定，使用者會有挫折感。
改為：...，如果你不讓使用者改變前面的決定，使用者因而必須重頭來一次，他們會有很大的挫折感。

<p.43>右邊條列處第3段，第1行：

原為：回應式揭發，非使用者完成前一個步驟，…
改為：回應式揭露（disclosure），除非使用者完成前一個步驟，…

<p.45>小標『原理做法！』文中第2段，第2行：

原為：使用者可以再選一次，…
改為：使用者可以再將其關起來，…

<p.48>『圖2-27』的說明，倒數1-2行：

原為：不像「幫助」哪樣；而且也可以在畫面上顯示出來，不像選單和功能鍵哪樣。
改為：不像「幫助」那樣；而且也可以在畫面上顯示出來，不像選單和功能鍵那樣。使用者可以知道這種連結會開啟另一個網頁，所以整個過程是可預期的。

<p.48>左邊『圖2-28』的說明文字，第3-4行：

原為：…、以及一群有著通用凸標（tab）的影像。…
改為：…、以及一群有著通用標籤（tag）的影像。…

<p.49>小標『何時使用？』文中，最後1行：

原為：…初學者變成專家。
改為：…初學者變成專家？

<p.49>小標『為何使用？』文中第1段，第1-2行：

原為：…，都需要為他們正試著完成的事，改變支援程度。…
改為：…，都可能需要各種程度的支援，完成他們正試著完成的工作。…

<p.49>小標『為何使用？』文中，右邊第2行：

原為：不同的程度。…
改為：不同的支援。…

<p.49>小標『為何使用？』文中第2段，第1-2行：

原為：幫助文字會接觸每一個需要的幫助的人，許多層次上都會立刻提供幫助文字，…
改為：一次提供許多層次的幫助文字，會使這些幫助接觸到每一個需要幫助的人，…

<p.50>小標『原理作法！』之下條列第2點，第3行：

原為：…。對於使用圖示的特色來說，…
改為：…。對於使用圖示的功能來說，…

更正日期：2006年09月04日＊

<p.56>最後1段：

原為：當你處理網頁、視窗、對話盒、或裝置螢幕時，的確是如此。…辨認圖示，而且使用者仍然會做出一百八十度的大改變，點選他們所不熟悉的連結或按鈕。
改為：不論你遇到網頁、視窗、對話盒、或螢幕裝置時，都有相同的現象。…辨認圖示；使用者在點選他們所不熟悉的連結或按鈕時，都可能是對他們信心的大挑戰。

<p.57>倒數第2段，第1行：

原為：有些功能被埋藏在…
改為：有些功能應被埋藏在…

<p.58>最後1段，第1-2行：

原為：…，我為「走穿一個互動式網站」的案例進行研究，這個網站其實也沒那麼遭。這個網站的工作或許很常見，但…
改為：…，我將介紹某個互動式網站的實際案例，這個網站其實也沒那麼糟。要進行的這件任務應該很常見，但…

<p.60>第2行：

原為：關閉，但是並沒有…
改為：很接近了，但是並沒有…

<p.62>內文最後1段，第1行：

原為：…，就和剩下的列車資訊一樣。…
改為：…，就和其他的列車資訊一樣。…

<p.63>最上方缺少黑體小標「模式」。

<p.63>第2段，最後加上：

原為：...到個別的頁面。
改為：...到個別的頁面。這些模式對於頁面的配置也是有幫助的（第四章將討論頁面配置）。

<p.63>第3段，第1行：

原為：…，不會擴展它。任…
改為：…，不會擴展它（本章的其它許多模式則是在擴展）。任…

<p.66>小標『為何使用？』文中，第2行：

原為：…，利用一組反應 UI 最高次…
改為：…，利用一組反映 UI 最高次…

<p.68>小標『何時使用？』文中，條列項第2點第2行：

原為：刪除一件工作。
改為：取消一件工作。

<p.69>左邊第3段第4行：

原為：…但是你是做決定的人，…
改為：…但是你是做決定的人。…

<p.69>小標『範例說明！』文中第1段，第3-4行：

原為：…和 web 上有一點太做作。…
改為：…和 web 上有一點太拘束。…

<p.72>左邊第1段，倒數1-2行：

原為：…。沒有上一頁、下一頁的連結，可以隨時跳到父親頁面。
改為：…。如果沒有上一頁、下一頁的連結，使用者必須老是來來回回造訪父親頁面以完成瀏覽，這會使人想放棄並離開的。

<p.72>左邊最後1段，第1行：

原為：…放在一個小頁面上…
改為：…放在頁面中的一個小區域中…

<p.72>右邊第3段，第3行：

原為：（例如，地址簿的紀錄）。…
改為：（例如，通訊錄的紀錄）。…

<p.74>『為何使用？』文中第2段，第2行：

原為：...是具有分裂效果的，...
改為：...是會造成干擾的，…

<p.74>『為何使用？』文中第2段，第4行：

原為：...，可能會逼迫使用者...
改為：...，比如說逼迫使用者…

<p.76>小標『這是什麼？』文中，第1行：

原為：…，依序顯示每頁的地圖，…
改為：…，擺放一個依序包含所有頁面的地圖，…

<p.vi>左邊第13行：

原為：…，依序顯示每頁的地圖，…
改為：…，擺放一個依序包含所有頁面的地圖，…

<p.76>小標『為何使用？』文中第1段，第1-2行：

原為：你可以設計一個寫的敘述文、一個投影片、一個精靈、…
改為：用於設計敘事文、投影片、精靈、…

<p.76>右邊第1段第2行：

原為：…你已經走了多遠。…
改為：…你還得走多遠。…

<p.78>小標『何時使用？』文中第1段，第2行：

原為：...。使用者一路上在這棵樹上…
改為：使用者以直接導覽或搜尋的方式，一路上在這棵樹上…

<p.79>『圖3-28』說明的第2段，最後1行：

原為：…導向方式。
改為：…導覽方式。

<p.80>小標『原理作法！』文中第1段，最後1行：

原為：...，可能會有挫折感。
改為：...，可能會感到困惑。

<p.82>小標『何時使用？』文中，第1行：

原為：…有許多業頁面或…
改為：…有許多頁面或…

<p.84>『何時使用？』文中第2段，倒數第2行：

原為：…可閉式面板的介面…
改為：…可閉式面板（第四章）的介面…

<p.85>右邊條列項的第1點，第1-2行：

原為：…這會妨礙體積和縮放的感知。…
改為：…這符合大小比例的觀感。…

<p.87>小標『範例說明！』文中第2段，第1行：

原為：，「刪除」按鈕…
改為：，「取消」按鈕…

<p.243>倒數第2段第3行：

原為：…還是不要立刻重新發明許多輪子。
改為：…還是不要一次重新發明太多輪子。

<p.244>小標『WYSIWYG編輯』文中第2段，第1行：

原為：，以及「手動」格式化文字…
改為：，以及「嚴格」格式化的文字…

<p.253>右邊第1-2行：

原為：...。有兩個不同的選取作法可以解決此問題：一個是複合，而另一個是「頁節點」物件。...
改為：...。這個問題必然由以下二者擇一來解決：一是選取複合物件，另一是選取它的子物件。…

<p.253>小標『原理作法！』文中，第2行：

原為：…（因為技術上來說…
改為：…（技術上來說…

<p.255>小標『為何使用？』文中第1段，第1行：

原為：使用者切換進入…
改為：使用者會對這類操作很不耐煩：切換進入…

<p.256>右邊第1行：

原為：2. 使用者在右下角按下滑鼠（按著不放）。
改為：2. 使用者按下滑鼠（按著不放）以創建矩形的左上角。

<p.256>右邊第2行：

原為：3. 使用者移動滑鼠並放開按鈕。
改為：3. 使用者移動滑鼠並放開按鈕以完成矩形的右下角。

<p.258>小標『範例說明！』文中第1段，倒數第2行：

原為：圖形編輯模式；…
改為：圖形編輯操作法；…

<p.259>小標『何時使用？』文中，倒數第2行：

原為：…「拖曳中心」…
改為：…「拖曳角落」…

<p.260>右邊第2點條例，最後1行：

原為：…繼續擴張。
改為：…繼續擴張（或縮小，視情況而定）。

<p.266>小標『何時使用？』文中第1段，第3行：

原為：…不同的黏貼圖案…
改為：…不同的黏貼操作…

<p.279>第2段，第3行：

原為：…從藍色方塊的欄位中按下…
改為：…從一堆藍色方塊中按下…

<p.280>小標『灰色 vs 亮的背景』：

原為：灰色 vs 亮的背景
改為：暗 vs 亮的背景

<p.280>小標『暗 vs 亮的背景』，第2行：

原為：（和列印紙張）…
改為：（和印刷紙張）…

<p.280>小標『飽和 vs 不飽和』，最後1行：

原為：…都使用綠色的…
改為：…都使用那種綠色的…

<p.281>小標『排版』文中，條列第1行：

原為：…sans-serif 字型在少點數的時候作用良好，但是印刷品中，serif字型當
改為：…無襯線（sans-serif）字型在少點數的時候作用良好，但是印刷品中，襯線（serif）字型當…

<p.282>第3-4行：

原為：…，尤其是和 Helvetica 比較起來。…（包括形成 serif 的字型），…
改為：…（尤其是 Helvetica 這種字型）。…（同時也構成了襯線）

<p.282>第4-5行：

原為：比較起老式的字型（像是 Goudy Old Style）和另一種經典的 serif 字型（例如 Didot），它們在頁面上看起來相當不同…
改為：將老式的字型 Goudy Old Style 與經典的襯線字型 Didot 做比較，它們在頁面上看起來相當不同…

<p.284>小標『紋理與韻律』文中第2段，最後1行：

原為：激。或張力。
改為：激、或張力。

<p.284>小標『紋理與韻律』文中，第1行：

原為：紋理可以增加視覺設計。…
改為：紋理可以豐富視覺設計。…

<p.285>小標『影像』文中第3段，第2行：

原為：…整體散發的情感式敘述。…
改為：…整體呈現的情感主題。…

<p.286>第2段，第1-2行：

原為：…只要內容是對的。…
改為：…只要環境背景是對的。…

<p.286>小標『文化參考』文中第2段，第2行：

原為：…注意角、顏色…
改為：…注意角度、顏色…

<p.286>小標『文化參考』文中第5段，第1行：

原為：…像是（Quickbooks）的某些…
改為：…像是 Quickbooks 的某些…

<p.286>倒數第2行：

原為：…都支援其他。…
改為：…都彼此支援。…

<p.287>第3行：

原為：…此角落的處置模式…
改為：…角落的處置模式…

<p.287>中標『這對於桌面應用的意義是什麼』文中第4段，第2-3行：

原為：…它的設計者選擇在頂端邊界、漸層填充、反鋸齒標題字型、以及不尋常的顏色綱要中使用背景影像，…
改為：…它的設計者採用這些設計：在頂端區域放置背景圖片、使用漸層填充、使用反鋸齒標題字型、以及採用不尋常的顏色綱要；…

<p.287>中標『這對於桌面應用的意義是什麼』文中第5段：

原為：即使你的確使用某個中立的外觀感覺，當做你實際的機件，…
改為：即使你在實際的機件上，必須使用某種中立的外觀感覺，…

<p.288>小標『影像』文中，第3行：

原為：…允許你定義他們的項目
改為：…允許你定義他們的項目如何繪製

<p.288>倒數第2段，最後一行：

原為：…（不同的 UI 對此…
改為：…（不同的 UI 技術對此…

<p.290>第2行：

原為：…，且回應字型的邊框…
改為：…，而回應字型的邊框…

<p.291>右邊第一段，後面少一小段：

原為：...吸引到內容上。
改為：...吸引到內容上。且不管上面華麗的說明，反正這樣就是好看啦！

<p.292>小標『沒有強列的焦點』文中，右邊第2行：

原為：沒有強列的焦點
改為：沒有強烈的焦點

<p.295>小標『原理作法！』文中第1段，第2行：

原為：...，但是灰色不行。...
改為：...，但是灰色要算進去。...

<p.298>小標『範例說明！』文中，第1行：

原為：…它具有原型的商標…
改為：…它具有圓型的商標…

<p303>小標『為何使用？』文中，第3行：

原為：…添加層次，這可能是別處看不到的。…
改為：…添加層次，否則可能無法好好表現層次感。…

<p.303>右邊倒數第8-9行：

原為：…看起來就愈薄愈亮。…把髮絲變亮…
改為：…看起來就愈薄愈淡。…把髮絲變淡…

非常感謝讀者李孟秋小姐細心地為整本書修正錯誤