我們都知道好的人機(jī)界面規(guī)范遵從于用戶思考和行動(dòng)的方式,而不屈從于設(shè)備的性能。一個(gè)缺乏吸引力,復(fù)雜的,或違悖邏輯的用戶界面,卻會(huì)讓原本優(yōu)秀的應(yīng)用變得索然無(wú)味。所以,我們應(yīng)該重視iOS人機(jī)界面指南之5大App設(shè)計(jì)策略分享。
AppUI設(shè)計(jì)策略一:UI界面美學(xué)完整性
美學(xué)完整性并不是用來(lái)衡量一個(gè)應(yīng)用程序的界面有多好看,而是用來(lái)衡量應(yīng)用程序的界面與功能是否匹配。例如,對(duì)于一個(gè)應(yīng)用來(lái)說(shuō),會(huì)用比較微妙的修飾元素和背景來(lái)體現(xiàn)生產(chǎn)性的任務(wù),對(duì)于突出的任務(wù)則會(huì)使用標(biāo)準(zhǔn)的控件和操作行為。這樣的應(yīng)用程序會(huì)傳達(dá)一個(gè)清晰和統(tǒng)一的信息給用戶,讓用戶懂得應(yīng)用程序的目的。但要是應(yīng)用程序在生產(chǎn)性任務(wù)上使用了異想天開(kāi)的元素,用戶就會(huì)被這些相互矛盾的信號(hào)所困擾。
同樣的,在一個(gè)仿真任務(wù)的應(yīng)用程序里,例如游戲應(yīng)用,用戶希望一個(gè)漂亮的界面來(lái)提供更多的樂(lè)趣從而鼓勵(lì)他們繼續(xù)游戲。盡管用戶不期待能夠在一個(gè)游戲中完成一個(gè)艱難或者是生產(chǎn)性的任務(wù),但他們?nèi)匀幌M螒虻慕缑婺軒?lái)完整的體驗(yàn)。
AppUI設(shè)計(jì)策略二:界面的一致性
應(yīng)用程序界面的一致性允許用戶利用他們自身的知識(shí)和技能完成應(yīng)用程序的過(guò)渡。當(dāng)然,保持界面的一致性,并不是讓你盲目的復(fù)制其他的應(yīng)用程序,相反的,作為開(kāi)發(fā)者應(yīng)該懂得利用同類型應(yīng)用程序大眾接受的標(biāo)準(zhǔn)和范式來(lái)設(shè)計(jì)自己的應(yīng)用。
為了確定你的應(yīng)用程序是否遵循一致性原則,開(kāi)發(fā)者們應(yīng)該想想以下幾個(gè)問(wèn)題:
A. 應(yīng)用程序與iOS的標(biāo)準(zhǔn)是否一致?是否正確的使用了系統(tǒng)提供的控件、視圖和圖標(biāo)?設(shè)計(jì)是否符合設(shè)備的功能和特色?
B. 應(yīng)用程序與本身的定位一致么?文本使用了統(tǒng)一的風(fēng)格了么?一樣的圖標(biāo)是否代表的一個(gè)意思?不同場(chǎng)景執(zhí)行相同的操作,結(jié)果是否符合用戶的預(yù)期?
C. 在合理的范圍內(nèi),應(yīng)用程序與早期的版本一致么?條款和提示是一個(gè)意思么?
設(shè)計(jì)的流程是以用戶體驗(yàn)為中心來(lái)進(jìn)行的。
AppUI設(shè)計(jì)策略三:體現(xiàn)直接操作的容易性
當(dāng)用戶操作屏幕上的對(duì)象而不是單獨(dú)的控件進(jìn)行操作時(shí),用戶更能理解自己的任務(wù)和操作的結(jié)果。iOS用戶更喜歡直接的操作行為,因?yàn)槎帱c(diǎn)觸控的設(shè)備特點(diǎn)。當(dāng)看到屏幕的對(duì)象,直接用手勢(shì)進(jìn)行操作給人一種更為親切的感覺(jué),而且很有控制感,因?yàn)闆](méi)有了媒介的干預(yù),更多指的是對(duì)鼠標(biāo)的依賴。
舉個(gè)例子,用戶可以使用兩指的縮小或放大所要控制的面積就可完成點(diǎn)擊縮放的操作。游戲中,玩家還可以直接與物體互動(dòng),直接移動(dòng)他們。例如,在顯示密碼鎖的游戲中,玩家可以直接通過(guò)旋轉(zhuǎn)操作打開(kāi)鎖。
在iOS的應(yīng)用程序中,在以下的場(chǎng)景中可以使用直接操作:
A. 旋轉(zhuǎn)或反轉(zhuǎn)來(lái)移動(dòng)設(shè)備來(lái)控制屏幕中的對(duì)象
B. 利用手勢(shì)直接操作屏幕中的對(duì)象
C. 能夠直觀的看到操作的結(jié)果
AppUI設(shè)計(jì)策略四:學(xué)會(huì)用隱喻的手法
當(dāng)虛擬的物品和操作行為是對(duì)現(xiàn)實(shí)生活中的物品和操作進(jìn)行模仿的時(shí)候,玩家能夠很快的掌握應(yīng)用程序的規(guī)則和操作。一個(gè)簡(jiǎn)單的軟件隱喻是文件夾:在現(xiàn)實(shí)生活中,人們把物品放入文件夾中,所以在計(jì)算機(jī)中,用戶能夠很快的理解這個(gè)操作的意思,很快的理解將文檔等文件放入文件夾的意思。
最合適的隱喻應(yīng)該是不受現(xiàn)實(shí)生活的限制。例如,用戶可以將很多內(nèi)容放入文件夾中,包括音樂(lè)、文檔、視頻等,但現(xiàn)實(shí)生活中顯然無(wú)法做到。
iOS操作系統(tǒng)為開(kāi)發(fā)者提供了很多的隱喻,因?yàn)樗С重S富的同行圖像和手勢(shì)。用戶可以與屏幕中的物體進(jìn)行物理交互,很多場(chǎng)景中的交互十分逼真,iOS的隱喻包括:
A. 音樂(lè)播放的倒退控制
B. 游戲中的拖拽、彈和刷操作
C. 滑動(dòng)開(kāi)關(guān)的操作
D. 選擇轉(zhuǎn)輪做選擇
AppUI設(shè)計(jì)策略五:良好的用戶控制
注意,應(yīng)用程序中,是用來(lái)控制操作行為的,而不是應(yīng)用程序。盡管應(yīng)用程序能夠建議用戶做哪些操作或者警告用戶有危險(xiǎn),但是這顯然對(duì)于應(yīng)用本身是個(gè)錯(cuò)誤,因?yàn)檫@會(huì)將玩家推得更遠(yuǎn)。成功的應(yīng)用程序應(yīng)該在一味的提示和關(guān)鍵時(shí)刻做提示之間進(jìn)行平衡。
當(dāng)對(duì)操作行為和控制感到熟悉和可預(yù)見(jiàn)的時(shí)候,用戶將會(huì)明顯感覺(jué)到自己對(duì)于應(yīng)用程序的控制。操作行為越是簡(jiǎn)單直接,玩家就能更容易的理解和記住。
更多閱讀:設(shè)計(jì)成功APP游戲圖標(biāo)的4項(xiàng)原則
AppUI設(shè)計(jì)策略六:定義你的應(yīng)用程序
用一句描述性的語(yǔ)句來(lái)清晰,具體地定義出你的app的主要用途和受眾人群。
在開(kāi)發(fā)的早期就定義好你的app,這能幫助你成功地將產(chǎn)品想法和特性轉(zhuǎn)化為一致性的應(yīng)用產(chǎn)品。在開(kāi)發(fā)過(guò)程中,利用這個(gè)定義來(lái)幫助你判斷哪些潛在的特性和行為是有意義的。請(qǐng)按照以下的步驟來(lái)定義你的app。
1. 列出所有用戶可能喜歡的特性
現(xiàn)在就開(kāi)始頭腦風(fēng)暴吧,你將會(huì)獲得有關(guān)你產(chǎn)品主要想法的所有相關(guān)的任務(wù)。不要擔(dān)心這份列表會(huì)太長(zhǎng);稍后你可以進(jìn)行縮減。
2.明確你的用戶
你的用戶可能都是在移動(dòng)的,并且都希望應(yīng)用程序擁有漂亮的圖片,簡(jiǎn)單的交互和高效的性能,如何再細(xì)分呢?你可以問(wèn)問(wèn)自己,對(duì)用戶來(lái)說(shuō)哪些是重要的事,以便利店購(gòu)物應(yīng)用為例:
n 用戶通常在家做飯還是更喜歡便當(dāng)
n 用戶是優(yōu)惠券控還是對(duì)其不感冒
n 喜歡嘗試新的食材還是一成不變
n 教條地遵照食譜還是勇于創(chuàng)新
n 購(gòu)物方式是少量多次還是多量少次
n 是將需要的東西列在購(gòu)物清單一次采購(gòu)還是在回家的途中憑記憶購(gòu)買需要的東西
n 認(rèn)品牌還是無(wú)所謂
深思熟慮這些問(wèn)題后,可能你會(huì)給出最能描述你的受眾人群的3個(gè)特征:依賴食譜,忙碌,節(jié)儉。
3.精簡(jiǎn)app特性列表
根據(jù)受眾人群的特征,對(duì)app特性列表做精簡(jiǎn),最后可能只留下了少數(shù)的app特性,這就對(duì)了,偉大的iOS應(yīng)用高度專注于用戶需要完成的任務(wù)。
舉例來(lái)說(shuō),考慮你在步驟一列出的那一長(zhǎng)串特性,盡管都很有用,但并非對(duì)所有用戶都如此。也不會(huì)所有用戶都欣賞你提供的那些特性。
你檢查這份列表后,最后得出需要關(guān)注3個(gè)主要特性:創(chuàng)建列表,激活并使用代金券,獲取菜譜。
現(xiàn)在你可以打造應(yīng)用的定義語(yǔ)句了,準(zhǔn)確概括出誰(shuí)使用app,做什么事情。還是這個(gè)便利店購(gòu)物應(yīng)用的例子,一個(gè)好的定義語(yǔ)句可能是:
那些熱愛(ài)烹飪,節(jié)儉的人們創(chuàng)建購(gòu)物清單的工具。
4.還沒(méi)有結(jié)束
在整個(gè)開(kāi)發(fā)過(guò)程中使用這個(gè)定義來(lái)界定app特性,所使用的控件,及術(shù)語(yǔ)是否合適。
全站高品質(zhì)素材免費(fèi)下載!