APP交互設(shè)計學(xué)習(xí)實戰(zhàn):快速返回置頂?shù)男枨?/h1>
設(shè)計師圈有這么一句話:好的產(chǎn)品關(guān)注功能,優(yōu)秀的產(chǎn)品關(guān)注情感。特別是如今的移動APP界面設(shè)計,更要如此。
好的設(shè)計師明白,交互設(shè)計的本質(zhì)其實是對用戶行為的一種設(shè)計。一個直達(dá)內(nèi)心的設(shè)計能夠影響用戶自身的情感,從而導(dǎo)致用戶的行為。常會有設(shè)計師說將用戶當(dāng)成是一個易怒、情緒不定、不明理的人,為什么?因為人的本質(zhì)是非理性的,邏輯是理性層面的考量,而面對情感這個潛藏在理性背后的東西,需要設(shè)計師有深厚的功力,這不是單純技巧上的問題,而是一種時間、感覺、情緒等綜合的圓熟。
另外一個知識點:交互設(shè)計的本質(zhì)是對用戶行為的一種設(shè)計,直達(dá)內(nèi)心的設(shè)計能夠影響用戶自身的情感,從而導(dǎo)致用戶的行為。
下面我們就跟隨25學(xué)堂的小編一起來學(xué)習(xí)APP交互設(shè)計吧!
這回跟大家講的需求的設(shè)計一個?快速置頂返回的需求和UI元素的設(shè)計。你會如何去設(shè)計呢?
作為一名優(yōu)秀的APP設(shè)計師拿到這樣的一個需求,怎么考慮呢?怎么動手呢?
如果你還沒有形成自己的設(shè)計流程,就先按照我們常規(guī)的設(shè)計流程來思考吧!
1、從用戶的使用場景中提取需求
2、根據(jù)需求探討對應(yīng)如何滿足的功能
3、根據(jù)功能進(jìn)行設(shè)計
第一部分:這個需求使用的用戶場景描述。案例是某個APP的瀏覽評論的APP界面
提取需求,那就是在這個界面增加一個返回置頂?shù)陌粹o和其他的功能。
第二部分:針對這個需求,提出你的設(shè)計方案
下面舉例提出三種不同的設(shè)計方案。
方案1:通過懸浮按鈕回到頂部,是現(xiàn)有手Q興趣部落、天貓H5的解決方案。這也是最常見的一直解決方案。
問題:用戶在瀏覽多屏內(nèi)容時,主場景應(yīng)該是瀏覽內(nèi)容,而不是時刻想著回頂部,所以一個固定的置頂懸浮按鈕放在右下角是否真的是最優(yōu)解?它可以解決問題,但也許不是最優(yōu)解。
方案2:主要考慮如何能夠盡量不打擾用戶的主場景又能滿足置頂需求,進(jìn)入頁面后用提示條在title欄處做功能提示,輕觸可以置頂返回頁面頂部。3秒后提示條消失。
問題:用戶真的會注意到這個提示嗎?當(dāng)用戶瀏覽內(nèi)容需要置頂返回時,能找到這個功能嗎?
方案3:在title欄上用文字提示輕觸置頂。用戶只要沒有用過這個功能,文字提示就一直存在,不會被忽略。
繼續(xù)探討問題:用戶只要在需要置頂時用過這個功能,是否能記住這個功能?此時產(chǎn)品經(jīng)理比較堅持提示文字永遠(yuǎn)存在,可我當(dāng)時認(rèn)為這個功能對于ios部分用戶來說是有使用習(xí)慣的,一些app例如微信的置頂場景也有教育。覺得大部分用戶使用過一次之后,是可以記住的。產(chǎn)品經(jīng)理很擔(dān)心用戶記不住,討論進(jìn)入死循環(huán)。
最后,在達(dá)成一致之后,總結(jié)分析下就可以著手設(shè)計了
具體分析如下:
詳情頁主場景是瀏覽內(nèi)容,而不是置頂返回。盡量不要打擾用戶的主場景。
在不打擾用戶主場景的前提下,用戶瀏覽多屏內(nèi)容后需要置頂返回時,能夠方便快速的回到頂部。
最終方案:
將方案2和方案3結(jié)合,主方案用3,在title欄文字提示輕觸置頂,用戶用過一次之后就不提示,保持界面干凈。當(dāng)以后用戶在詳情頁瀏覽了多屏以后,判斷用戶不停的向上翻動頁面超過3屏,即在title欄彈出提示條提示此功能。(認(rèn)為這種場景不會特別多)。
方案永遠(yuǎn)沒有最完美的方案,也必須持續(xù)觀察、保持思考。注意用戶的反饋,不斷的去優(yōu)化改進(jìn)方案,真正做到了設(shè)計閉環(huán)。
全站高品質(zhì)素材免費下載!