好的設(shè)計絕不是單純的因為天才的創(chuàng)意或者靈感爆發(fā)的一瞬間而產(chǎn)生的，只有設(shè)計師在“持續(xù)改進”的迭代方法中才能達到好的效果，你必須通過不斷的“質(zhì)疑自己”，在不同的設(shè)計種找到缺點，并尋求 更好的方案來改進它。Bill Scott在他的《Web界面設(shè)計》里提到了關(guān)于富交互設(shè)計的六個原則告訴我們?nèi)绾伟l(fā)現(xiàn)并找到解決的辦法，我遵循這些設(shè)計原則，通過實例和數(shù)據(jù)來和大家一起分析一些有趣的瞬間，指導(dǎo)我們的設(shè)計。
一、直接操縱原則
直接操縱原則就像Alan Cooper在《ABOUT FACE 2.0》中陳述的那樣”：“在哪里輸入，就在哪里輸出“。例如編輯內(nèi)容的操作完全可以不用重新打開頁面，而直接在當(dāng)前頁面進行就可以了。
flickr是用到即時編輯照片信息的網(wǎng)站。這種方式更直截了當(dāng)，用戶不用切換當(dāng)前頁面就能完成。他們將更樂意為他們照片改名字，那么也就意味著會有更多與照片有關(guān)的元數(shù)據(jù)被記錄下來，方便其他用戶更好的搜索和瀏覽。我們先分析一下在這個操作的交互瞬間。
每個交互元素在不同觸發(fā)事
件下所表現(xiàn)的響應(yīng)狀態(tài)。其中橘黃色區(qū)域是隱藏在初始狀態(tài)后面發(fā)生的動作和出現(xiàn)的元素。
邀請編輯——默認情況下，標(biāo)題正常顯示。當(dāng)鼠標(biāo)懸停在標(biāo)題上，標(biāo)題立刻顯示黃色背景條和一個“click to edit”的提示條出現(xiàn)，這種邀請?zhí)崾镜暮锰幨恰嬖V用戶當(dāng)前區(qū)域是可編輯的并引導(dǎo)他們?nèi)c擊。
編輯——單擊以后，就立即進入到編輯模式，標(biāo)題原位置出現(xiàn)了標(biāo)題表單和”save”“cancel”按鈕，用戶就能非常清楚他們是在編輯標(biāo)題。（這種方式的缺點就是多出來的按鈕會把照片頂?shù)较乱恍校斐膳虐娌环�(wěn)定）
完成——保存方式有很多種，flickr采用了文本的”saving…“臨時替換標(biāo)題，一旦保存完成，新標(biāo)題就會以非編輯的樣式出現(xiàn)。
上述過程中，使用到了一些邀請?zhí)崾居脩敉瓿删庉嫞粷M足了”可操作性“。那么用戶怎樣才能發(fā)現(xiàn)這個功能呢？這就涉及到”可訪問性“問題。上述例子只有在鼠標(biāo)移上去時才能被用戶發(fā)現(xiàn)是可編輯性的，那么很可能存在一部分用戶沒有用鼠標(biāo)移上去而忽略這些邀請。為了讓功能更易被發(fā)現(xiàn)，可以采用在標(biāo)題邊放”編輯“鏈接。單擊該鏈接便可觸發(fā)編輯。（不過這也會影響到頁面的視覺干擾問題，如果有過多的功能提示會造成頁面噪點過多，可用率下降。）因此，做設(shè)計是要權(quán)衡易讀性和易編輯性哪個重要，做出取舍。
出處：Taobao.com UED Team
責(zé)任編輯：bluehearts
上一頁 下一頁 瞬間的設(shè)計 [2]
|
第 1 頁 瞬間的設(shè)計 [1]
第 2 頁 
