交互設(shè)計分析:設(shè)計中不可忽略的產(chǎn)品狀態(tài) |
發(fā)布時間: 2012/9/13 15:24:22 |
在產(chǎn)品的設(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ì)。 在做交互稿或視覺稿的時候,為了讓界面盡可能的真實,設(shè)計師們會虛擬一些內(nèi)容放在頁面上。但是當看到前端同學(xué)產(chǎn)出的demo時,設(shè)計師們又總是會覺得為啥和我當初做的頁面那么不一樣捏? 空狀態(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)靈活地變化、充分地擴展。具體的方法,可以參見另一篇文章《界面靈活可擴展》。 本文出自:億恩科技【1tcdy.com】 服務(wù)器租用/服務(wù)器托管中國五強!虛擬主機域名注冊頂級提供商!15年品質(zhì)保障!--億恩科技[ENKJ.COM] |