二、保持輕量級
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://www.95time.cn/design/doc/2009/7296.asp 
出處：Taobao.com UED Team
責(zé)任編輯：bluehearts
上一頁 瞬間的設(shè)計(jì) [1] 下一頁
|
第 1 頁 
第 2 頁 瞬間的設(shè)計(jì) [2]
