交互設(shè)計(jì)分析:設(shè)計(jì)中不可忽略的產(chǎn)品狀態(tài) |
發(fā)布時(shí)間: 2012/9/13 15:24:22 |
在產(chǎn)品的設(shè)計(jì)過程中,設(shè)計(jì)師總喜歡把圖做的很漂亮,在虛擬頁面的內(nèi)容時(shí),使用漂亮的圖片,把內(nèi)容安排的恰到好處。但是當(dāng)產(chǎn)出界面demo時(shí),這個(gè)頁面可能是個(gè)空內(nèi)容的頁面,也可能內(nèi)容很多,導(dǎo)致布局錯(cuò)位。
所以在設(shè)計(jì)界面時(shí),一定不能忽視空狀態(tài)、內(nèi)容過多等極限狀態(tài)。這些狀態(tài)也許只會(huì)在初次使用時(shí)遇到,也許只會(huì)有很小一部分用戶遇到,但是這些都影響著產(chǎn)品的細(xì)節(jié)品質(zhì)。 在做交互稿或視覺稿的時(shí)候,為了讓界面盡可能的真實(shí),設(shè)計(jì)師們會(huì)虛擬一些內(nèi)容放在頁面上。但是當(dāng)看到前端同學(xué)產(chǎn)出的demo時(shí),設(shè)計(jì)師們又總是會(huì)覺得為啥和我當(dāng)初做的頁面那么不一樣捏? 空狀態(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)行了說明,沒有規(guī)定用戶下一步應(yīng)該做什么,你可以去添加關(guān)注,可以去發(fā)布內(nèi)容,也可以去裝飾自己的主頁。這同樣也是希望用戶可以快速上手。 內(nèi)容過多時(shí)的狀態(tài) 互聯(lián)網(wǎng)產(chǎn)品中的界面應(yīng)該是可擴(kuò)展的,這樣內(nèi)容才可以實(shí)現(xiàn)靈活地變化、充分地?cái)U(kuò)展。具體的方法,可以參見另一篇文章《界面靈活可擴(kuò)展》。 本文出自:億恩科技【mszdt.com】 服務(wù)器租用/服務(wù)器托管中國五強(qiáng)!虛擬主機(jī)域名注冊(cè)頂級(jí)提供商!15年品質(zhì)保障!--億恩科技[ENKJ.COM] |