編者按：本文作者Anthony Rose，是社交網絡電臺Zeebox的聯合創始人及CTO，文章不僅分析了側邊欄導航和Tab導航的利弊，還有改版過程進行A/B test  的詳盡過程，且最后也給了建議，讀完能對這兩種導航有清晰的認識，非常有價值的經驗分享 ：）

================正文分割線================

設想你需要設計一個含有許多頁面和模塊，不能在一屏內顯示完全的應用。你一定會首先想到去設計一個底部或頂部的Tab導航。等一下，多出來的一排導航看上去有點礙眼？我們嘗試下把他們收到側邊欄里，或者叫安卓團隊給它的名字“側邊抽屜導航”。

如果你們的應用的也是多視圖的，在你們的團隊里，以下話題一定常常引發激烈討論：

是把導航選項都顯示在屏幕上，讓你們的用戶可以清晰認知app結構，并避免多余操作才能發現；還是使用側導航讓主屏的顯示區域更大些。

目前，側導航在安卓設備上比較流行，而iOS平臺上使用的還不是很普遍。所以我們的討論還要面對一個問題：安卓和iOS應用是不是有一樣的用戶習慣，適用一樣的導航模式？

我想，在這里分享下我們的經驗是很有價值的。

可用性 vs. 干凈的設計

當第一次開始zeekbox項目，我們使用了頂部的tab導航。我們的理由很簡單“看不到的不記掛”。既然你第一眼看不到這些入口，那么也許你也就不會知道它們在哪兒。

編者按：今天百度的同學來聊聊產品思維，讓設計師從產品的角度入手，站在多維度考慮用戶的問題、解決方法、產品目標和產品營銷等，來看看不一樣的思維能碰撞出哪樣的火花。

文章略長，不過肯定是考據狂和狂熱粉的最愛，你是從哪一代開始追iOS的呢？

2007年1月9日，喬布斯向世界展示了iPhone一代，這是這位已故傳奇向這個時代饋贈的最佳禮物，同時也預示著，一場精妙絕倫的大戲正式拉開帷幕，iPhone,iPad以及Touch對”移動設備”進行了重新定義。更華麗，也更具人性化。

世界變幻莫測，那時候的移動操作系統中，iOS只是個”小字輩”，資歷尚淺，到了今天呢，多少操作系統黯然消失在我們的視線中，而iOS儼然成為了操作系統江湖的”老字輩”。

老，并不意味著iOS失去創意了，恰恰相反,iOS以嶄新的姿態繼續前行。隨著逐年的增強和提高,iOS已經變成了市場上最具個性、支持最廣泛的操作系統。

iOS6，經過數年的磨礪，已經無限接近擬物設計的最頂峰，用隱喻設計引導者用戶，操作簡單易懂。而且多平臺(iPhone、iPad)上的體驗相對一致，對于開發者和設計師來說，這都是一個理想的”溫床”。

再想一個問題，比較一下iOS1和iOS6，你會發現還是擁有很多共通點的。蘋果像是一位頗有耐心的面包師，慢慢的烘焙，花了數年時間，為我們特制了一款色香味俱全的”蘋果派”，你想想其他操作系統的做法吧：無限的功能蔓延，蔓延來蔓延去，淘汰了一批，又新來了一批功能。

這是個怪圈，蘋果很明智的沒有選擇這種道路。iOS努力的保持著整體的一致性，與此同時又不放棄前衛創意，難能可貴。

而今年的9月18日，iOS7發布——新的啟航。

來看看iOS的歷史，看看蘋果是怎樣一點一滴進行優化、完善的。

從OS X中蔓延出來的IOS

在iPhone早期的聲明中，我們會發現會叫做”iPhone OS”。

剛開始的時候，蘋果內部爭論不休，他們在考慮是否要和Mac OS X一樣使用Unix內核，這樣做會保持新手機的系統和OS X的一致性。

但是，這畢竟是一個完全不同的新品牌，應該有所區別。因此，采用Unix內核的操作系統被命名為”iPhone OS”，這個名字一直使用了4年。直到2010年六月發行iOS4的時候，出于簡化的目的，開始稱之為”iOS”

iOS 1: iPhone誕生

雖然現在很難以想象當時的情形，但是當iPhone1公布的時候，如果嚴格比較功能的話，iPhone落后他的競爭對手一大截，Windows Mobile,Palm OS,Symbian,BlackBerry的操作系統都有一大堆功能，遠超iPhone。

編者按：今天這篇譯文全程滿滿當當的都是干貨，包含超多的實用經驗，比如讓元素在各個尺寸中保持邊界清晰的技巧，切片的專業方法，命名規則等，絕對值得每個UI設計師收藏起來！

GW模式。（G=graphic,W=words）即為圖案＋文字模式。圖案經常為一些可以表示“空白”隱
喻的圖案或者是自家應用的吉祥物相關的圖案，抑或是可以為跟頁面引導相關的圖案。文字一般包含：標題，說明。標題通常是解釋此處空白的原因，如
“Oops,地理定位被關閉啦，無法使用該功能哦”，“網絡出問題啦”等，說明則解釋出現此狀況的原因和解決辦法等。文案的風格經常根據產品的調性去設
計，有些走賣萌路線，有些走高冷路線，有些甚至走狂暴路線等等。鑒于此類型是一種最常見的類型，單純的包涵文字或單純包涵圖案的設計手法也歸納到GW模式
中。如下圖：

為什么傳統的標注方法讓人難受？

沒錯，Markman 是傳說中的標注神器，看起來也確實方便快捷，但是當一個頁面中，要同時標注間距、大小、顏色和字號時，過多的信息一齊扔給工程師，就會讓人有些抓狂。比如這樣：

移動應用的設計中，最容易被忽視的地方就是空白或者異常情況的設計。從傳統PC時代web的異常頁面如404，502等頁面的設計體驗遷移過來，移動應用的空頁面，網絡故障頁面等展示也有相似的設計模式。從以前的純文本的排版設計，到后來404成為設計師們
展示圖形創意的舞臺，移動應用的空白情況頁面的設計也從純文本提示到后來精彩紛呈。然而在移動應用的設計中，空白頁面的的作用不僅僅在于給用戶以溫柔或者
精彩的提醒，安撫用戶焦急或是疑惑的情緒，更重要的是，空白情況頁面可以引導用戶去填補“空白”。人都是害怕空虛寂寞冷的，當你面對一個空虛寂寞冷的頁面
的時候，善意的指點迷津的一些語言和畫面告訴你咱們還是可以有方法來填補你的寂寞空虛冷，這時候，用戶的操作行為就會被觸發，潛移默化中指引用戶完成填補
空白的工作，那么，無論從用戶個體的活躍度上還是整體的留存率，活躍度上，你設計的空白頁面做到了拉升的作用，對電商產品和社交產品等來說，這些頁面可謂
是自己展示產品調性，曝光功能，加深引導的黃金地段。

圖標設計要求熟練運用軟件，涉獵各種矢量特性、蒙板以及構造實體幾何，因此，會需要同學們運用不同的軟件工具與技巧，今天的譯文全都是超實用的技巧干貨，周末來補充點有料的。

1.很多人都知道無論是在 iOS 的系統還是一些第三方應用的輸入模式下，只要左右晃動手機即可激活「撤銷」操作，但也許你不知道是，如果再次晃動手機則可對「撤銷」操作進行恢復。

轉載一組追波上設計大師 Virgil Pana 的動效作品