轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.bouu.cn  )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(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ù)

  1 、移動(dòng)互聯(lián)網(wǎng)設(shè)備和傳統(tǒng)手機(jī)的區(qū)別

在傳統(tǒng)手機(jī)時(shí)代，標(biāo)準(zhǔn)的通話鍵、掛機(jī)鍵、菜單鍵是手機(jī)的標(biāo)配，用戶被教育成了用鍵盤(pán)來(lái)操作數(shù)據(jù)，于是我們就養(yǎng)成了使用鍵盤(pán)的習(xí)慣，經(jīng)典的案例就 是諾基亞主導(dǎo)的時(shí)代。

在移動(dòng)互聯(lián)網(wǎng)時(shí)代，特別是觸屏的大規(guī)模應(yīng)用，手機(jī)的功能已經(jīng)發(fā)生了轉(zhuǎn)變，對(duì)互聯(lián)網(wǎng)內(nèi)容的瀏覽、下載、消費(fèi)等等成為主要應(yīng)用場(chǎng)景，觸摸屏成為行業(yè) 趨勢(shì)，直接對(duì)內(nèi)容進(jìn)行操作，在屏幕范圍內(nèi)的點(diǎn)擊成為主要的操作。絕大部分操作通過(guò)直接和內(nèi)容交互完成，不要讓用戶通過(guò)中間設(shè)備間接進(jìn)行控制。

因此，就可以理解為什么蘋(píng)果會(huì)這么激進(jìn)，只保留了一個(gè)home 鍵，而將其他功能性的操作全部做在了屏幕里面。

在底部的幾個(gè)按鍵的處理上（返回、菜單、home 、搜索），Android 的做法似乎介于傳統(tǒng)手機(jī)和iPhone 兩者之間，既保留了傳統(tǒng)手機(jī)的一些特性，但也在學(xué)習(xí)iPhone 的觸屏做法。 從蘋(píng)果遵循極簡(jiǎn)的設(shè)計(jì)思路來(lái)看， iPhone 做得更徹底、更加一 些。

2 、高度直覺(jué)化的界面

蘋(píng)果采用了隱喻等方式來(lái)暗示用戶這里的操作，目的就是降低用戶的學(xué)習(xí)門(mén)檻，使用戶第一眼就知道怎么去用iPhone ，典型的案例就是鎖屏界面的解鎖操作，以及縮放照片的操作。

iPhone 采用了全觸屏的操作方式，絕大部分操作都通過(guò)直接觸摸完成，僅提供一個(gè)home 鍵的實(shí)際按鍵，這種做法配合multi-touch 技術(shù)，無(wú)論是完成一個(gè)任務(wù)還是體驗(yàn)游戲，操作都簡(jiǎn)化了用戶的操作路徑。

為此，iPhone 還提供了各種豐富的手勢(shì)，基于此，開(kāi)發(fā)者可以創(chuàng)造豐富的操作體驗(yàn)。比如：tweetie 2

3 、在需要時(shí)給我導(dǎo)航，且告訴我將去向何處

在iPhone 平臺(tái)上，如果應(yīng)用程序有信息層級(jí)關(guān)系（比如郵箱> 收件箱> 郵件），利用title 進(jìn)行導(dǎo)航， 導(dǎo)航欄左側(cè)始終是返回按鈕，右側(cè)如果有必要，可以放針對(duì)內(nèi)容的操作控件，中間有標(biāo)題。

對(duì)這里的導(dǎo)航按鈕來(lái)說(shuō)，始終只有返回上一級(jí)的功能，且明確指明上一級(jí)的title 是什么。

那么，另外一個(gè)問(wèn)題是 如果這里的信息層級(jí)太深怎么辦？ 是否需要給出返回首頁(yè)等按鈕或者更長(zhǎng)的面包屑路徑，這里需要考慮的是怎樣減少程序的信息層級(jí)而不是一味地去將這里的導(dǎo)航復(fù)雜化。

iPhone 提倡直接對(duì)界面元素進(jìn)行操作，返回上一級(jí)也是如此，無(wú)需通過(guò)其他物理按鍵來(lái)切換頁(yè)面，你所需要做的事情就是直接在屏幕上點(diǎn)擊。

Navigation Bar

4 、穩(wěn)定的界面結(jié)構(gòu)——tab bar ，toolbar 的位置

iPhone 典型應(yīng)用的界面結(jié)構(gòu)很穩(wěn)定，導(dǎo)航欄和頁(yè)簽欄的位置不會(huì)因?yàn)閼?yīng)用不同而發(fā)生變化，用戶能形成比較一致的體驗(yàn)。

Android 平臺(tái)在規(guī)范性方面不如iPhone ，比如：

a)  Andorid 對(duì)標(biāo)題的處理方式比較奇怪，有的程序有標(biāo)題欄，有的地方?jīng)]有，不符合一致性原則；另外，還存在大小兩種尺寸的標(biāo)題欄。

b)  tab bar 的位置。有的應(yīng)用放在頂部，有的放在底部，體驗(yàn)不一致。

另外，對(duì)手持設(shè)備來(lái)說(shuō)，關(guān)注焦點(diǎn)是從上而下的，tab bar 的關(guān)注點(diǎn)沒(méi)有內(nèi)容那么高，其實(shí)只是在需要的時(shí)候可以方便地進(jìn)行切換就足夠了，放置于頂部對(duì)于手持設(shè)備來(lái)說(shuō)操作很不便。

5 、一次做一件事情，避免一個(gè)按鍵承載太多的功能

Android 的菜單鍵是一個(gè)全局按鍵，使用頻率比較高，根據(jù)不同的場(chǎng)景功能又各不相同，用戶較難形成一致的體驗(yàn)，系統(tǒng)級(jí)的菜單和上下文菜單也容易讓用戶混淆。

蘋(píng)果的做法是將菜單里的功能進(jìn)行分解，重要操作用戶可直接操作（如通訊錄的添加聯(lián)系人，iPhone 是直接放出來(lái)，Android 是將其放到菜 單里面），其他操作或集中在設(shè)置或通過(guò)滑動(dòng)等交互方式進(jìn)行擴(kuò)展。（tweetie 2 是將針對(duì)當(dāng)前聯(lián)系人的更多操作通過(guò)滑動(dòng)的操作展示出來(lái)）

6 、增強(qiáng)用戶體驗(yàn)

iPhone 在增強(qiáng) 用戶體驗(yàn) 上有很多點(diǎn)值得學(xué)習(xí)。比如core animation 提供了大量?jī)?yōu)雅的動(dòng)畫(huà)可以直接使用，以實(shí)現(xiàn)華麗的動(dòng)畫(huà)效果。

為什么用動(dòng)畫(huà)？

在整個(gè)界面轉(zhuǎn)換的過(guò)程中，蘋(píng)果會(huì)添加一些動(dòng)畫(huà)元素，作用有三：

a)  緩解用戶等待的焦躁情緒，如：經(jīng)典的程序登錄界面動(dòng)畫(huà)。
b)  暗示用戶當(dāng)前界面的來(lái)源。如：有信息層級(jí)關(guān)系的左右切換動(dòng)畫(huà)。
 
c)  增強(qiáng)用戶體驗(yàn)

用什么動(dòng)畫(huà)？

界面常用的幾種動(dòng)畫(huà):

a)  有信息層級(jí)關(guān)系的采用左右切換動(dòng)畫(huà)。
b)  針對(duì)當(dāng)前視圖內(nèi)容的操作常用的采用model view 的從下往上升起的動(dòng)畫(huà)。如：寫(xiě)郵件，action sheet 。

擬物化設(shè)計(jì)

除此之外，還有聲音元素、透明 設(shè)計(jì) 等 其他手段以提升用戶的 使用體驗(yàn) 。