根本忍不下來 那些讓人糾結的手機UI設計

2014-6-5    藍藍設計的小編

轉載藍藍設計(   m.820esy.cn  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 平面設計服務

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

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中,   請點這里

“用戶體驗”儼然已成為一個快被手機廠商說爛的詞匯,用戶體驗在手機上最直觀的表達方式便是UI設計。好的UI能夠在降低用戶學習成本的前提下做好人機交互,提升用戶體驗,不僅好看,還要好用。

讓人糾結的手機UI設計

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

虛擬按鍵

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

谷歌原生虛擬按鍵
谷歌原生虛擬按鍵

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

HTC One(M8)
HTC One(M8)

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

SONY Z2
SONY Z2

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

扁平化、擬物化

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

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

iOS 7 iOS 6
iOS 7 vs iOS 6

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

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

iOS 天氣
廣受好評的iOS7天氣APP采用了扁平化設計

iOS 7更為方便直觀的多任務管理 iOS 7更為方便直觀的多任務管理
iOS 7更為方便直觀的多任務管理

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

Smart Bar

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

官方宣傳中的Smart Bar
官方宣傳中的Smart Bar

應用不兼容情況下的Smart Bar
應用不兼容情況下的Smart Bar

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

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

不可更換壁紙

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

Smartisan OS

  考慮到可能是因為Smartisan OS圖標浮塊的關系,自定義壁紙確實不同于其他系統(tǒng),存在一定的難度,在美觀上難以取舍。但是不能代表以后的Smartisan OS就不會改進。畢竟即使是iOS也是在4.0版本以后才能自定義壁紙的。也希望錘子科技能在這方面做出更多的嘗試。發(fā)布會上老羅也首次坦言之所以不能更換桌面壁紙(鎖屏壁紙還是可以更換的)是因為他忍受不了“在老婆孩子照片身上堆滿圖標”,這讓很多人大跌眼鏡,畢竟大部分人沒事就喜歡換個壁紙,換個心情。固然發(fā)布會上老羅稱Smartisan OS可以提供原生Android的系統(tǒng)桌面,這樣一來雖然老婆孩子照片能當壁紙了,但又失去了率的錘子桌面。因此用戶必須在效率、易用性和老婆孩子的照片之間做一個取舍。到底選誰呢?反正小編沒有老婆孩子,小編不用糾結,誰有誰糾結…

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

尷尬的Back設計

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

尷尬的Back設計

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

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

  Metro設計的靈感來源于1960年的Swiss Movement(瑞士機芯),其特點是簡潔明了,強調的是信息本身,而不是冗雜的界面元素,最大的特點是有豐富色彩的色塊作為背景,顏色對比強烈以突出信息本身,這個句子中有一個詞非常重要:“豐富色彩”。

WindwsPhone

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

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.820esy.cn

存檔