《一目了然:Web軟件顯性設計之路》閱讀筆記

重讀《一目了然:Web軟件顯性設計之路》,仍然獲得相當多的靈感和感悟。讀到澎湃處,便用FreeMind對主要的框架和要點做了整理(僅針對自己的需求整理,不一定適合所有人,讀者請自鑑),並導出成html。對於交互設計和用戶體驗研究者來說,真的有廣闊的領域能從中得以學習,真正深入其中便能樂在其中。這裡順便推荐一下FreeMind,輕量級的腦圖軟件,相當好用乃。

  • 一目了然:Web軟件顯性設計之路

    • 1.顯性設計定義

      • Web三層:人、界面、數據

      • 目標:設計出用戶直觀有效使用的產品

      • 卓越軟件的品質

        • 遵循用戶的交互的行為方式

        • 只提供所需的功能

        • 符合用戶心智模型

        • 迅速入門,成為中級用戶

        • 避免出錯或很容易從錯誤中恢復

        • 一致性

        • 將混亂降低

      • 好的軟件讓用戶感覺不到它的存在

      • 顯性設計框架

        • 了解構建什麼

        • 了解什麼決定卓越

        • 了解實現的最佳途徑

    • 2.理解用戶,然後忽略他們

      • 理解用戶對所做事情的思考

        • 低碳水化合物漢堡的失敗

        • Amazon一鍵購買的設計過度

      • 理解用戶真正如何做事

        • 心智模型

        • Word就是文字處理軟件,Excel就是電子表格

      • 知道如何揭開真相

        • 切勿假設

        • 依靠調研

        • 實境調查

        • 遙控用戶研究

        • 用戶角色

          • 勾勒目標和行為

        • 為活動而設計

          • 活動是一系列任務的集合

          • 任務流程表

          • 撰寫用例

    • 3.夠用就好

      • 功能越多,挫折越大

        • Blinksale的例子

      • 去掉一般性功能

        • 非必要性測試

        • 60秒期限

        • 少即是多(2/8定律)

        • 界面診斷

        • 一般性功能的再評估

        • 傾聽用戶

    • 4.支持用戶的心智模型

      • 為心智模型而設計

        • 運用隱喻:Backpack的例子

        • 界面診斷:將實現模型轉變為心智模型,樹形圖轉變為層疊列表

        • 消除實現模型

          • 用線框圖確定事情

            • 3R:需求(Requirements)、精簡(Reduction)、規則(Regularity)

            • 應用Kaizen(迭代設計)

            • 原型設計

              • 紙質原型

              • HTML

              • FLASH

              • 點進原型

            • 公開測試

              • 缺失瀏覽器自測

              • 5分鐘測試

              • 訪談測試

              • 實境可用性測試

              • “吃自己的狗糧”

    • 5.讓菜鳥即刻上路

      • 歡迎界面:Dreamweaver和Flash的案例

      • 小提示:box.net和Squidoo的案例

      • 有效利用空白:Basecamp、Backpack和My Yahoo的案例

      • 指導性暗示:Kiko和JotSpot Live的案例

      • 界面診斷(應用指示性設計):一個註冊表單修改案例

      • 選擇合適的默認值:Google Page Createor

      • 整合偏好

      • 信息設計(用戶搜尋信息的4種模式)

        • 了解型:導航、索引和搜索

        • 探索型:顯示相關信息

        • 不知道型:短小精煉的提示到更詳盡的信息

        • 重新搜尋型:標註喜歡和記錄最近

      • 卡片分類

      • 重複利用歡迎界面,讓它成為提醒中心

      • 使用一鍵點擊

      • 設計模式:《Designing Interface》

      • 提供幫助

    • 6.巧妙應對出錯

      • 利用Poka-yoke處理錯誤(預防錯誤)

        • 預防程序

          • 大問題,小修補

          • 消除錯誤發生的可能性

        • 檢查程序

          • 優化出錯提示頁面

          • 嵌入式驗證

      • 把錯誤化為機會:Squidoo搜索結果為空的案例

      • 讓用戶感到聰明

      • 摒棄模式化

        • 重新設計不友好的模式

        • 使用無模態小幫手:Gmail可以撤銷操作的案例

      • 撰寫有用的出錯提示

      • 設計寬容的軟件

    • 7.一致性設計

      • 用戶用50毫秒決定一個網頁是否有用

      • 設計的一致性

        • 視覺層次

        • 比例

        • 對齊

        • 排版

        • 空間記憶

      • 將一致性貫穿軟件始終

        • 理解設計模式

        • 聰明的不一致

      • 平衡無規則性

    • 8.精簡與優化

      • 消除混亂

        • 降低圖形比例

        • 較少抄襲

        • 設計空白空間

        • 清理任務流程

      • 實踐Kaizen

      • 杜絕浪費

      • 將復查進行到底

    • 9.改良比創新更重要

      • 讓軟件友好一些

        • 不要打斷用戶的操作流程

        • 讓用戶快速完成

        • 不要強迫用戶理解與操作無關的事情

      • 提升意味著賦予個性

    • 提升意味著構建隨需應變的界面

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy

Comments are closed.