轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   sillybuy.com  )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源：http://mobile.pconline.com.cn/488/4880463.html

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，   請點(diǎn)這里

“用戶體驗(yàn)”儼然已成為一個(gè)快被手機(jī)廠商說爛的詞匯，用戶體驗(yàn)在手機(jī)上最直觀的表達(dá)方式便是UI設(shè)計(jì)。好的UI能夠在降低用戶學(xué)習(xí)成本的前提下做好人機(jī)交互，提升用戶體驗(yàn)，不僅好看，還要好用。

　　但完美的手機(jī)UI并不是隨隨便便就能做成的，在通往優(yōu)秀手機(jī)UI的路上，很多設(shè)計(jì)一不小心走偏了，最終實(shí)現(xiàn)的效果是讓人又愛又恨。今天我們就來盤點(diǎn)一下那些讓人糾結(jié)的手機(jī)UI設(shè)計(jì)。

虛擬按鍵

　　這個(gè)改動(dòng)似乎是Android 4.0以來最明顯的，從三兒子GALAXY Nexus開始，谷歌就沒給他的親兒子們加過除了電源和音量鍵以外的實(shí)體鍵，改用其規(guī)范化的虛擬按鍵。由于虛擬按鍵霸占了屏幕像素，這一UI設(shè)計(jì)讓用戶們紛紛怨聲載道。沒有了實(shí)體按鍵，心中總感覺有那么幾份不踏實(shí)。

谷歌原生虛擬按鍵

　　最受用戶詬病的還是虛擬按鍵占用了一部分的屏幕像素。比較極端的例子如HTC One（M8）在疊加了四層“下巴”后嚴(yán)重影響了APP的視覺效果。

HTC One（M8）

　　然而，我們不能說虛擬按鍵就一定不好，畢竟在Android 2.X時(shí)代，安卓的四大鍵位被廠商隨意排放。這樣的設(shè)計(jì)是谷歌沒法控制的，而做成虛擬鍵的好處顯而易見：各大廠商不可能也沒必要，再輕易的修改軟件層面的觸控鍵了。從而規(guī)范了安卓系統(tǒng)的三大按鍵設(shè)計(jì)。此外，虛擬按鍵也能讓鎖屏狀態(tài)下的手機(jī)更加美觀，由于機(jī)身正面沒有多余的按鍵，顯得非常簡潔大方。

SONY Z2

　　所以，我們也不能一概而論虛擬按鍵的好壞，最終還是要看用戶喜不喜歡。畢竟開源的Android系統(tǒng)還是有很多實(shí)體按鍵機(jī)型供消費(fèi)者選擇。

扁平化、擬物化

　　去年iOS7的發(fā)布徹底掀起了對這兩種設(shè)計(jì)風(fēng)格的探討，作為全球最多人使用的手機(jī)操作系統(tǒng)之一，每一個(gè)改動(dòng)都備受矚目，iOS7作為歷代改動(dòng)最大的一個(gè)版本，自然牽扯到了億萬人的使用習(xí)慣和交互體驗(yàn)。

　　一小部分用戶直到現(xiàn)在依然堅(jiān)守著iOS6的陣地，而在升級了iOS7的用戶中，也有部分用戶覺得后悔。那么扁平化真的有那么不受待見嗎？

 
iOS 7 vs iOS 6

　　可以看到蘋果對每一個(gè)預(yù)裝APP的icon都進(jìn)行了重新設(shè)計(jì)，用蘋果首席設(shè)計(jì)師喬納森·艾維(Jony Ive)的話來說就是：簡潔之美將影響深遠(yuǎn)，包容、。真正的極簡不僅僅是拋去了多余的修飾，它更是給復(fù)雜帶來了秩序。

　　其實(shí)，擬物化設(shè)計(jì)與扁平化設(shè)計(jì)是不同的設(shè)計(jì)風(fēng)格，本質(zhì)上是沒有好壞之分，近幾年的UI設(shè)計(jì)中，扁平化設(shè)計(jì)可以說是大勢所趨。如Windows 8的Metro（現(xiàn)已更名Modern）界面則完全采用了扁平化的設(shè)計(jì)。

廣受好評的iOS7天氣APP采用了扁平化設(shè)計(jì)

 
iOS 7更為方便直觀的多任務(wù)管理

　　小編認(rèn)為，對于這兩種設(shè)計(jì)風(fēng)格的爭議根本原因還在于用戶的習(xí)慣問題，用戶看慣了擬物化的iOS也許難以接受iOS7，但這些問題都只是暫時(shí)的，隨著時(shí)間的推移，這些爭論只會越來越少。會有越來越多的擬物化擁護(hù)者接納扁平化，這是一種時(shí)代的潮流。也許當(dāng)你再次回過頭來再看擬物化時(shí)，就會感到UI設(shè)計(jì)的進(jìn)步。

Smart Bar

　　不容置疑，魅族在很多方面都在學(xué)習(xí)蘋果，所以硬生生的就在底部放了一個(gè)單獨(dú)的Home鍵，雖然與其他的安卓系統(tǒng)產(chǎn)生了差異化，但與此同時(shí)魅族無法完全擺脫安卓系統(tǒng)的操作邏輯。所以只能通過軟件和交互上的一些方式來彌補(bǔ)。像Flyme系統(tǒng)中的滑動(dòng)手勢和Smart Bar都是為這些盲目借鑒所打的補(bǔ)丁。

官方宣傳中的Smart Bar

應(yīng)用不兼容情況下的Smart Bar

　　自2012年11月27號Flyme2.0隨MX2發(fā)布的那一天起，關(guān)于Smartbar的爭議就從沒停止過。魅族推出Smartbar的大背景不再贅述，魅族也無非是想趁著這樣的大背景樹立UI特色，避免同質(zhì)化現(xiàn)象，但顯然，Smart Bar不是很Smart。發(fā)布之初，Smartbar經(jīng)常會有不兼容的現(xiàn)象-即所謂的雙底欄或者返回按鈕孤零零地躺在底欄，玩游戲無法全屏的情況。因此很多人并不看好Smartbar，認(rèn)為這完全就是畫蛇添足，有好好的解決方案你干嘛不用啊。而魅族甚至在官方論壇中對多次討論“去除Smart Bar”的用戶禁言處罰，可見這一問題的敏感程度。魅族表示會不斷地優(yōu)化Smart Bar的兼容性，但是那么多的軟件，永遠(yuǎn)不可能每一個(gè)都優(yōu)化到位，所以Smart Bar在魅族口中再怎么完美，它始終都是一個(gè)傷疤，為盲目借鑒所付出的代價(jià)。這也許就是：理想很豐滿，現(xiàn)實(shí)很骨感。

　　但我們也不得不承認(rèn)，在某種程度上，Smartbar又是魅族很好的創(chuàng)新，不僅樹立了自己的UI特色，還提升了Flyme的用戶體驗(yàn)，當(dāng)App與Smartbar完美兼容時(shí)，同樣的屏幕大小，相比原生Android，F(xiàn)lyme能提供更多的顯示內(nèi)容面積。并且隨著時(shí)間的發(fā)展，Smartbar的兼容性越來越好，可玩性和功能性大大提升，這也使雙底欄App越來越少(少不等同于沒有)，兼容的時(shí)候覺得Smartbar太好玩了，但是萬一碰到某個(gè)不兼容的App，導(dǎo)致雙底欄，心中又燃起熊熊怒火，在心中怒火熊熊燃燒的時(shí)候，又不小心在微博上看到了Flyme4.0的設(shè)計(jì)圖，直呼：美哭了！可以預(yù)見，以后的Smartbar不僅會更好看，還會更好用，這時(shí)候只能一邊看著雙底欄，一邊看著Flyme4.0的設(shè)計(jì)圖安慰著自己：再等等，再等等…

不可更換壁紙

　　最近發(fā)布的錘子手機(jī)T1可謂是炙手可熱，羅永浩的演講讓無數(shù)人為之動(dòng)容。情懷歸情懷，系統(tǒng)的問題也還是有的，在Smartisan OS的9宮格和16宮格下依然無法使用壁紙，在此老羅的團(tuán)隊(duì)也做出了彌補(bǔ)，保留了安卓原生的桌面，如果設(shè)置為原生桌面則可以自定義壁紙。那我既喜歡Smartisan的界面又希望能設(shè)置壁紙?jiān)撛趺崔k呢？

　　考慮到可能是因?yàn)镾martisan OS圖標(biāo)浮塊的關(guān)系，自定義壁紙確實(shí)不同于其他系統(tǒng)，存在一定的難度，在美觀上難以取舍。但是不能代表以后的Smartisan OS就不會改進(jìn)。畢竟即使是iOS也是在4.0版本以后才能自定義壁紙的。也希望錘子科技能在這方面做出更多的嘗試。發(fā)布會上老羅也首次坦言之所以不能更換桌面壁紙（鎖屏壁紙還是可以更換的）是因?yàn)樗淌懿涣恕霸诶掀藕⒆诱掌砩隙褲M圖標(biāo)”，這讓很多人大跌眼鏡，畢竟大部分人沒事就喜歡換個(gè)壁紙，換個(gè)心情。固然發(fā)布會上老羅稱Smartisan OS可以提供原生Android的系統(tǒng)桌面，這樣一來雖然老婆孩子照片能當(dāng)壁紙了，但又失去了率的錘子桌面。因此用戶必須在效率、易用性和老婆孩子的照片之間做一個(gè)取舍。到底選誰呢？反正小編沒有老婆孩子，小編不用糾結(jié)，誰有誰糾結(jié)…

　　手機(jī)UI有時(shí)候讓人又愛又恨，它給我們帶來了許多樂趣許多苦惱，如今也受到了越來越多的廠商重視，那些令人糾結(jié)的問題在UI的發(fā)展過程中不可避免的存在，希望隨著技術(shù)的發(fā)展，這些問題都能迎刃而解。每個(gè)廠商都能在簡單易用的基礎(chǔ)上做出自己的特色，這才是消費(fèi)者最想看到的。

尷尬的Back設(shè)計(jì)

　　iPhone第一代于2007年發(fā)布，喬布斯稱其“重新定義了手機(jī)”。時(shí)間證明了一切，iPhone憑借其人性化的人機(jī)交互血洗了手機(jī)市場，掀起了一場革命。但iPhone搭載的ios也并非完美，今天我們就來探討一下iPhone上飽受爭議的Back按鈕，有人說這個(gè)按鈕很符合ios簡約的氣質(zhì)，也有人認(rèn)為這樣的設(shè)計(jì)完全是反人類。

　　其實(shí)兩種說法都有道理，Back按鈕設(shè)計(jì)在左上角確實(shí)很符合ios的操作邏輯-可操作性很強(qiáng)，學(xué)習(xí)成本低；但同樣，我們也不能否認(rèn)這樣的設(shè)計(jì)確實(shí)反人類，畢竟我們不像喬布斯—很多人不是左撇子，當(dāng)右手 的時(shí)候我心里總是在默默的罵著蘋果的設(shè)計(jì)師們，特別是到了iPhone5/5c/5s，機(jī)身甚至還加長了，真是不可原諒。遺憾的是后來ios7作為“ios以來最大的升級版本”卻也只是設(shè)計(jì)風(fēng)格的變化，而非設(shè)計(jì)邏輯的變化。因此搞的我們非常糾結(jié)：不放到左上角放哪里？難道要放在左下角，右上角或者右下角嗎？放在左上角只是N害相權(quán)取其輕，可設(shè)計(jì)在左上角又著實(shí)不好用?？傊?，在ios上如何設(shè)計(jì)一個(gè)既符合ios操作邏輯，又不反人類的Back按鈕還真是讓人頭疼。

Windows Phone：老鼠老虎傻傻分不清楚

　　Metro設(shè)計(jì)的靈感來源于1960年的Swiss Movement（瑞士機(jī)芯），其特點(diǎn)是簡潔明了，強(qiáng)調(diào)的是信息本身，而不是冗雜的界面元素，最大的特點(diǎn)是有豐富色彩的色塊作為背景，顏色對比強(qiáng)烈以突出信息本身，這個(gè)句子中有一個(gè)詞非常重要：“豐富色彩”。

　　好，我們來看一下Windows Phone的系統(tǒng)界面，好吧，除了下邊的天氣，幾乎全部都是藍(lán)色的色塊背景以及白色的圖標(biāo)，我如何才能快速定位到我需要的圖標(biāo)呢？真是“老鼠老虎傻傻分不清楚”。在這個(gè)iPhone爛大街，Android普遍卡頓的時(shí)代，Windows Phone憑借其個(gè)性的UI及流暢的操作贏得了很多用戶的芳心，這樣低級的錯(cuò)誤就像美玉上的一道瑕疵，讓人心里感覺到非常的不舒服。希望微軟能及早認(rèn)識到這個(gè)問題，及時(shí)改正，更好地提升用戶體驗(yàn)。