APP交互設計學習實戰(zhàn):快速返回置頂的需求

設計師圈有這么一句話:好的產品關注功能,優(yōu)秀的產品關注情感。特別是如今的移動APP界面設計,更要如此。

好的設計師明白,交互設計的本質其實是對用戶行為的一種設計。一個直達內心的設計能夠影響用戶自身的情感,從而導致用戶的行為。常會有設計師說將用戶當成是一個易怒、情緒不定、不明理的人,為什么?因為人的本質是非理性的,邏輯是理性層面的考量,而面對情感這個潛藏在理性背后的東西,需要設計師有深厚的功力,這不是單純技巧上的問題,而是一種時間、感覺、情緒等綜合的圓熟。

另外一個知識點:交互設計的本質是對用戶行為的一種設計,直達內心的設計能夠影響用戶自身的情感,從而導致用戶的行為。

活動盒子

 

下面我們就跟隨25學堂的小編一起來學習APP交互設計吧!

這回跟大家講的需求的設計一個?快速置頂返回的需求和UI元素的設計。你會如何去設計呢?

作為一名優(yōu)秀的APP設計師拿到這樣的一個需求,怎么考慮呢?怎么動手呢?

 

如果你還沒有形成自己的設計流程,就先按照我們常規(guī)的設計流程來思考吧!

1、從用戶的使用場景中提取需求

2、根據需求探討對應如何滿足的功能

3、根據功能進行設計

 

第一部分:這個需求使用的用戶場景描述。案例是某個APP的瀏覽評論的APP界面

提取需求,那就是在這個界面增加一個返回置頂的按鈕和其他的功能。

某APP評論的界面

 

第二部分:針對這個需求,提出你的設計方案

下面舉例提出三種不同的設計方案。

方案1:通過懸浮按鈕回到頂部,是現有手Q興趣部落、天貓H5的解決方案。這也是最常見的一直解決方案。

返回置頂

問題:用戶在瀏覽多屏內容時,主場景應該是瀏覽內容,而不是時刻想著回頂部,所以一個固定的置頂懸浮按鈕放在右下角是否真的是最優(yōu)解?它可以解決問題,但也許不是最優(yōu)解。

 

方案2:主要考慮如何能夠盡量不打擾用戶的主場景又能滿足置頂需求,進入頁面后用提示條在title欄處做功能提示,輕觸可以置頂返回頁面頂部。3秒后提示條消失。

問題:用戶真的會注意到這個提示嗎?當用戶瀏覽內容需要置頂返回時,能找到這個功能嗎?

某APP評論的界面

方案3:在title欄上用文字提示輕觸置頂。用戶只要沒有用過這個功能,文字提示就一直存在,不會被忽略。

 

繼續(xù)探討問題:用戶只要在需要置頂時用過這個功能,是否能記住這個功能?此時產品經理比較堅持提示文字永遠存在,可我當時認為這個功能對于ios部分用戶來說是有使用習慣的,一些app例如微信的置頂場景也有教育。覺得大部分用戶使用過一次之后,是可以記住的。產品經理很擔心用戶記不住,討論進入死循環(huán)。

 

最后,在達成一致之后,總結分析下就可以著手設計了

具體分析如下:

詳情頁主場景是瀏覽內容,而不是置頂返回。盡量不要打擾用戶的主場景。

在不打擾用戶主場景的前提下,用戶瀏覽多屏內容后需要置頂返回時,能夠方便快速的回到頂部。

最終方案:

將方案2和方案3結合,主方案用3,在title欄文字提示輕觸置頂,用戶用過一次之后就不提示,保持界面干凈。當以后用戶在詳情頁瀏覽了多屏以后,判斷用戶不停的向上翻動頁面超過3屏,即在title欄彈出提示條提示此功能。(認為這種場景不會特別多)。

方案永遠沒有最完美的方案,也必須持續(xù)觀察、保持思考。注意用戶的反饋,不斷的去優(yōu)化改進方案,真正做到了設計閉環(huán)。

每天更新,
全站高品質素材免費下載!