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

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

1、全局提示:

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

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

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

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

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

 

2、頁面文字提示:

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

3、toast提示:

Toast比較特殊,它出現(xiàn)之后會自動消失,一般維持時間在1秒到1.5秒。時間太短用戶沒辦法感知,時間過長又影響用戶體驗。

Toast提示的使用場景:

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

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

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

4、頁面操作提示

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

5、特殊提示

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

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

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

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

 

除了彈窗提示這里沒有提到以外,大致分為以上這些類,日后再見到其他類型會再補充。

 

作者:角馬X? 來源:簡書

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