設(shè)計(jì)中不可忽略的產(chǎn)品狀態(tài)之交互設(shè)計(jì)的分析

2024-08-30 08:34:49

字體：大中小

供稿：網(wǎng)友

在產(chǎn)品的設(shè)計(jì)過(guò)程中，設(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)容過(guò)多等極限狀態(tài)。這些狀態(tài)也許只會(huì)在初次使用時(shí)遇到，也許只會(huì)有很小一部分用戶遇到，但是這些都影響著產(chǎn)品的細(xì)節(jié)品質(zhì)。
　　在做交互稿或視覺(jué)稿的時(shí)候，為了讓界面盡可能的真實(shí)，設(shè)計(jì)師們會(huì)虛擬一些內(nèi)容放在頁(yè)面上。但是當(dāng)看到前端同學(xué)產(chǎn)出的demo時(shí)，設(shè)計(jì)師們又總是會(huì)覺(jué)得為啥和我當(dāng)初做的頁(yè)面那么不一樣捏?
　　空狀態(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)行下一步操作。
交互設(shè)計(jì)分析：設(shè)計(jì)中不可忽略的產(chǎn)品狀態(tài) 武林網(wǎng)

交互設(shè)計(jì)分析：設(shè)計(jì)中不可忽略的產(chǎn)品狀態(tài) 武林網(wǎng)

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

　　如果你的Facebook里面還沒(méi)有寫過(guò)任何文章，他也會(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ō)明，沒(méi)有規(guī)定用戶下一步應(yīng)該做什么，你可以去添加關(guān)注，可以去發(fā)布內(nèi)容，也可以去裝飾自己的主頁(yè)。這同樣也是希望用戶可以快速上手。
　　內(nèi)容過(guò)多時(shí)的狀態(tài)
　　互聯(lián)網(wǎng)產(chǎn)品中的界面應(yīng)該是可擴(kuò)展的，這樣內(nèi)容才可以實(shí)現(xiàn)靈活地變化、充分地?cái)U(kuò)展。具體的方法，可以參見(jiàn)另一篇文章《界面靈活可擴(kuò)展》。

上一篇：資訊類產(chǎn)品閱讀列表的交互設(shè)計(jì)思考與經(jīng)驗(yàn)分享

下一篇：出色的美工/網(wǎng)頁(yè)設(shè)計(jì)人員需要掌握的7項(xiàng)技能