二、保持輕量級
Digg在早期的時(shí)候,用戶想要推一篇文章,需要經(jīng)過兩步操作。而現(xiàn)在的改進(jìn)版——只要單擊”digg“馬山就可以記錄一次投票。就因?yàn)椤眴螕,結(jié)束“容易了一點(diǎn),帶來了用戶活躍度和網(wǎng)站點(diǎn)擊率的飛速增長,這正是交互輕量級設(shè)計(jì)的一大作用。
怎樣通過簡化交互,實(shí)現(xiàn)操作更接近內(nèi)容,從而保證設(shè)計(jì)的輕量級呢?
1.費(fèi)茨定律
費(fèi)茨定律指的是:移動(dòng)到目標(biāo)上的時(shí)間(T)和移動(dòng)距離(D)的對數(shù)(S)成正比。用公式表示為:
T = a + b log2 ( D / S + 1 )來計(jì)算。其中
D:鼠標(biāo)達(dá)到目標(biāo)的距離 S:目標(biāo)的寬度(尺寸)
我們可以簡單的理解為:目標(biāo)定位越容易,距離鼠標(biāo)當(dāng)前的位置就應(yīng)該越近,目標(biāo)占用空間應(yīng)該更大。為了簡單,我們可以把功能都集中到一塊(如放在菜單欄和工具欄中)。但是這樣就違反了費(fèi)茨定律(找起來會(huì)很費(fèi)勁,距離也會(huì)增加)。通過上下文工具把操作放在相關(guān)內(nèi)容附近是不錯(cuò)的辦法。[注:上下文工具是桌面右鍵菜單的web版]
2.實(shí)時(shí)可見的工具
digg在每篇文章旁邊,有一個(gè)推舉的記分卡,下方的”digg it“按鈕要比其他的操作顯得明顯。鼠標(biāo)懸停的時(shí)候”digg it“的按鈕邊框變成黑色突出顯示,單擊”digg“后,投票結(jié)果馬上記錄并在記分卡上實(shí)時(shí)更新。同時(shí)”digg“按鈕灰掉不可點(diǎn),標(biāo)簽文本也變成灰色”dugg“。
和digg一樣,豆瓣的打分也是網(wǎng)站的核心功能。因此明確的操作(評級)邀請非常重要。打分后,用戶可以隨意更改打分分值,對評價(jià)作出刪除和修改。
shutterstock把加入的收藏的圖片總是顯示在頁面底部的遮罩層中,用戶可以隨時(shí)看到并編輯自己添加的圖片。
3.保持關(guān)鍵內(nèi)容可見
Gmail在頁面加載的時(shí)候考慮了用戶慢速連接的使用情況,減少樣式的加載,使用備選方案保證主要內(nèi)容可見。
淘寶的listing頁面一次改版,鼠標(biāo)懸停在寶貝圖片上時(shí),不僅出現(xiàn)大圖,同時(shí)還在時(shí)間維度上對賣家推薦的商品輪播顯示,用戶同樣可以點(diǎn)擊下方的小圖來選擇查看。不僅保證了關(guān)鍵內(nèi)容可見,同時(shí)解決了多信息的展現(xiàn)和交互。
4.只做一件事情
Linkdin消息列表中,用戶名承載著兩個(gè)交互行為:鼠標(biāo)點(diǎn)擊后會(huì)跳轉(zhuǎn)到用戶profile頁面,而鼠標(biāo)懸停0.5秒以后出現(xiàn)彈出層,顯示該用戶的簡介。如果我們不做0.5秒的限制,就會(huì)出現(xiàn)用戶在鼠標(biāo)以上去時(shí)立刻顯示彈出層,那么很可能會(huì)有用戶認(rèn)為這個(gè)鏈接只具備這一種操作功能,而忽略了它可以點(diǎn)擊的功能。所以對一個(gè)交互行為只賦予它一種功能,多種功能需要考慮用其它方式去實(shí)現(xiàn)。
Amazon用另外一種方式來解決多功能的展現(xiàn)。星星打分的信息包括兩方面:鼠標(biāo)懸停展現(xiàn)彈出層顯示每顆星的打分人數(shù);鼠標(biāo)點(diǎn)擊后顯示評價(jià)詳情頁面。如果把這兩個(gè)信息同時(shí)通過點(diǎn)擊星星來實(shí)現(xiàn)就會(huì)出現(xiàn)上述類似問題。Amazon則是通過增加一個(gè)類似下拉的按鈕來承載鼠標(biāo)懸停的交互行為,把點(diǎn)擊行為只留給星星。
原文:http://ued.taobao.com/blog/2009/12/21/design_interesting_moments2/
本文鏈接:http://m.95time.cn/design/doc/2009/7296.asp
出處:Taobao.com UED Team
責(zé)任編輯:bluehearts
上一頁 瞬間的設(shè)計(jì) [1] 下一頁
|