您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 移動前端 >> 瀏覽設計教程

手機APP設計:不簡單的紅點設計

親,看到這樣的標題有沒有聯(lián)想到我們經常喜歡點的那些紅點設計的APP呢?

如下圖qq app界面設計:

app里面的紅點設計

你看到專業(yè)的這個看似簡單的小功能,其實在產品設計中的紅點設計,可一點都不簡單。

手機APP里面的紅點功能到底應該怎么去設計呢?

在上線一個新的功能之前,應該考慮的是這個功能的價值,受眾,能給用戶帶來什么,能給平臺帶來什么。基于此我們來考慮一下紅點功能的設計。

我們可以從下面五個方面來進行手機APP的紅點設計。

APP紅點設計

 

1、紅點設計功能的受眾

個人中心紅點需求的受眾分為兩部分:

1.用戶。給用戶呈現紅點,讓用戶知道這里有新的內容,吸引用戶點擊

2.自己內部產品,運營的同事,幫助他們推廣新功能。讓用戶觸達到新功能的上線,不讓用戶僅僅局限在首屏。比如微信上線新的游戲或者表情,通過紅點進行提示。

 

這兩部分受眾其實是有沖突的,業(yè)務側需要推廣告訴用戶新功能,但這些功能不一定是用戶有需要的,可能會打擾到用戶。所以需要考慮清楚,平衡兩者之間的矛盾,更少打擾用戶,更多告訴用戶關注的信息。

 

2、紅點功能的內容

一般情況,紅點的出現涉及三個層面的內容:

1、新上線的功能

2、某一個已經上線的功能有了新的更新

3、某一個功能有內容的變化,業(yè)務上的提醒。(比如支付寶錢包的余額變化,朋友圈的新回復等)

 

3、紅點功能的設計思路

紅點產品的設計需要考慮到前后端。

前端:呈現給用戶的信息

后端:功能或平臺來配置所需的信息(即判斷這一功能給不給用戶進行展示)

 

前端的設計主要分為三個方向來進行考慮:

內容:紅點采用什么樣的形式,是數字,紅點,圖片,文字還是icon?

層級:劃分推廣廣的優(yōu)先級,是在首頁頂部導航展示,還是在在個人中心頁面進行展示。根據功能的優(yōu)先級來選擇不同的級別進行展現

用戶:比如某一個功能的上新只想告訴某一部分用戶,或者是功能的逐漸推廣?;谟脩舻牟煌捎貌煌募t點提示

 

4、紅點產品設計要考慮的場景

 1、新功能上線的場景

2、業(yè)務更新的時候的場景

3、業(yè)務內容、狀態(tài)產生變化時的場景(錢包有優(yōu)惠卷,好友登錄等等)

 

 

5、紅點設計需要考慮的功能點

A、內容部分(展現的交互形式,數字、紅點或圖片,在個人中心內部或者首頁可以有不同的展現形式)

B、層級部分(希望觸達給用戶的場景區(qū)分優(yōu)先級,A類層級展示,B類怎么展示,不用層級的用戶采用不同的展現形式)

C、用戶部分(給那些用戶展現,不給哪些用戶展現)

[教程作者:佚名]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/wd3238.html
移動app設計-我們真的需要啟動頁么?
你需要知道的9個移動端用戶體驗設計準則
圖趣網微信
建議反饋
×