中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

前面幾篇文章里面分析了交互設計的三維度：框架、流程和狀態，詳細內容請見《三個維度，解析產品的交互設計》。本文將會是總結篇的最后一篇，主要詳細來講講頁面狀態和展示規則的一些門道。

現如今的移動app應用越來越成熟，用戶對于產品的用戶體驗的要求也越來越高，一個好的用戶體驗需要一個好的產品框架，一個流暢的操作流程，以及清晰的頁面狀態和展示規則。而對于頁面狀態的思考，我將其總結為5個方面：角色、網絡、內容、時間、環境。

1、角色

用戶的當前角色不同，其展示的頁面功能和樣式也是完全不同的。常見的角色區分主要有：登錄用戶和游客用戶（非登錄）；管理員用戶和普通用戶；會員用戶和非會員用戶；女性用戶和男性用戶等等。

舉個例子，上圖展示了用戶登錄前和登錄后頁面狀態展示的變化，這里要思考的是對于游客用戶和登錄用戶分別需要展示什么內容？兩者在功能使用上有什么差別？用戶目標的差別等等，當然最重要的是思考這樣做的原因是什么。

2、網絡

網絡對于頁面狀態展示相對較為復雜，目前主要考慮的網絡形式有：無網、弱網、加載、加載失敗、斷網、wifi-3G/4G切換等等。

網絡異常的情況一直以來都是比較容易忽視的存在，但是往往這些細節的考慮會大大提升用戶體驗。

網絡狀態的變化非常復雜，要考慮到每個點其實是不容易的，比如無網和瀏覽中突然斷網是兩種不同的場景，雖然有時候頁面展示相同，但用戶當前的心理狀態是不同的；再比如加載中的頁面，加載是用戶端在獲取服務器的內容，這個過程本身就是多變的，有可能是系統自動請求獲取，也有可能是用戶手動刷新獲取，這兩者在展示上也是有區別的，如果再極端一點，用戶不停地刷新獲取，那么對服務器產生壓力，設計上該怎么避免？另外加載過程需要請求時間，時間長短跟網絡情況好壞有關，如果網絡不好，那么加載時間又怎么控制？加載成功和失敗又該怎么反饋？所有這些細節點都是要在交互設計的過程中思考的，雖然每個設計師的思路可能不同，但是都是為了給用戶帶來更好的體驗。

3、內容

內容是頁面承載的主體，這里會影響頁面狀態幾個因素是：內容為空、內容太少、內容溢出。

看個例子，上圖是郵箱的列表頁，這個頁面也會隨著內容的變化頁面狀態也隨之變化，如果按照上面的方式思考的話，內容為空、內容太少和內容溢出。內容為空的狀態就是空頁面，內容溢出就是你的消息內容超出規定的范圍，這個時候需要考慮內容溢出的展示樣式是什么樣子的？默認展示多少字符？消息未讀是什么狀態？消息已讀又是什么狀態？內容太少的樣式又該如何展示？等等這些在設計這類頁面的時候都是要考慮清楚的。

4、時間

時間顧名思義是在不同的時間點頁面的某些元素會有不同的狀態

前段時間做了一些運營活動設計，活動經常有個時間段，所以頁面按鈕的狀態會出現活動開始前的“”即將開搶“”，活動中的“”抽紅包“”，活動結束后的“”已結束“”。當然還有一些辦公類審批報銷類功能也涉及到時間與狀態的變化，這里的狀態變化相對比較復雜，不僅僅涉及到時間還有不同角色的區別，有興趣的朋友可以自己去體驗一下。

5、環境

環境是一個比較少見的情況，但是在某類app中會顯得很重要，比如地圖類、天氣類應用，常見的環境類型有位置、氣候、溫度、海拔、空氣質量等等。地圖類應用可以根據當前的定位給你展示最近的路線方案；天氣類應用可以根據當前的溫度給你推薦不同的出行裝備；還有一些AR類應用會根據你前的地理位置和環境做一些游戲類的互動，qq和支付寶都做過這些嘗試，未來這樣的新興的交互方式也會越來越多，而對于交互設計師來說，除了要了解本身的知識學習之外，更是為了準備好即將到來的新時代。

最后將上面5個要素重新梳理一下，下面舉個例子：

這是微信的消息頁，這個頁面的狀態也是非常多的，按照上面的思路來分析：角色-網絡-內容-時間-環境。

角色：首先看看是否有登錄用戶和游客用戶的區別，微信是強登錄，所以這里只有登錄后狀態；然后看看有沒有什么會員、管理員與普通用戶的區別，目前微信好像沒有什么會員體系，所以這里也沒有這種狀態。

網絡：思考一下網絡中斷的展示方式？然后加載中、加載失敗和加載成功都是什么樣式的？弱網條件下又展示哪些內容？加載機制又是什么樣子的？ 等等等等……微信這方面的考慮還是很周全的，有興趣可以自己去嘗試看一下。

內容：消息列表為空頁面怎么展示？消息內容溢出該如何表達？默認的字符要多少？未讀消息怎么表現？超過99該如何？超過999又該如何？消息已讀后如何展現？

時間：想想不同的時間點頁面狀態會不會有區別和變化，這里的時間主要是不同的時間點消息的推送，這里的狀態主要是內容的變化導致的。

環境：考慮下不同的地理位置、空氣、氣候、溫度等等因素會不會產生影響，目前來看這個方面對頁面不會有什么狀態影響。

其實在實際的工作中，頁面的狀態變化是非常復雜的，這里總結的幾個維度，姑且可以作為設計工作中參考的幾個點，讓我們在做交互設計的過程中能夠有一個比較全面的思考方向，也能夠盡量避免一些重要狀態的缺失。交互設計的價值不僅僅需要有合理的框架、流暢的流程，更需要每個頁面狀態的精雕細琢，然而對于用戶來說，可能每一個細節體驗的提升都代表了用戶對產品的認可。

相關閱讀

交互總結篇（一）：框架與布局

交互總結篇（二）：流程設計

本文由 @小米渣和大冬瓜 原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自PEXELS，基于CC0協議