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

空狀態(tài)

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

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

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

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

 

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

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

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

互聯(lián)網(wǎng)產(chǎn)品中的界面應(yīng)該是可擴(kuò)展的，這樣內(nèi)容才可以實(shí)現(xiàn)靈活地變化、充分地?cái)U(kuò)展。具體的方法，可以參見另一篇文章《界面靈活可擴(kuò)展》。

文/子木YOYO'S BLOG

標(biāo)簽： 產(chǎn)品狀態(tài) 產(chǎn)品形態(tài) 用戶體驗(yàn) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。