app消息設(shè)計(jì)幾種交互方式

這里介紹一下關(guān)于APP中的消息提示設(shè)計(jì)的幾種交互方式,這邊省略了大家熟悉的彈窗提示。

1、全局提示:

頂部提示一般用于提示頁(yè)面的當(dāng)前狀態(tài)或者想要引導(dǎo)用戶進(jìn)行什么樣的操作。大概分為三種樣式。這三種樣式使用場(chǎng)景不同,對(duì)用戶的干擾程度也不同,是其它提示樣式的一種變形。

第一種:始終存在于頁(yè)面頂部,用于重要的提示或是交代頁(yè)面狀態(tài)的提示。

例如:左一頁(yè)面更新、左二頁(yè)面斷網(wǎng)。都是在交代當(dāng)前頁(yè)面的狀態(tài)么,左二嚴(yán)重影響操作的提示。右一提示用戶對(duì)于喜歡的視頻進(jìn)行打榜。

第二種:操作出錯(cuò)或頁(yè)面內(nèi)容出錯(cuò),頁(yè)面下拉后出現(xiàn),又馬上消失。是toast的一種變形,這樣的提示比普通toast提示更顯眼些,更引人注意。如下圖左一。

第三種:位于頁(yè)面底部,固定顯示不會(huì)消失,描述頁(yè)面當(dāng)前狀態(tài)。對(duì)用戶干擾極小。如上圖右一。

 

2、頁(yè)面文字提示:

常用于單個(gè)輸入框信息注釋?;蛘咭唤M輸入框填寫(xiě)內(nèi)容詮釋。如下圖輸入框內(nèi)淺灰色字和灰色底上的文字信息。

3、toast提示:

Toast比較特殊,它出現(xiàn)之后會(huì)自動(dòng)消失,一般維持時(shí)間在1秒到1.5秒。時(shí)間太短用戶沒(méi)辦法感知,時(shí)間過(guò)長(zhǎng)又影響用戶體驗(yàn)。

Toast提示的使用場(chǎng)景:

1、使用場(chǎng)景復(fù)雜的時(shí)候。當(dāng)用戶執(zhí)行了某個(gè)操作,APP不能立刻反饋給用戶操作結(jié)果,此時(shí)提示用戶已執(zhí)行該操作。

2、操作錯(cuò)誤或者正確的時(shí)候,例如App經(jīng)常會(huì)提示用戶:登錄成功、下載失敗、密碼輸入錯(cuò)誤。此外還有操作無(wú)效時(shí),例如上圖右三。

3、提示用戶頁(yè)面的當(dāng)前狀態(tài),例如上圖左一左二。當(dāng)前頁(yè)面為數(shù)據(jù)示例頁(yè)面等。

4、頁(yè)面操作提示

通常用于頁(yè)面中的相關(guān)操作或者功能提醒,用戶根據(jù)引導(dǎo)點(diǎn)擊之后消失。例如左圖播放按鈕的操作提醒,右圖的功能操作引導(dǎo)。右圖通常帶有強(qiáng)制性操作,而左圖只具有引導(dǎo)式操作,并不對(duì)其他操作有干擾。

5、特殊提示

特殊提示包括:動(dòng)態(tài)提示、卡片式提示、氣泡提示。

動(dòng)態(tài)提示常用于密碼輸入錯(cuò)誤提醒,例如上圖左一、左二。當(dāng)密碼輸入錯(cuò)誤的時(shí)候,左一會(huì)出現(xiàn)一行紅色的提示文字,并左右晃動(dòng)。

卡片式提示類(lèi)似于頁(yè)面操作提示,例如上圖右一的長(zhǎng)條形卡片提示,首次進(jìn)入頁(yè)面的時(shí)候出現(xiàn),點(diǎn)擊卡片滾動(dòng)跳轉(zhuǎn)到首頁(yè)下拉頁(yè)面。右側(cè)的信件提示當(dāng)系統(tǒng)發(fā)給用戶來(lái)信消息的時(shí)候會(huì)在右側(cè)顯示,顯示方式是類(lèi)型抽屜式的,當(dāng)我滾動(dòng)頁(yè)面的時(shí)候不顯示。頁(yè)面停止的時(shí)候顯示。

氣泡提示一般用于系統(tǒng)消息提示,例如上圖右一,右上方的小氣泡提示。

 

除了彈窗提示這里沒(méi)有提到以外,大致分為以上這些類(lèi),日后再見(jiàn)到其他類(lèi)型會(huì)再補(bǔ)充。

 

作者:角馬X? 來(lái)源:簡(jiǎn)書(shū)

每天更新,
全站高品質(zhì)素材免費(fèi)下載!