設計跨平台App，20件該注意的介面控件與操作差異

Android VS. iOS: 20 UI Components & Patterns Explained

目前手機 App 開發為了讓更多使用者接觸，往往同時會在 Android 與 iOS 平台推出，但許多 App 的設計，往往沒注意到兩個平台的差異，常發現 Android App 上出現 iOS 的控件，明明Android有自己的樣式可以使用；或是在 iOS App 上使用 Android 的操控行為，導致使用者的不適應。

8 種手機導覽設計解析

8 Mobile Navigation Design Patterns

1. Navigation Drawer (Side Menu)

如果一個 App 有比較多的選項，可以用抽屜式導覽(Navigation drawer)的方式收入其中，如果 App 其中有一個主打的功能，也適合這種導覽形式。Navigation Drawer 內的選單樣式，不一定是列表式，有時候會採用 grid 的排版，這端看設計師的巧思。

為什麼 windows 開始鍵在左下角？

費茲定律 fitts’ law 之意涵與設計實務運用

為什麼 windows 工作列會在下方(或是自訂為上方、左右其他桌面邊界)？為什麼開始按鈕和顯示桌面按鈕會放在角落？

你是否曾想過我們習以為常的軟體，功能位置編排或尺寸大小為何如此設計？其實這一切都與費茲定律（Fitts' Law）有關。

使用性評估方法概述

Cognitive Walkthrough & Heuristic Evaluation

此篇文章主要偏向內部開發人員以及使用性專家對於產品的檢視，可以在開發前期，就先濾掉一些較為常見或基本的使用性問題，避免個人設計時的盲點。

Cognitive Walkthrough

步驟

1. 列出使用者要完成任務所需的幾個步驟，以及系統反應。

Pagination VS. Infinite Scroll

(分頁 VS. 無限長單頁式)

當頁面內容資訊很多時，設計上應該使用分頁，或是滑鼠滾動並載入更多的方式呢？

前陣子工作中，剛好有做到Log歷史紀錄的設計，表單應該要採用哪種設計策略，也引起一陣討論。無論是電子商務網站、搜尋結果、圖片瀏覽、歷史紀錄等等，只要是內容資訊量大時，設計師總是會面對到同樣的問題。

Android 側邊欄帳號區塊，為何如此設計？

Ｗhy does Android’s Account Area in Navi Drawer Look Like That?

之前和同事討論到 Android Navigation Drawer 上方帳號區塊的部分，和對方有不同的見解，但一直還沒有機會好好討論。先在這裡做個紀錄。

借鏡真實世界經驗做設計

面對新事物時，人們如何理解它，並與之互動？

設計師在設計東西時，往往必須仔細思考使用者面對自己產物，會有哪些反應，好的設計師心中認知的操作模式，會貼近使用者的心理模型。讓使用者的行為和設計師預想的相互貼合。因此，好的設計是容易上手與學習。

人們對新事物的認知，建構於他們過往的經驗，會先從過去經驗的資料庫中找尋資訊，利用過去的資訊試著理解現在面對的新事物。所以當新的事物，能和過去的經驗能相互連結時，便會降低認知與學習的門檻。因此，設計師會利用這點作為設計策略。

Google Calendar微設計

發現Google Calendar上favicon會跟著日期變，挺有趣的。但仔細想想，沒特別想出對使用者有什麼特別的幫助或是解決什麼問題，或許就是帶給發現的人，一種新奇有趣的感受吧，增加產品的愉悅感。