成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

輕設(shè)計(jì),讓網(wǎng)站靈敏輕便的6個(gè)技巧

2021-05-02    分類: 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)軟件的策劃和設(shè)計(jì)過程中,我們經(jīng)常聽到這樣的討論:“這個(gè)功能設(shè)計(jì)得太重了”又或“我們希望能夠處理得輕一些”。似乎輕設(shè)計(jì)是時(shí)下炙手可熱的話題,阿壩網(wǎng)站建設(shè)創(chuàng)新互聯(lián)從實(shí)踐和總結(jié)的角度出發(fā),提出了讓設(shè)計(jì)變得更輕的6個(gè)技巧。
集團(tuán)網(wǎng)站制作案例

何為輕設(shè)計(jì):
在開始之前先需要明確下何為輕設(shè)計(jì)。這里并不想給輕設(shè)計(jì)下一個(gè)專業(yè)的定義,只是歸納了大家對輕設(shè)計(jì)所應(yīng)具有的特性的理解。
具有靈敏的可交互元素:頁面上的鏈接、文本框、按鈕等可交互元素能靈敏地響應(yīng)操作并即時(shí)反饋。
輕便的流程和提示,不打斷用戶的當(dāng)前任務(wù):一項(xiàng)任務(wù)盡量用少而清晰的步驟去完成,提示和臨時(shí)任務(wù)盡量不中斷用戶主任務(wù),不要讓用戶做不必要的確認(rèn)和操作。
不干擾用戶的注意力:用戶是來使用產(chǎn)品和服務(wù)的,而不是來欣賞精美的設(shè)計(jì),如果使用過程中會(huì)因?yàn)樵O(shè)計(jì)元素分散注意力那么可能是設(shè)計(jì)太重了。試著少用些無用的裝飾和細(xì)節(jié)。
輕設(shè)計(jì)的6個(gè)技巧:
1. 靈活的logo響應(yīng)區(qū)
點(diǎn)擊網(wǎng)站的logo通常能將我們帶回到首頁。從這個(gè)角度看,Logo不僅起著品牌標(biāo)識的作用,還承擔(dān)了重要的導(dǎo)航功能。連普通的鏈接當(dāng)在鼠標(biāo)劃過時(shí)都有下劃線或者變色提示,那么logo作為一個(gè)更為重要的可交互元素,是否也應(yīng)該在鼠標(biāo)劃過時(shí)提供適當(dāng)?shù)姆答伳兀?br/>下面列舉了幾個(gè)logo區(qū)靈活響應(yīng)鼠標(biāo)例子,在使用過程中發(fā)現(xiàn),小小的變化不僅提升了可用性,還讓網(wǎng)站顯得靈敏而有生氣。
2. 靈敏的可交互元素
導(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ì)中往往也容易忽視。
3. 清晰且溫和的提示
提示通常都是提供輔助性信息的,既然是輔助性的,不宜喧賓奪主過分強(qiáng)化。除非必要,也很好不要給用戶帶來額外的操作(比如需要用戶主動(dòng)關(guān)閉,確認(rèn)等)。提示的內(nèi)容也是為了帶來幫助或者提供反饋,因此言簡意賅很重要。
twitter中更換個(gè)性化主題時(shí)的提示,從頁面頂部柔和出現(xiàn),停留片刻后自動(dòng)消失。
meme中的follow提示,在操作處出現(xiàn)。
4. 隱藏或弱化不常用的操作
不常用的操作可以弱化,或者隱藏起來,當(dāng)鼠標(biāo)經(jīng)過的時(shí)候再出現(xiàn)。這個(gè)是基于上文提到的不干擾用戶注意力角度出發(fā)的。
Twitter中將每條微博條目的操作隱藏了起來,減小了對閱讀的干擾。而且在鼠標(biāo)經(jīng)過條目響應(yīng)區(qū)和操作時(shí),都有相應(yīng)的變化以作為反饋。
flickr中針對照片的操作也使用淡灰色,盡可能弱化和減少對照片瀏覽的干擾。
5. 引導(dǎo)和強(qiáng)化推薦操作
強(qiáng)而明晰的引導(dǎo)是十分必要的,研究表明用戶在瀏覽頁面的時(shí)候是跳躍性、非線性的,用戶并不喜歡在諸多的操作中選擇和尋找很佳選項(xiàng)。所以清晰的引導(dǎo)顯得更加重要了。重要和常用操作還可以特異處理,以便于尋找和點(diǎn)擊。
大而易用的表單和注冊按鈕
箭頭和紅色的按鈕一起提供了明晰的視覺路徑指引。
6. 輕便處理臨時(shí)任務(wù)
如果在看一部精彩電影的時(shí)候想喝水了,是希望走到廚房間倒水呢還是希望手邊有一個(gè)杯子和水壺?顯然人們都不太愿意中斷主任務(wù)和注意力去處理臨時(shí)任務(wù),頁面設(shè)計(jì)也是如此,能在當(dāng)前頁面完成盡量在當(dāng)前頁面完成。模態(tài)窗口、跳轉(zhuǎn)頁面、付出層等都不是讓用戶覺得舒服的做法。除非確實(shí)必要,少使用這樣的做法。
flickr中對相片名字的即時(shí)編輯,當(dāng)頁完成,非常輕巧。
Delicious中對收藏條目的刪除確認(rèn),同樣在當(dāng)頁完成,輕巧且很好地降低了騷擾。
小結(jié):
本文從可用性角度提出了輕設(shè)計(jì)的幾個(gè)技巧:
1. 靈活的logo響應(yīng)區(qū);
2. 靈敏的可交互元素;
3. 清晰且溫和的提示;
4. 隱藏或弱化不常用的操作;
5. 引導(dǎo)和強(qiáng)化推薦操作;
6. 輕便處理臨時(shí)任務(wù)

網(wǎng)頁題目:輕設(shè)計(jì),讓網(wǎng)站靈敏輕便的6個(gè)技巧
網(wǎng)站網(wǎng)址:http://jinyejixie.com/news/111691.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)定制開發(fā)、網(wǎng)站改版、自適應(yīng)網(wǎng)站網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)
堆龙德庆县| 沽源县| 舟曲县| 佛山市| 江西省| 藁城市| 黎平县| 台安县| 东平县| 普格县| 陇西县| 闽侯县| 乐业县| 连州市| 峨眉山市| 东光县| 依安县| 瑞安市| 利川市| 水城县| 台山市| 崇明县| 房产| 斗六市| 大英县| 永寿县| 石狮市| 宝清县| 皋兰县| 安丘市| 新巴尔虎左旗| 盱眙县| 富民县| 明水县| 夹江县| 金坛市| 罗定市| 宁河县| 平度市| 建始县| 汕头市|