這一節(jié)課主要還是圍繞APP紅點設(shè)計的功能需求和相關(guān)產(chǎn)品同學(xué)的案例點評。
同樣是來自唯品會高級產(chǎn)品經(jīng)理的分享和點評。是對手機APP設(shè)計干貨:不簡單的紅點設(shè)計的學(xué)以致用。
下面是一張完整的APP個人中心頁面的紅點設(shè)計流程圖:
25學(xué)堂的小編繼續(xù)跟大家舉例說明一些APP個人中心頁面的紅點設(shè)計的產(chǎn)品案例。
第一位產(chǎn)品同學(xué)的案例原型圖:
第二位產(chǎn)品同學(xué)的案例原型圖:
這位同學(xué)使用了兩個new(新)的ICON提醒功能,但是在實際的產(chǎn)品設(shè)計中,不建議用太強的紅點提醒。特別是對同一個功能。new的ICON提醒會比其他的提醒強烈的多,像下方主要用紅點來提醒,這樣的弱提醒功能設(shè)計就好的多了。
需要注意的是,當(dāng)高頻次事件發(fā)生時,如何降低對用戶的干擾。以及是否所有場景都適合在一級導(dǎo)航(ME)的位置增加紅點。
第三位產(chǎn)品同學(xué)的案例原型圖:
這位同學(xué)更是交了一份非常精致,精致的不像是交互稿更像是最終的設(shè)計稿的作業(yè),對于紅點提醒功能的優(yōu)先級也做出了很好的說明。通過不同優(yōu)先級來控制對用戶的觸達(dá),以降低騷擾。
基本的紅點功能,包括紅點的引入、消失機制,以及什么情況下用文字展示、什么情況下使用紅點或者其他方式,不同展現(xiàn)的方式也基本都體現(xiàn)了產(chǎn)品邏輯和思路。
最后,25學(xué)堂的小編提醒各位童鞋記住下下面的知識點:
我們的受眾會有兩個方面,一個是用戶,一個是業(yè)務(wù)(其他產(chǎn)品的業(yè)務(wù)方)。當(dāng)多個業(yè)務(wù)都需要提醒用戶的時候,如何處理,極端的情況是滿屏幕的紅點、文字、提醒,這種情況會讓用戶感受到壓力。
全站高品質(zhì)素材免費下載!