詞匯

• “無(wú)手機(jī)恐懼癥”——手機(jī)改變生活

  
  
  圖片發(fā)自簡(jiǎn)書(shū)App

-1- 手機(jī)設(shè)計(jì)與網(wǎng)絡(luò)

UI設(shè)計(jì)

• 【手機(jī)】應(yīng)用程序的開(kāi)發(fā)吸納了網(wǎng)頁(yè)設(shè)計(jì)的原則，并做出重大意義的改變。

• 【手機(jī)】應(yīng)用程序?yàn)樵O(shè)計(jì)者提供了更多發(fā)揮創(chuàng)造力的機(jī)會(huì)。

• 清楚消費(fèi)者使用網(wǎng)站的方式及其重要，但是移動(dòng)時(shí)代的來(lái)臨使設(shè)計(jì)者面臨一系列新的挑戰(zhàn)和思考。

• 是否好用是決定【網(wǎng)站】和【手機(jī)】應(yīng)用程序成敗的關(guān)鍵。用戶必須能快速掌握，并且能在短時(shí)間內(nèi)對(duì)主要功能進(jìn)行操作。

• 內(nèi)行的設(shè)計(jì)師懂得消費(fèi)者查看網(wǎng)頁(yè)的學(xué)問(wèn)，明白他們先看哪里，知道該在哪里設(shè)置什么使操作更簡(jiǎn)單。因?yàn)榇蠖鄶?shù)人都是坐在計(jì)算機(jī)前面對(duì)著顯示器來(lái)查看設(shè)計(jì)的，網(wǎng)絡(luò)設(shè)計(jì)師認(rèn)為許多事是理所當(dāng)然的。如：

1. 鼠標(biāo)單擊后下拉列表最常見(jiàn)；
2. 為了便于查看和瀏覽，菜單工具欄被置于屏幕頂部。
3. 網(wǎng)頁(yè)設(shè)計(jì)中大量使用動(dòng)畫(huà)效果。
4. 無(wú)線按鈕及下拉列表是由鼠標(biāo)和鍵盤等輸入裝置演化而來(lái)的。

• 手機(jī)沒(méi)有這些輸入設(shè)備，所以他們需要一套新的界面控制方式。

-2- 手機(jī)上網(wǎng)的四種方式

1. 用戶使用小屏手機(jī)(早前的2G手機(jī))進(jìn)入網(wǎng)站的桌面界面

   因?yàn)樾畔⒘看?、下載時(shí)間長(zhǎng)，這種上網(wǎng)方式耗盡了用戶的數(shù)據(jù)限額，速度極慢，讓人惱火。

   
   
   

   早先手機(jī)上網(wǎng)

2. 移動(dòng)網(wǎng)站、應(yīng)用

   【移動(dòng)網(wǎng)站、應(yīng)用】+響應(yīng)式布局，網(wǎng)頁(yè)布局可以根據(jù)用戶手中正在使用的設(shè)備自行調(diào)整。

   
   
   

   響應(yīng)式布局支持跨屏終端

3. 移動(dòng)App

   安裝后可以在手機(jī)上獨(dú)立運(yùn)行。

   
   
   

4. 混合應(yīng)用程序

   它主要是利用HTML5程序語(yǔ)言編寫(xiě)的一種基于網(wǎng)絡(luò)的應(yīng)用程序。

   
   
   

   具有豐富動(dòng)畫(huà)效果的H5

-3- 手機(jī)設(shè)計(jì)與網(wǎng)絡(luò)設(shè)計(jì)的不同

• 一只手操作優(yōu)于兩只手操作

  網(wǎng)絡(luò)應(yīng)用程序更多的是給用戶提供靜態(tài)的導(dǎo)航服務(wù)，本機(jī)應(yīng)用程序則是提供互動(dòng)式的服務(wù)。

  即通過(guò)雙指拿捏放大、刷屏，以手指輕點(diǎn)、重點(diǎn)、長(zhǎng)按來(lái)進(jìn)行應(yīng)用操作，而不是單機(jī)鼠標(biāo)或笨拙地敲擊鍵盤，這些對(duì)設(shè)計(jì)和布局的影響很大。
  

  小米上的二維操作

• 應(yīng)用程序所占空間大小

  在瀏覽的過(guò)程中，用戶不想因?yàn)闊o(wú)關(guān)圖片和功能而使自己的數(shù)據(jù)包變大。
  100MB以下的應(yīng)用程序可以通過(guò)4G、3G連接下載。
  這種情況更適用于你可能不知道會(huì)用到某種旅游類應(yīng)用程序。

• 簡(jiǎn)潔是更好的，但是附加功能將使應(yīng)用程序更完美

  功能超載的應(yīng)用程序?qū)⑹褂脩籼幱诰骄?，功能越多越是如此?/p>

  和網(wǎng)站相似的是，應(yīng)用程序也沒(méi)有說(shuō)明書(shū)，幾乎所有的用戶都必須通過(guò)直覺(jué)來(lái)探究如何使用它。

  設(shè)計(jì)者必須創(chuàng)建簡(jiǎn)潔、清楚的使用環(huán)境。

  偉大的應(yīng)用程序設(shè)計(jì)師是將手機(jī)的功能性與他們的設(shè)計(jì)融為一體。

• 打字是枯燥的

  臺(tái)式機(jī)網(wǎng)站設(shè)計(jì)者的優(yōu)勢(shì)是終端用戶使用真正的鍵盤，在手機(jī)上打字即耗時(shí)又耗力。

  設(shè)計(jì)者必須確保用戶收集任何數(shù)據(jù)花費(fèi)的精力都是最小的。

  如iPhone5s開(kāi)始就擁有指紋解鎖的功能代替手動(dòng)輸入解鎖密碼。

• 開(kāi)發(fā)額外的特色

  如，利用傳感器，用戶玩游戲的時(shí)候使用傾斜，搖擺、旋轉(zhuǎn)和一些動(dòng)作來(lái)控制游戲的某個(gè)功能。

  如，利用手機(jī)重力感應(yīng)，計(jì)算運(yùn)動(dòng)量。

  如，利用壓力屏，彈出具有輕重緩急的樂(lè)曲或做電子稱。

  如，利用手機(jī)攝像頭玩Pokmon GO。
  

  Pokmon GO游戲界面

• 藝術(shù)模仿生活

  使用手指、雙手及動(dòng)作來(lái)控制應(yīng)用程序，使許多設(shè)計(jì)師需要進(jìn)行仿真設(shè)計(jì)。

  這種技術(shù)可以使一個(gè)應(yīng)用程序更容易操作。

  如，手機(jī)應(yīng)用icon。

  
  
  木紋皮革材質(zhì)鏡頭.png

  如，手機(jī)的記事本。

  
  
  

  image

-4- 手機(jī)本機(jī)程序的優(yōu)勢(shì)

• 如果將本機(jī)應(yīng)用程序(本機(jī)出廠自帶的應(yīng)用)和混合式應(yīng)用程序(多種能下載的手機(jī)應(yīng)用)，對(duì)于大部分應(yīng)用程序，我們還是更喜歡使用本機(jī)應(yīng)用程序。
• 隨著操作系統(tǒng)和手機(jī)功能的不斷更新，本機(jī)應(yīng)用程序一直處在手機(jī)發(fā)展的最前沿。
• 因?yàn)椴荒芸旖莸厥褂媚承┨赜械墓δ?，混合式程序總是不能與本機(jī)應(yīng)用程序相媲美，常常會(huì)讓用戶感覺(jué)速度太慢。

以小米為例：

• 博主從14年大一開(kāi)始用MI3,那個(gè)是時(shí)候配置的系統(tǒng)如果沒(méi)記錯(cuò)應(yīng)該是MIUI6。

  初次使用就覺(jué)得，MIUI自帶的應(yīng)用軟件使用起來(lái)很輕便。特別是：

  1. 【應(yīng)用商城】秒殺廣告漫天飛的【豌豆莢】；
  2. 【安全中心】讓用戶告別了功能繁瑣的【360】;
  3. 【個(gè)性主題】代替了【搜狗桌面】;
  4. 自帶【瀏覽器】功能完整，讓用戶少下載一個(gè)【UC】；

• 在后期兩年的產(chǎn)品迭代中MIUI還陸續(xù)增加了：

  1. 【小米金融】——做小米自己的P2P；
  2. 【小米錢包】——做小米自己的支付寶；
  3. 【米家】——涉獵智能家電管理；
  4. 【小米漫游】——虛擬SIM卡，為出差、旅行的你節(jié)約開(kāi)銷。

• 雖然在激烈的市場(chǎng)競(jìng)爭(zhēng)中，部分軟件的使用還未能占取一定的市場(chǎng)份額。但是這些本機(jī)自帶的應(yīng)用也可切實(shí)地一站式服務(wù)用戶，解決用戶生活所需。

好吧，今天的用戶體驗(yàn)就分享到這里,部分知識(shí)點(diǎn)參考：《蘋(píng)果APP界面設(shè)計(jì)你應(yīng)該知道的大小事 戴夫·布朗 著》

封面