在手機(jī)產(chǎn)品的設(shè)計(jì)過程中，由于手機(jī)界面的承載能力有限，產(chǎn)品功能的不斷膨脹，必須要在用戶打開應(yīng)用之后告知他某些新奇的功能，引導(dǎo)他完成某些主要任 務(wù)流程，讓用戶不至于迷失在陌生應(yīng)用中不知所措。幫助用戶快速掌握應(yīng)用的使用方法，體驗(yàn)到應(yīng)用的樂趣，新手引導(dǎo)成了一個(gè)必須考慮的設(shè)計(jì)環(huán)節(jié)。

用戶引導(dǎo)的直接目標(biāo)是幫助用戶更好的使用產(chǎn)品，終極目標(biāo)是提升用戶滿意度。雖然，大多數(shù)情況下，我們可以通過合理的設(shè)計(jì)，盡可能的簡(jiǎn)化功能，讓用戶 無需引導(dǎo)和幫助，就可以完成必要的任務(wù)。但是實(shí)際上，手機(jī)產(chǎn)品的限制和對(duì)強(qiáng)大功能的追求，導(dǎo)致這個(gè)目標(biāo)很難達(dá)到，因此越來越多的應(yīng)用開始使用用戶引導(dǎo)來幫 助用戶快速熟悉產(chǎn)品。

隨著蘋果iPad的推出，電子雜志類行的應(yīng)用大受好評(píng)，電子閱讀需求量不斷增長(zhǎng)。傳統(tǒng)紙質(zhì)出版物的良好的視覺效果，互聯(lián)網(wǎng)巨大的信息資源庫(kù)，將這兩者集合在一起就會(huì)誕生非常好的雜志客戶端應(yīng)用。這種雜志型客戶端應(yīng)用的最佳代表就是Flipboard。

2010年iPad最佳應(yīng)用是Flipboard。集合了Facebook和Twitter的推動(dòng)內(nèi)容，輔以格式排版，讓用戶得到了無限量的優(yōu)秀資源以及良好的閱讀體驗(yàn)。

藍(lán)藍(lán)注：此文有些圖片沒有顯示全， 下載此文及圖片請(qǐng)點(diǎn)http://m.suibie.cn/what%20to%20do%20APP%20ui%20design.docx

用戶在面對(duì)移動(dòng)應(yīng)用時(shí)，心態(tài)有三大特征：第一是微任務(wù)，我不會(huì)拿手機(jī)寫一篇論，不會(huì)從頭到尾看一部電影，使用是隨時(shí)隨地的；第二是查看周遭，也就是我所處的環(huán)境。我可能會(huì)打開手機(jī)，看有什么好的館子，有什么好的電影，打折團(tuán)購(gòu)等等；第三個(gè)是無聊，很多移動(dòng)用戶更多情況是無聊的，打開手機(jī)，從左到右的翻，翻到最后再把手機(jī)關(guān)掉。

針對(duì)這三種特征的心態(tài)，我們?cè)趺礃尤ッ鎸?duì)？第一，應(yīng)用最好是小而準(zhǔn)，不要大而全。越全的功能應(yīng)用，只能代表著這個(gè)應(yīng)用在各方面的都很平庸；第二個(gè)要滿足用戶的情景需求；第三個(gè)要幫助用戶去消磨時(shí)間。

雖然 iOS 7的界面設(shè)計(jì)引來不少吐槽口水，但李的觀點(diǎn)是“蘋果的缺點(diǎn)一般都不會(huì)出現(xiàn)在大方向上，即便有缺點(diǎn)也只是在某些個(gè)別的零件上。”這篇文章我將站在一個(gè)設(shè)計(jì)師的角度談 iOS 7 的界面設(shè)計(jì)。

　　在談 iOS 7 的界面之前，我先說說我對(duì)“扁平化”的認(rèn)識(shí)。 iOS 7 發(fā)布之前大家都在猜測(cè)蘋果會(huì)不會(huì)把界面改成“扁平化”風(fēng)格?什么是“扁平化”的界面設(shè)計(jì)風(fēng)格?去掉材質(zhì)機(jī)理去掉投影漸變，整個(gè)界面看起來扁扁的平平的就是“扁平化”的設(shè)計(jì)風(fēng)格嗎?如果是這樣理解“扁平化”三個(gè)字的話，那大家怎么理解“知識(shí)扁平化”這個(gè)詞?

　　我認(rèn)為“扁平化”的界面設(shè)計(jì)風(fēng)格，真正意義上指的是界面設(shè)計(jì)上信息層級(jí)的扁平化，而不單純只是視覺效果的扁和平。WP 系統(tǒng)的“扁平化”設(shè)計(jì)把很多信息變得模塊化，并且壓縮信息展示層級(jí)，很多原本藏的比較深的信息可以在首界面上直觀呈現(xiàn)。

　　如果只是扁扁平平的視覺設(shè)計(jì)風(fēng)格的話，我們壓根不需要把界面設(shè)計(jì)孤立出來看。廣告界的平面設(shè)計(jì)，書籍裝幀的封面設(shè)計(jì)等等，在很久很久以前就已經(jīng)實(shí)現(xiàn)所謂的“扁平化”了。況且我們最開始用的電子產(chǎn)品，在顯示器還是馬賽克的時(shí)候，那不就是最平的“扁平化”嗎?實(shí)際這種極簡(jiǎn)式的點(diǎn)線面構(gòu)成式的現(xiàn)代主義設(shè)計(jì)風(fēng)格起源于建筑設(shè)計(jì)，并早已經(jīng)在廣告設(shè)計(jì)，服裝設(shè)計(jì)，工業(yè)設(shè)計(jì)等領(lǐng)域普及了。

　　所以“扁平化”在界面設(shè)計(jì)界壓根就是一個(gè)可有可無或早已有之的概念，完全沒必要大肆渲染，只是IT 界的設(shè)計(jì)一直比其他領(lǐng)域的設(shè)計(jì)理念落后很多。

蘋果在2013年的WWDC上正式發(fā)布了全新的iOS 7操作系統(tǒng)，相比iOS 6，新版的iOS 7在界面上做了重新的設(shè)計(jì)，更加的炫酷，同時(shí)界面見的切換也多了許多，一起先來看看蘋果官方為我們提供的iOS 7官方設(shè)計(jì)圖吧。

　　5月22日，Twitter正式宣布獲得了下拉刷新的技術(shù)專利，這項(xiàng)專利是在一年前提出的，雖然公司一再說明此項(xiàng)專利只用于保護(hù)自己，不會(huì)用來發(fā)起訴訟，但無疑這還是對(duì)行業(yè)來說是一個(gè)威脅。

　　下拉刷新這個(gè)操作最早由Tweetie創(chuàng)始人洛倫?布里切特(Loren Brichter)發(fā)明，到現(xiàn)在已經(jīng)非常廣泛地在各種應(yīng)用中使用，Sparrow、Facebook、新浪微博、甚至是iOS原生系統(tǒng)也都在使用這種方式。有理論認(rèn)為，下拉刷新是一種適用于按照從新到舊的時(shí)間順序排列feeds的應(yīng)用，在這種應(yīng)用場(chǎng)景中看完舊的內(nèi)容時(shí)，用戶會(huì)很自然地下拉查找更新的內(nèi)容，因此下拉刷新就顯得非常合理。

如今設(shè)計(jì)界最炙手可熱的明星大概就是扁平化設(shè)計(jì)了吧，關(guān)于它的討論至今都沒有冷卻的跡象。諸多設(shè)計(jì)師分成了涇渭分明的兩個(gè)陣營(yíng)，一邊努力把扁平化做到，一面對(duì)其不屑一顧。

我是個(gè)騎墻派，不支持也不反對(duì)，在我看來，優(yōu)秀的設(shè)計(jì)的定義就是好用，只要能設(shè)計(jì)出優(yōu)秀的產(chǎn)品，我可以采用任何方式，扁平化也是其中之一。但是必須意識(shí)到，沒有哪種風(fēng)格是包打天下的，不能強(qiáng)行將一種風(fēng)格應(yīng)用到不該用的地方。

那么，扁平化究竟該怎么實(shí)現(xiàn)怎么應(yīng)用呢？下文將要做的就是分析扁平化的五個(gè)最典型的特征，同時(shí)也介紹一下偽扁平化（不含貶義，只是一種折衷的設(shè)計(jì)方式）。

一 、拒絕

被業(yè)界人士眾說紛紛的iOS 7將在下個(gè)月的2013WWDC大會(huì)上推出，到那時(shí)可能將會(huì)有更多關(guān)于iOS 7的設(shè)計(jì)概念公布。而近來各種媒體對(duì)于蘋果公司新帥首席設(shè)計(jì)師喬納森·艾維（Jony Ive）將在iOS 7中放棄擬物設(shè)計(jì)，轉(zhuǎn)而使用扁平設(shè)計(jì)的預(yù)測(cè)也不絕于耳，這意味著iOS 7將有一個(gè)翻天覆地的變化。我們來看看本文作者 Tim Green對(duì)此的前瞻見解吧.

在這篇文章發(fā)布時(shí)，僅在美國(guó)就有近7000萬的平板電腦用戶，這比前一年的數(shù)據(jù)增加了一倍。這意味著，美國(guó)近30％的互聯(lián)網(wǎng)用戶使用平板設(shè)備上網(wǎng)瀏覽。2011年到2012年間，電子商務(wù)網(wǎng)站在平板電腦上的交易量增長(zhǎng)了348％，第一次超越智能手機(jī)的交易量。由于平板市場(chǎng)很年輕，其未來的發(fā)展空間必定很大。

　　這一趨勢(shì)傳遞了一個(gè)強(qiáng)烈的信號(hào)：如果你的網(wǎng)站還沒有針對(duì)平板電腦進(jìn)行設(shè)計(jì)的話，現(xiàn)在是時(shí)候優(yōu)先考慮其在平板電腦上的可用性了。否則，忽略這一點(diǎn)可能會(huì)對(duì)網(wǎng)站的整體轉(zhuǎn)化率，回訪量，銷售量等帶來負(fù)面影響。

什么是“點(diǎn)擊愉悅感”（tappiness）？

　　當(dāng)一個(gè)網(wǎng)站具有“點(diǎn)擊愉悅感”時(shí)，用戶在手機(jī)或平板設(shè)備進(jìn)行訪問的操作將變得容易而愉快。點(diǎn)擊愉悅感包括巧妙使用的空間，易于閱讀的文本，符合邏輯的交互線索，和大尺寸的點(diǎn)擊目標(biāo)，這些讓訪問者瀏覽網(wǎng)站時(shí)充滿信心。

本設(shè)計(jì)中，大字體和大點(diǎn)擊目標(biāo)的體驗(yàn)很好，即使在平板電腦上縮小后，體驗(yàn)依然不錯(cuò)。

　　而在另一些設(shè)計(jì)中，文字太小無法閱讀，鏈接太接近容易誤操作，無形中增加了操作時(shí)間、復(fù)雜度以及體驗(yàn)上的挫敗感。糟糕的體驗(yàn)下，用戶將快速流失。