逆讀 iOS7 HIG：UI Design Basics - Layout

依據 “Layout” 這一節的建議，歸結出以下的設計反模式：

1. 互動元件的矩形大小，小於 44x44。

這個算是老生長談了，不過還是很多違反的例子。多半會發生在原本有 Web Page 設計經驗，或是對 App 設計經驗一直抓不到正確感覺的設計師身上。這個原則很的背後有一個很簡單的原因：「手機是以手指進行操作的，不是滑鼠。」(至少 Apple 並沒有「筆」較厲害的論調…)

2. 內容的呈現，把較不重要的內容放在重要內容的上方、左方。

(多半的西文以及現在我們習慣看的横寫中文也都是這個順利) 這個原則背後的原因：大多數人的閱讀習慣是由左至右、由上而下。其實筆者有另一個想法，那是：可能也是右撇子的人比較多一些的原因。試想，在單手持握手機時，假設我們在捷運上閱讀 iPhone 上呈現的資訊，由於手是有厚度的，所以左撇子的姆指的部分還是有稍微擋到一點點螢幕的可能性吧？

3. 排版不整齊。排版不整齊會造成視線零亂，操作的順序也可能會讓人困惑。

這裡講的不整齊，應該不包括亂中有序的設計。不過，即使亂得很有風格，但是若違害到使用上的直覺性、簡便性，還是得盡可能避免。
使用者需要放大、湊近看才看得清楚；或是需要縮小才看得到完整的內容。

4. 文字大小無法依使用者要求做改變。

iOS 7 新增了「較大文字」的設定，讓使用者能視其需求調整文字的大小。不過，這個需要 app 的配合，為了維護排版的美觀及一致性，這個部分需要進一步的定義及取捨。

5. 類似的元件卻得到出乎意料的/不直覺的結果。

筆者遇到過的例子是：使用 tab 作為 step 的表示法。一般而言，tab 上的各個元素是彼此獨立的。這裡的獨立可能是完全不相關的意思，也可能是邏輯上的不同。例如：音樂和照片就是不相關的，而分類清單與名稱列表就是資料相同、但是呈現邏輯相異的例子。筆者看過的誤用是：把 tab 1當成一個設定的步驟，完成後產生出 tab2 來進行下一個設定。由於 tab 是可以任意切換檢視目標的，所以用來作為 step 的表示(有連續意味、非離散的)，其實真的不算正確。