之前25學堂跟大家分享了移動APP界面設計分享:文字閱讀體驗設計篇和APP界面設計教程:移動界面設計尺寸篇、手機移動端APP界面設計之引導設計篇。
今天25學堂繼續(xù)跟大家來聊一聊?APP場景思考與設計篇。
眾所周知,移動產品設計最大的差異點在于用戶使用場景的變化,場景的變化引發(fā)了交互方式巨大的變化,從而也使得信息呈現(xiàn)方式有所不同。
我們也可以這樣理解:
場景、任務、用戶可以稱之為移動設計的三要素,每一個設計實際上都是試圖去幫助用戶在某個場景下完成某個任務的。一般來說,移動產品設計的通用原則為“簡單,易用,高效,流暢”。產品之要,首在場景感。沒有錯誤的設計,只有放在錯誤的場景下的設計。
今天,25學堂只跟大家來說場景。
所以,移動場景設計和思考很重要,不容忽視。
光說移動場景幾個字,很陌生。大家不知道了解這款APP不?instagram
他可以基于移動場景的典型設計。有興趣的小伙伴可以下載體驗下。
第一方面:必須擁有場景感
不管是移動產品經(jīng)理,還是移動APPui設計師。都要先構思好APP的場景感。
場景感,簡單說就是一種講故事的能力。之前我打過一個比方,產品經(jīng)理就好像是個編劇加導演,你需要像一個導演一樣思考,演員在舞臺上怎么站位,他使用什么樣的臺詞,他如何走位,他怎么退場。
相應的,產品經(jīng)理在做一個功能之前也需要去思考,用戶當時處在什么樣的情況,他想要干什么,他會怎么做,如果他這樣做,他會有什么感受?
只有你深知了這個APP的場景感,才能知道怎么去設計,怎么去設計的簡單和設計的交互。
原因有三點:
第一點:場景的描述實際上是在構造一個完整的過程。一個場景里面包含了什么人,在什么狀態(tài)下,遇到了什么問題,他們如何操作,他們得到什么反饋。你把他們連起來一考慮,實際上這個產品就出來了。沒有使用場景的產品,就是無源之水。
第二點:通過場景描述的方式跟合作方介紹產品與功能,更能讓人理解,更快速的知道你要做什么,建立模型。
第三點:怎么培養(yǎng)場景感?去體驗生活,去實際操作。
從做快捷酒店管家開始,我嘗試在不同的城市住不同的品牌酒店,在不同的時間通過不同的方式預訂,在酒店的前臺觀察那些辦理入住的人。我們團隊的人也不斷的實際去酒店前臺實習,觀察那些入住酒店的人。
不斷的練習描述某個事情。一個輸入密碼的過程分解出來,每一步是什么樣的;從下載 APP 到安裝 APP 到打開,到執(zhí)行操作,分別有哪些步驟,如何操作。
盡可能少的使用專業(yè)詞語。練習在不使用任何一個專業(yè)詞匯的情況下,把一個問題說清楚,說到即使不是從業(yè)者也能聽得懂。盡可能多的去消化專業(yè)詞語,然后用大白話給他描述出來。
當我不知道如何判斷一個設計的好壞,不知道如何去設計一個功能的時候,我做的最多的事情是,停下來,開始模擬,模擬我要是一個用戶,我會怎么操作,我會怎么想,然后把這些步驟與片段連接起來,描述出來,然后從中發(fā)現(xiàn)問題,尋找設計。
產品設計其實沒什么難的,要說難,難就難在怎么讓他變的自然,變的順其自然,變的像空氣一樣重要但是又感受不到他的存在。直到有一天,你失去了空氣,你才知道,我靠,原來,那就是最好的,最合適的。
第二個方面:移動APP的場景設計是必須考慮流量的。
流量在移動應用場景中如此重要,那么我們在進行產品設計的時候,就需要進行流量思考,估算我們的產品會占用用戶多少流量??梢哉f電子商務產品80%的流量來自于圖片。針對圖片和用戶訪問路徑,我們就可以容易的估算出產品到底消耗了用戶多少流量。
第三個方面:APP使用的環(huán)境光。
移動場景:刺眼的太陽光底下,昏暗的夜幕下,睡前的一片漆黑
設計啟示:高對比度,快速調節(jié)亮度,聲音提示等
如果有好的場景轉換手法,將給用戶帶來極大的好體驗。也是我們需要思考的一個移動場景因素。
所以設計師可以考慮在設計完畢后,放在手機上調節(jié)各種亮度或則在太陽底下看看實際的效果。提高前后元素的對比度,可以適應各種場景。包括語音的提示等。
同時也要在產品的信息布局上就需要將這樣的場景考慮進去,讓這樣的布局減輕用戶的記憶負擔。
今天就跟大家聊這么多,如果大家還有更好的一些關于移動場景的設計干貨??梢耘c我們分享。25學堂隨時歡迎大家的投稿。
全站高品質素材免費下載!