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

Android VS. iOS: 20 UI Components & Patterns Explained

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

Android P — What’s New in Material Design

New components and changes in Material Design Guidelines

8 種手機導覽設計解析

8 Mobile Navigation Design Patterns

1. Navigation Drawer (Side Menu)

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

四種質化設計研究方法概述

訪談、觀察、工作營、自我紀錄

一、為什麼需要研究？

1. 瞭解使用者的行為、能力、態度，知道使用者本身有哪些限制

台北捷運售票機台再再設計

Metro Taipei Ticket Machine Re-Redesign

台灣健保行動快易通再設計概念

Taiwan National Health Insurance App Redesign Concept

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

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

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

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

使用性評估方法概述

Cognitive Walkthrough & Heuristic Evaluation

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

Cognitive Walkthrough

步驟

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