在網站策劃和設計過程中,我們經常聽到這樣的討論:“這個功能設計得太重了”又或“我們希望能夠處理得輕一些”。似乎輕設計是時下炙手可熱的話題。輕便的流程和提示,不打斷用戶的當前任務:一項任務盡量用少而清晰的步驟去完成,提示和臨時任務盡量不中斷用戶主任務,不要讓用戶做不必要的確認和操作。
不幹擾用戶的注意力:用yong戶hu是shi來lai使shi用yong產chan品pin和he服fu務wu的de,而er不bu是shi來lai欣xin賞shang精jing美mei的de設she計ji,如ru果guo使shi用yong過guo程cheng中zhong會hui因yin為wei設she計ji元yuan素su分fen散san注zhu意yi力li那na麼me可ke能neng是shi設she計ji太tai重zhong了le。試shi著zhe少shao用yong些xie無wu用yong的de裝zhuang飾shi和he細xi節jie。
1. 靈活的logo響應區
點擊網站的logo通常能將我們帶回到首頁。從這個角度看,Logo不僅起著品牌標識的作用,還承擔了重要的導航功能。就連普通的鏈接當在鼠標劃過時都有下劃線或者變色提示,那麼logo作為一個更為重要的可交互元素,是否也應該在鼠標劃過時提供適當的反饋呢? 下麵列舉了幾個logo區靈活響應鼠標例子,在使用過程中發現,小小的變化不僅提升了可用性,還讓網站顯得靈敏而有生氣。
2. 靈敏的可交互元素
導航對於網站的重要性不言而喻,導航元素要即時響應鼠標操作。
重要的操作和引導按鈕應該設計得更加細致些,包括按鈕的三態(常態,hover,active)甚至四態(增加一個禁用態)。這zhe麼me做zuo也ye是shi為wei了le使shi重zhong要yao的de可ke交jiao互hu元yuan素su對dui不bu同tong的de操cao作zuo及ji時shi給gei出chu反fan饋kui,使shi其qi顯xian得de靈ling敏min高gao效xiao。文wen本ben框kuang的de狀zhuang態tai也ye是shi一yi個ge容rong易yi被bei忽hu略lve的de細xi節jie,主zhu要yao是shi獲huo取qu焦jiao點dian後hou無wu提ti示shi或huo者zhe提ti示shi不bu夠gou明ming顯xian。另ling外wai對dui於yu一yi些xie響xiang應ying時shi間jian稍shao長chang的de操cao作zuo,應ying該gai給gei出chu進jin度du反fan饋kui。似si乎hu是shi顯xian而er易yi見jian的de道dao理li,但dan是shi設she計ji中zhong往wang往wang也ye容rong易yi忽hu視shi。
3. 清晰且溫和的提示提示。
通常都是提供輔助性信息的,既然是輔助性的,就不宜喧賓奪主過分強化。除非必要,也最好不要給用戶帶來額外的操作(比如需要用戶主動關閉,確認等)。提示的內容也是為了帶來幫助或者提供反饋,因此言簡意賅最重要。twitter中更換個性化主題時的提示,從頁麵頂部柔和出現,停留片刻後自動消失。
4. 隱藏或弱化不常用的操作
不常用的操作可以弱化,或者隱藏起來,當鼠標經過的時候再出現。這個是基於上文提到的不幹擾用戶注意力角度出發的。 Twitter中將每條微博條目的操作隱藏了起來,減小了對閱讀的幹擾。而且在鼠標經過條目響應區和操作時,都有相應的變化以作為反饋。flickr中針對照片的操作也使用淡灰色,盡可能弱化和減少對照片瀏覽的幹擾。
5. 引導和強化推薦操作
強而明晰的引導是十分必要的,研究表明用戶在瀏覽頁麵的時候是跳躍性、非(fei)線(xian)性(xing)的(de),用(yong)戶(hu)並(bing)不(bu)喜(xi)歡(huan)在(zai)諸(zhu)多(duo)的(de)操(cao)作(zuo)中(zhong)選(xuan)擇(ze)和(he)尋(xun)找(zhao)最(zui)佳(jia)選(xuan)項(xiang)。所(suo)以(yi)清(qing)晰(xi)的(de)引(yin)導(dao)就(jiu)顯(xian)得(de)更(geng)加(jia)重(zhong)要(yao)了(le)。重(zhong)要(yao)和(he)常(chang)用(yong)操(cao)作(zuo)還(hai)可(ke)以(yi)特(te)異(yi)處(chu)理(li),以(yi)便(bian)於(yu)尋(xun)找(zhao)和(he)點(dian)擊(ji)。
6. 輕便處理臨時任務
如ru果guo在zai看kan一yi部bu精jing彩cai電dian影ying的de時shi候hou想xiang喝he水shui了le,是shi希xi望wang走zou到dao廚chu房fang間jian倒dao水shui呢ne還hai是shi希xi望wang手shou邊bian就jiu有you一yi個ge杯bei子zi和he水shui壺hu?顯xian然ran人ren們men都dou不bu太tai願yuan意yi中zhong斷duan主zhu任ren務wu和he注zhu意yi力li去qu處chu理li臨lin時shi任ren務wu,頁ye麵mian設she計ji也ye是shi如ru此ci,能neng在zai當dang前qian頁ye麵mian完wan成cheng就jiu盡jin量liang在zai當dang前qian頁ye麵mian完wan成cheng。模mo態tai窗chuang口kou、跳轉頁麵、付出層等都不是讓用戶覺得舒服的做法。除非確實必要,少使用這樣的做法。












