轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.bouu.cn  )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)

來(lái)源：http://mobile.pconline.com.cn/488/4880463.html

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

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

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

虛擬按鍵

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

谷歌原生虛擬按鍵

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

HTC One（M8）

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

SONY Z2

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

扁平化、擬物化

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

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

 
iOS 7 vs iOS 6

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

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

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

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

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

Smart Bar

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

官方宣傳中的Smart Bar

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

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

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

不可更換壁紙

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

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

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

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

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

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

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

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

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