移動(dòng)APP界面設(shè)計(jì)課程:APP場(chǎng)景思考與設(shè)計(jì)篇

之前25學(xué)堂跟大家分享了移動(dòng)APP界面設(shè)計(jì)分享:文字閱讀體驗(yàn)設(shè)計(jì)篇APP界面設(shè)計(jì)教程:移動(dòng)界面設(shè)計(jì)尺寸篇、手機(jī)移動(dòng)端APP界面設(shè)計(jì)之引導(dǎo)設(shè)計(jì)篇

今天25學(xué)堂繼續(xù)跟大家來(lái)聊一聊?APP場(chǎng)景思考與設(shè)計(jì)篇。

iPad-Magazine-Mockup-blugraphic

眾所周知,移動(dòng)產(chǎn)品設(shè)計(jì)最大的差異點(diǎn)在于用戶使用場(chǎng)景的變化,場(chǎng)景的變化引發(fā)了交互方式巨大的變化,從而也使得信息呈現(xiàn)方式有所不同。

我們也可以這樣理解:

場(chǎng)景、任務(wù)、用戶可以稱之為移動(dòng)設(shè)計(jì)的三要素,每一個(gè)設(shè)計(jì)實(shí)際上都是試圖去幫助用戶在某個(gè)場(chǎng)景下完成某個(gè)任務(wù)的。一般來(lái)說(shuō),移動(dòng)產(chǎn)品設(shè)計(jì)的通用原則為“簡(jiǎn)單,易用,高效,流暢”。產(chǎn)品之要,首在場(chǎng)景感。沒(méi)有錯(cuò)誤的設(shè)計(jì),只有放在錯(cuò)誤的場(chǎng)景下的設(shè)計(jì)。

今天,25學(xué)堂只跟大家來(lái)說(shuō)場(chǎng)景。

所以,移動(dòng)場(chǎng)景設(shè)計(jì)和思考很重要,不容忽視。

光說(shuō)移動(dòng)場(chǎng)景幾個(gè)字,很陌生。大家不知道了解這款A(yù)PP不?instagram

他可以基于移動(dòng)場(chǎng)景的典型設(shè)計(jì)。有興趣的小伙伴可以下載體驗(yàn)下。

 

第一方面:必須擁有場(chǎng)景感

不管是移動(dòng)產(chǎn)品經(jīng)理,還是移動(dòng)APPui設(shè)計(jì)師。都要先構(gòu)思好APP的場(chǎng)景感。

場(chǎng)景感,簡(jiǎn)單說(shuō)就是一種講故事的能力。之前我打過(guò)一個(gè)比方,產(chǎn)品經(jīng)理就好像是個(gè)編劇加導(dǎo)演,你需要像一個(gè)導(dǎo)演一樣思考,演員在舞臺(tái)上怎么站位,他使用什么樣的臺(tái)詞,他如何走位,他怎么退場(chǎng)。

相應(yīng)的,產(chǎn)品經(jīng)理在做一個(gè)功能之前也需要去思考,用戶當(dāng)時(shí)處在什么樣的情況,他想要干什么,他會(huì)怎么做,如果他這樣做,他會(huì)有什么感受?

只有你深知了這個(gè)APP的場(chǎng)景感,才能知道怎么去設(shè)計(jì),怎么去設(shè)計(jì)的簡(jiǎn)單和設(shè)計(jì)的交互。

6_iphone_6_mochups_dribbble_1x

原因有三點(diǎn):

第一點(diǎn):場(chǎng)景的描述實(shí)際上是在構(gòu)造一個(gè)完整的過(guò)程。一個(gè)場(chǎng)景里面包含了什么人,在什么狀態(tài)下,遇到了什么問(wèn)題,他們?nèi)绾尾僮?,他們得到什么反饋。你把他們連起來(lái)一考慮,實(shí)際上這個(gè)產(chǎn)品就出來(lái)了。沒(méi)有使用場(chǎng)景的產(chǎn)品,就是無(wú)源之水。

第二點(diǎn):通過(guò)場(chǎng)景描述的方式跟合作方介紹產(chǎn)品與功能,更能讓人理解,更快速的知道你要做什么,建立模型。

第三點(diǎn):怎么培養(yǎng)場(chǎng)景感?去體驗(yàn)生活,去實(shí)際操作。

從做快捷酒店管家開(kāi)始,我嘗試在不同的城市住不同的品牌酒店,在不同的時(shí)間通過(guò)不同的方式預(yù)訂,在酒店的前臺(tái)觀察那些辦理入住的人。我們團(tuán)隊(duì)的人也不斷的實(shí)際去酒店前臺(tái)實(shí)習(xí),觀察那些入住酒店的人。

不斷的練習(xí)描述某個(gè)事情。一個(gè)輸入密碼的過(guò)程分解出來(lái),每一步是什么樣的;從下載 APP 到安裝 APP 到打開(kāi),到執(zhí)行操作,分別有哪些步驟,如何操作。

盡可能少的使用專業(yè)詞語(yǔ)。練習(xí)在不使用任何一個(gè)專業(yè)詞匯的情況下,把一個(gè)問(wèn)題說(shuō)清楚,說(shuō)到即使不是從業(yè)者也能聽(tīng)得懂。盡可能多的去消化專業(yè)詞語(yǔ),然后用大白話給他描述出來(lái)。

2

當(dāng)我不知道如何判斷一個(gè)設(shè)計(jì)的好壞,不知道如何去設(shè)計(jì)一個(gè)功能的時(shí)候,我做的最多的事情是,停下來(lái),開(kāi)始模擬,模擬我要是一個(gè)用戶,我會(huì)怎么操作,我會(huì)怎么想,然后把這些步驟與片段連接起來(lái),描述出來(lái),然后從中發(fā)現(xiàn)問(wèn)題,尋找設(shè)計(jì)。

產(chǎn)品設(shè)計(jì)其實(shí)沒(méi)什么難的,要說(shuō)難,難就難在怎么讓他變的自然,變的順其自然,變的像空氣一樣重要但是又感受不到他的存在。直到有一天,你失去了空氣,你才知道,我靠,原來(lái),那就是最好的,最合適的。

 

第二個(gè)方面:移動(dòng)APP的場(chǎng)景設(shè)計(jì)是必須考慮流量的。

流量在移動(dòng)應(yīng)用場(chǎng)景中如此重要,那么我們?cè)谶M(jìn)行產(chǎn)品設(shè)計(jì)的時(shí)候,就需要進(jìn)行流量思考,估算我們的產(chǎn)品會(huì)占用用戶多少流量??梢哉f(shuō)電子商務(wù)產(chǎn)品80%的流量來(lái)自于圖片。針對(duì)圖片和用戶訪問(wèn)路徑,我們就可以容易的估算出產(chǎn)品到底消耗了用戶多少流量。

移動(dòng)app產(chǎn)品設(shè)計(jì)

第三個(gè)方面:APP使用的環(huán)境光。

移動(dòng)場(chǎng)景:刺眼的太陽(yáng)光底下,昏暗的夜幕下,睡前的一片漆黑

設(shè)計(jì)啟示:高對(duì)比度,快速調(diào)節(jié)亮度,聲音提示等

如果有好的場(chǎng)景轉(zhuǎn)換手法,將給用戶帶來(lái)極大的好體驗(yàn)。也是我們需要思考的一個(gè)移動(dòng)場(chǎng)景因素。

所以設(shè)計(jì)師可以考慮在設(shè)計(jì)完畢后,放在手機(jī)上調(diào)節(jié)各種亮度或則在太陽(yáng)底下看看實(shí)際的效果。提高前后元素的對(duì)比度,可以適應(yīng)各種場(chǎng)景。包括語(yǔ)音的提示等。

同時(shí)也要在產(chǎn)品的信息布局上就需要將這樣的場(chǎng)景考慮進(jìn)去,讓這樣的布局減輕用戶的記憶負(fù)擔(dān)。

今天就跟大家聊這么多,如果大家還有更好的一些關(guān)于移動(dòng)場(chǎng)景的設(shè)計(jì)干貨??梢耘c我們分享。25學(xué)堂隨時(shí)歡迎大家的投稿。

 

每天更新,
全站高品質(zhì)素材免費(fèi)下載!