在做交互稿或視覺稿的時候，為了讓界面盡可能的真實，設(shè)計師們會虛擬一些內(nèi)容放在頁面上。但是當看到前端同學產(chǎn)出的demo時，設(shè)計師們又總是會覺得為啥和我當初做的頁面那么不一樣捏?設(shè)計師總喜歡把圖做的很漂亮，在虛擬頁面的內(nèi)容時，使用漂亮的圖片，把內(nèi)容安排的恰到好處。但是當產(chǎn)出界面demo時，這個頁面可能是個空內(nèi)容的頁面，也可能內(nèi)容很多，導(dǎo)致布局錯位。所以在設(shè)計界面時，一定不能忽視空狀態(tài)、內(nèi)容過多等極限狀態(tài)。這些狀態(tài)也許只會在初次使用時遇到，也許只會有很小一部分用戶遇到，但是這些都影響著產(chǎn)品的細節(jié)品質(zhì)。

空狀態(tài)

用戶在初次使用一些產(chǎn)品時，經(jīng)常會遇到空內(nèi)容的界面，尤其是社交類的互聯(lián)網(wǎng)產(chǎn)品，用戶需要自己建立圈子、產(chǎn)生內(nèi)容。 這種時候，通常會采用新手引導(dǎo)的方式，引導(dǎo)用戶進行下一步操作。

比如初次使用foursquare時，會引導(dǎo)用戶去添加好友，為了方便尋找好友，還可以從Facebook、Gmail、twitter中導(dǎo)入好友。

如果你的Facebook里面還沒有寫過任何文章，他也會引導(dǎo)你去進行寫作，發(fā)布新的文章。

同樣，F(xiàn)lickr也采用了引導(dǎo)操作的方式，讓用戶明確的知道，自己現(xiàn)在的狀態(tài)是什么，下一步應(yīng)該做些什么。

Gmail則采取發(fā)送郵件的方式對用戶進行新手引導(dǎo)，讓用戶在閱讀新手須知的同時，即完成了第一次使用的體驗。

Tumblr利用空狀態(tài)對界面的主要操作區(qū)域進行了說明，沒有規(guī)定用戶下一步應(yīng)該做什么，你可以去添加關(guān)注，可以去發(fā)布內(nèi)容，也可以去裝飾自己的主頁。這同樣也是希望用戶可以快速上手。

內(nèi)容過多時的狀態(tài)

互聯(lián)網(wǎng)產(chǎn)品中的界面應(yīng)是可擴展的，這樣內(nèi)容才可以實現(xiàn)靈活地變化、充分地擴展。

本文轉(zhuǎn)載自 PMtoo