讓網(wǎng)站高效運(yùn)作的六大設(shè)計(jì)技巧

2019-01-15

  就在網(wǎng)站策劃和設(shè)計(jì)過程中,我們常常為此感到困惑:“這個(gè)功能設(shè)計(jì)得太重了”又或“我們希望能夠處理得輕一些”。似乎輕設(shè)計(jì)是時(shí)下炙手可熱的話題。輕便的流程和提示,不打斷用戶的當(dāng)前任務(wù):一項(xiàng)任務(wù)盡量用少而清晰的步驟去完成,提示和臨時(shí)任務(wù)盡量不中斷用戶主任務(wù),不要讓用戶做不必要的確認(rèn)和操作。


讓網(wǎng)站高效運(yùn)作的六大設(shè)計(jì)技巧


  不干擾用戶的注意力:用戶是來使用產(chǎn)品和服務(wù)的,而不是來欣賞精美的設(shè)計(jì),如果使用過程中會(huì)因?yàn)樵O(shè)計(jì)元素分散注意力那么可能是設(shè)計(jì)太重了。試著少用些無用的裝飾和細(xì)節(jié)。

  一. 靈活的logo響應(yīng)區(qū)

  點(diǎn)擊網(wǎng)站的logo通常能將我們帶回到首頁。從這個(gè)角度看,Logo不僅起著品牌標(biāo)識(shí)的作用,還承擔(dān)了重要的導(dǎo)航功能。就連普通的鏈接當(dāng)在鼠標(biāo)劃過時(shí)都有下劃線或者變色提示,那么logo作為一個(gè)更為重要的可交互元素,是否也應(yīng)該在鼠標(biāo)劃過時(shí)提供適當(dāng)?shù)姆答伳??  下面列舉了幾個(gè)logo區(qū)靈活響應(yīng)鼠標(biāo)例子,在使用過程中發(fā)現(xiàn),小小的變化不僅提升了可用性,還讓網(wǎng)站顯得靈敏而有生氣。

  二. 靈敏的可交互元素

  導(dǎo)航對于網(wǎng)站的重要性不言而喻,導(dǎo)航元素要即時(shí)響應(yīng)鼠標(biāo)操作。

  重要的操作和引導(dǎo)按鈕應(yīng)該設(shè)計(jì)得更加細(xì)致些,包括按鈕的三態(tài)(常態(tài),hover,active)甚至四態(tài)(增加一個(gè)禁用態(tài))。這么做也是為了使重要的可交互元素對不同的操作及時(shí)給出反饋,使其顯得靈敏高效。文本框的狀態(tài)也是一個(gè)容易被忽略的細(xì)節(jié),主要是獲取焦點(diǎn)后無提示或者提示不夠明顯。另外對于一些響應(yīng)時(shí)間稍長的操作,應(yīng)該給出進(jìn)度反饋。似乎是顯而易見的道理,但是設(shè)計(jì)中往往也容易忽視?!?/p>


    三. 清晰且溫和的提示提示。


    通常都是提供輔助性信息的,既然是輔助性的,就不宜喧賓奪主過分強(qiáng)化。除非必要,也最好不要給用戶帶來額外的操作(比如需要用戶主動(dòng)關(guān)閉,確認(rèn)等)。提示的內(nèi)容也是為了帶來幫助或者提供反饋,因此言簡意賅最重要。twitter中更換個(gè)性化主題時(shí)的提示,從頁面頂部柔和出現(xiàn),停留片刻后自動(dòng)消失。


  四. 隱藏或弱化不常用的操作

  不常用的操作可以弱化,或者隱藏起來,當(dāng)鼠標(biāo)經(jīng)過的時(shí)候再出現(xiàn)。這個(gè)是基于上文提到的不干擾用戶注意力角度出發(fā)的?! witter中將每條微博條目的操作隱藏了起來,減小了對閱讀的干擾。而且在鼠標(biāo)經(jīng)過條目響應(yīng)區(qū)和操作時(shí),都有相應(yīng)的變化以作為反饋。flickr中針對照片的操作也使用淡灰色,盡可能弱化和減少對照片瀏覽的干擾。

  五. 引導(dǎo)和強(qiáng)化推薦操作

  強(qiáng)而明晰的引導(dǎo)是十分必要的,研究表明用戶在瀏覽頁面的時(shí)候是跳躍性、非線性的,用戶并不喜歡在諸多的操作中選擇和尋找最佳選項(xiàng)。所以清晰的引導(dǎo)就顯得更加重要了。重要和常用操作還可以特異處理,以便于尋找和點(diǎn)擊。

  六. 輕便處理臨時(shí)任務(wù)

  如果在看一部精彩電影的時(shí)候想喝水了,是希望走到廚房間倒水呢還是希望手邊就有一個(gè)杯子和水壺?顯然人們都不太愿意中斷主任務(wù)和注意力去處理臨時(shí)任務(wù),頁面設(shè)計(jì)也是如此,能在當(dāng)前頁面完成就盡量在當(dāng)前頁面完成。模態(tài)窗口、跳轉(zhuǎn)頁面、付出層等都不是讓用戶覺得舒服的做法。除非確實(shí)必要,少使用這樣的做法。

責(zé)任編輯:中山網(wǎng)站建設(shè)
 【網(wǎng)訊網(wǎng)絡(luò)】專業(yè)PC端與移動(dòng)端網(wǎng)站開發(fā),網(wǎng)頁設(shè)計(jì),商城開發(fā),軟件開發(fā),網(wǎng)站推廣,微信公眾號(hào)開發(fā),定制各類企業(yè)管理軟件!服務(wù)熱線:0760-88610046、13924923903

您的項(xiàng)目需求咨詢熱線:0760-88610046(國家高新技術(shù)企業(yè))

*請認(rèn)真填寫需求,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

japanese老熟女老太交,国产精品无码无套在线,在线人成视频播放午夜福利,亚洲AV永久无码区成人网站,亚洲精品无码专区在线观看,视频二区精品中文字幕,久久久久成人片免费观看蜜芽,日本熟妇人妻xxxx,亚洲欧美日韩成人一区,亚洲欧美性视频
国产精品毛片无码| 亚洲午夜在线| 噜噜网站国产精品| 超碰国产人人做人人爽久| 日本中文字幕视频在线看| 国产精品黄页免费高清在线观看| 漂亮人妻被强了中文字幕久久| 亚洲欧美成人久久综合中文网| 国产成视频在线观看| 91麻豆久久| 无码精品久久久天天影视| 东京热人妻一区二区三区| 欧美亚洲中日韩中文字幕在线| 国产精品白丝av嫩草影院| 制服丝袜第一页av天堂| 加勒比系列精品无码专区| 中国熟妇色XXXXⅩ老妇| 麻豆AⅤ精品无码一区二区| 国语自产偷拍精品视频偷| 加勒比一区二区无码视频在线 | 无码久久久久久不卡网站| 亚洲AV永久无码精品三区在线| 日本一区不卡在线观看| 无码国产精品亚洲А∨天堂DVD| 亚洲色大情网站久久久| 日本熟妇人妻XXⅩHD| 99精品热这里只有精品| 欧美日韩另类在线观看视频| 国产日韩欧美亚洲综合| 亚洲综合激情另类专区| 国产AV片久久精品| 无码中文AV有码中文A| 亚洲av人无码激艳猛片| 丁香婷婷色综合| 国产精品未满十八禁止观看| 曰韩A∨无码一区二区三区| 中文无码不卡的岛国片国| 高清熟女国产一区二区三区 | 香港精品国产三级国产AV| 色www 永久免费网站| 中文字幕成人在线观看|