臨時視圖在電商應用中的使用

1.什麼是臨時視圖

app主要有四類臨時框:警告視圖、操作列表、模態視圖以及最後一種不用點擊確定與取消就會自動取消的用來提示網絡不好或者更新內容的臨時框(吐司Toast)。

臨時視圖在電商應用中的使用

2. 臨時視圖-警告框

臨時視圖在電商應用中的使用

用戶在操作app時,有時候會勿刪等敏感操作,或者app想要獲取你的位置、相冊、相機時,就需要一個視圖彈框來警告自己操作是否繼續進行,這時候用到的臨時框就是由標題、正文、按鈕等組成的警告視圖。

3.臨時視圖-操作列表

臨時視圖在電商應用中的使用

用戶在使用app時,聽到好的音樂、看到好的文章、視頻時,會產生分享、收藏的慾望。而當前的頁面是無法滿足這麼多的操作的,需要加一個臨時框來將這些操作都放出來。這時候用到的臨時框就是操作列表臨時框。

4.臨時視圖-模態視圖

臨時視圖在電商應用中的使用

臨時視圖在電商應用中的使用

模態視圖與子頁面的主要別在於子頁面是從主任務下分支的另一任務,二模態視圖是浮於主任務至上暫停主任務進程服務於當前主任務。

用模特視圖有以下幾個特點

①佔據整個屏幕或屏幕的一部分,或者佔據父視圖的部分區域。

②包含完成當前任務所需的文字和控件。

③通常也包含一個完成任務的按鈕,和一個取消按鈕。

5. 臨時視圖-Toast

臨時視圖在電商應用中的使用

toast不需要用戶操作,一般維持的時間是1秒到1.5秒後自動消失。時間太短用戶沒辦法感知,時間過長又沒有必要。

1)、由於移動端的使用場景很複雜,用戶執行了某一個操作時,很多時候App並不能立即反饋給用戶操作結果,這個時候彈出一個Toast提示用戶已經執行了該操作,會顯得很人性化,這就是用戶體驗。

2)、提示用戶操作錯誤或者正確,列如App經常會提示用戶:登錄成功、下載失敗、密碼輸入錯誤

6.臨時視圖使用規則

臨時視圖首先使用在用戶視頻頻率相對低的頁面。

臨時視圖永遠浮於當前頁面上,服務於當前任務。

使用臨時視圖可以減少交互層級,降低用戶記憶成本。(用戶不必考慮返回上一頁是什麼內容?)

破壞或崩潰性及授權等操作使用警告框,當前頁面控件激活後根據呈現可操作的內容多少使用操作列表或模態視圖,提示性臨時內容使用toast.

7.臨時視圖在電商應用中的使用-總結

移動系統(Android&IOS)建議使用的四種主要臨時視圖都有被電商類應用合理使用。

通過使用場景,反饋效果及產品的自身定位使用對應的臨時視圖並採取對應的優化方案(京東聯動選擇器案例)

電商類與其他類型應用使用臨時視圖時都應儘量在同一頁面不要同時出現兩張臨時視圖(除在模態視圖進行操作更改後不執行保存後可以彈出警告框)

在設計電商類應用過程中,在不斷提升用戶體驗的基礎上,要根據電商平臺屬性合理適當的複雜化臨時視圖及標準控件的使用,增加用戶的下單信心。


分享到:


相關文章: