


下載本文檔
版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
網(wǎng)站實(shí)現(xiàn)良好用戶體驗(yàn)的三個(gè)主要方面
一、設(shè)計(jì)上的用戶體驗(yàn)一個(gè)網(wǎng)站要想吸引用戶,給用戶帶來(lái)好的體驗(yàn),首先要有一個(gè)好的設(shè)計(jì)風(fēng)格。因?yàn)闉g覽者剛剛接觸到一個(gè)網(wǎng)站時(shí),他對(duì)網(wǎng)站的第一印象很大程度上是由網(wǎng)站的設(shè)計(jì)風(fēng)格所決定的。如果瀏覽者感覺(jué)整個(gè)網(wǎng)站的風(fēng)格很有特色,就會(huì)很有興趣繼續(xù)瀏覽,從而對(duì)網(wǎng)站有一個(gè)更加深入和全面的了解。反之,如果網(wǎng)站設(shè)計(jì)地非常乏味,瀏覽者根本不會(huì)深入瀏覽,而是直接把網(wǎng)站關(guān)閉了。所以一個(gè)好的網(wǎng)站設(shè)計(jì)風(fēng)格是至關(guān)重要的。網(wǎng)站的設(shè)計(jì)風(fēng)格主要通過(guò)以下三個(gè)方面來(lái)體現(xiàn):網(wǎng)頁(yè)的配色、網(wǎng)頁(yè)的版式和網(wǎng)頁(yè)對(duì)于主題的表現(xiàn)。1、網(wǎng)頁(yè)的配色配色需要以良好的色彩感知能力作為基礎(chǔ),并且色彩的選取要符合網(wǎng)站的定位。岳浩總結(jié)了關(guān)于網(wǎng)站配色的兩大原則:(1)大和諧,小對(duì)比大和諧即整個(gè)頁(yè)面的色彩效果是統(tǒng)一的。可以通過(guò)采用近似色或者同一視覺(jué)感的顏色來(lái)實(shí)現(xiàn)。比如360安全中心網(wǎng)站,就大量使用了近似色,通過(guò)綠、淺綠、深綠、綠黃來(lái)對(duì)整個(gè)頁(yè)面的色彩進(jìn)行搭配。而像土紅、土藍(lán)、土黃雖然不是近似色,但是卻給人們帶來(lái)一種共同的視覺(jué)感受。小對(duì)比,就是給瀏覽者準(zhǔn)確信息的地方要對(duì)比,而且對(duì)比要強(qiáng)烈,這樣很容易對(duì)重點(diǎn)內(nèi)容進(jìn)行突出??梢圆捎蒙{(diào)的對(duì)比和亮度的對(duì)比。如果采用互補(bǔ)色,就會(huì)產(chǎn)生很明顯的對(duì)比效果。而像黑、白、灰這樣的中性色主要用于不同顏色之間的過(guò)渡和柔和。(2)同一頁(yè)面的中的色彩不要超出三種一個(gè)頁(yè)面要有統(tǒng)一的配色風(fēng)格,則使用的色彩不要超出三種(不包括黑、白、灰)。在一個(gè)頁(yè)面中按色彩的功能來(lái)分,有主色、輔助色和點(diǎn)綴色三種。網(wǎng)站的主色可以根據(jù)所屬的行業(yè)來(lái)確定,也可以根據(jù)企業(yè)的標(biāo)志或VI手冊(cè)來(lái)確定。而輔助色應(yīng)遵循大和諧的原則來(lái)進(jìn)行確定,點(diǎn)綴色應(yīng)遵循小對(duì)比的原則來(lái)進(jìn)行確定。2、網(wǎng)頁(yè)的版式網(wǎng)頁(yè)的版式,即網(wǎng)頁(yè)的布局、網(wǎng)頁(yè)元素的搭配。對(duì)于一篇文章,好的排版可以使脈絡(luò)清晰,便于讀者的閱讀和理解。網(wǎng)頁(yè)也是如此,好的版式能夠給瀏覽者帶來(lái)好的訪問(wèn)體驗(yàn),也能有效地對(duì)網(wǎng)站重點(diǎn)進(jìn)行突出?!本W(wǎng)站都提供哪些內(nèi)容?哪些又是重點(diǎn)?”,一個(gè)設(shè)計(jì)合理的版式能夠輕松地替用戶解答這些問(wèn)題。網(wǎng)頁(yè)的版式主要有兩種基礎(chǔ)結(jié)構(gòu),一種是欄式結(jié)構(gòu),另一種是區(qū)域結(jié)構(gòu)。三欄是最為常見的分欄,能夠體現(xiàn)出一種大氣的感覺(jué)。兩欄給人的感覺(jué)比較開闊,適用于傳達(dá)一些具有意境的內(nèi)容。而影響欄式結(jié)構(gòu)選擇的另一個(gè)重要因素就是網(wǎng)站內(nèi)容的多少,如果網(wǎng)站內(nèi)容較少,選擇兩欄就比較合適,如果網(wǎng)站內(nèi)容較多,就會(huì)選取三欄甚至四欄。區(qū)域結(jié)構(gòu)是把頁(yè)面分成了若干份,包括對(duì)頁(yè)面的一些不規(guī)則的劃分。因?yàn)閰^(qū)域結(jié)構(gòu)非常靈活,可以把整個(gè)頁(yè)面劃分成多個(gè)不規(guī)則或規(guī)則的區(qū)域,因此可以樹立鮮明的網(wǎng)站形象,非常適合娛樂(lè)等個(gè)性化內(nèi)容的展示。一個(gè)頁(yè)面中最為核心的內(nèi)容,我們可以放在網(wǎng)頁(yè)左上方的視覺(jué)焦點(diǎn)來(lái)突出。像一些資訊類網(wǎng)站,往往會(huì)在此位置放置幻燈片新聞來(lái)展示推薦內(nèi)容。頁(yè)面的布局還應(yīng)保持整體的均衡,避免給人一種頭重腳輕的感覺(jué)。頁(yè)面中圖片的選擇,以及圖片和文字的搭配,也需要進(jìn)行精心的設(shè)計(jì)。3、網(wǎng)頁(yè)對(duì)于主題的表現(xiàn)一個(gè)網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格一定要和表現(xiàn)的主題具有相關(guān)性。比如一家奶粉企業(yè),他的主要消費(fèi)者是嬰幼兒,那么網(wǎng)站的設(shè)計(jì)風(fēng)格就應(yīng)該是生動(dòng)可愛、富有趣味的。而一家生產(chǎn)電子產(chǎn)品的企業(yè),他的網(wǎng)站設(shè)計(jì)風(fēng)格就應(yīng)該給人一種理性、科技的感覺(jué)。只有貼切的風(fēng)格才能使主題具有更好的表現(xiàn)力。而網(wǎng)站的整體風(fēng)格是由色彩和版式綜合運(yùn)用來(lái)實(shí)現(xiàn)的,所以還是要根據(jù)表現(xiàn)的主題來(lái)選擇合理的色彩與版式。二、功能上的用戶體驗(yàn)所謂功能上的用戶體驗(yàn),主要是指網(wǎng)站的各種功能是否真正的易用、好用。對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō),操作的簡(jiǎn)便性、功能的易用性是最為重要的。不要讓用戶花時(shí)間去考慮某個(gè)功能該如何實(shí)現(xiàn),因?yàn)椴皇敲總€(gè)用戶都愿意花時(shí)間去尋找答案的。岳浩覺(jué)得網(wǎng)站應(yīng)該達(dá)到一種這樣的效果,當(dāng)用戶看到一個(gè)頁(yè)面時(shí),這個(gè)頁(yè)面應(yīng)該是不言而喻,一目了然,自我解釋的,不需要花費(fèi)精力進(jìn)行思考。以下和大家舉一些具體的例子來(lái)說(shuō)明網(wǎng)站的易用性,其中一些好的方法可以在功能上增強(qiáng)用戶體驗(yàn),從而使得網(wǎng)站變得更加易用、好用。1、越重要的內(nèi)容越突出。對(duì)于重要的標(biāo)題,可以使字體變得更大、更粗,顏色也更為特別。把相關(guān)的內(nèi)容放在一起,便于用戶對(duì)同一類信息的查找和了解。2、明顯標(biāo)識(shí)可以點(diǎn)擊的地方。一個(gè)頁(yè)面中的鏈接或按鈕應(yīng)該是顯而易見的,不要讓用戶花上幾秒鐘的時(shí)間去思考某個(gè)東西是否能點(diǎn)擊。3、制作精準(zhǔn)、清晰的導(dǎo)航。在最短的時(shí)間內(nèi)指引用戶進(jìn)入他最想看到的內(nèi)容頁(yè)面,對(duì)于有需求的用戶是非常重要的。所以網(wǎng)站設(shè)計(jì)者要根據(jù)網(wǎng)站的內(nèi)容重點(diǎn)和用戶最多瀏覽的內(nèi)容設(shè)置精準(zhǔn)的導(dǎo)航。對(duì)于一個(gè)頁(yè)面較多,層次比較復(fù)雜的網(wǎng)站,建議使用面包屑導(dǎo)航來(lái)明確用戶當(dāng)前的瀏覽位置。讓用戶隨時(shí)知道自己身在網(wǎng)站何處,對(duì)于用戶體驗(yàn)來(lái)說(shuō)是非常重要的。小貼士:本文由岳浩原創(chuàng),本人主要從事網(wǎng)絡(luò)推廣工作,想看作者更多文章,請(qǐng)搜索”岳浩的博客”,轉(zhuǎn)載時(shí)請(qǐng)保留此版權(quán)信息。4、搜索框的設(shè)計(jì)要方便用戶。不要添加太多的搜索分類,讓用戶選擇從哪個(gè)類別中搜索,因?yàn)橛袝r(shí)候用戶并不能確定他所需要的東西是屬于網(wǎng)站上的哪個(gè)類別,這一點(diǎn)在網(wǎng)上商城中尤為明顯。好的搜索應(yīng)該擁有智能提示的功能,當(dāng)用戶輸入一個(gè)簡(jiǎn)短的詞語(yǔ)后,搜索會(huì)為其推薦用戶搜索最多、最具相關(guān)性的搜索詞。百度搜索的手寫功能也是一個(gè)亮點(diǎn),為不會(huì)打字的老年人提供了很大的方便,滿足了特定人群的需求。5、每個(gè)頁(yè)面都應(yīng)該有一個(gè)頁(yè)面名稱。一個(gè)突出顯示的頁(yè)面名稱,能夠讓用戶很容易知道自己所在的位置,并且能對(duì)該頁(yè)面所包含的內(nèi)容有一個(gè)大致的了解。頁(yè)面名稱最好和點(diǎn)擊進(jìn)入這個(gè)頁(yè)面的鏈接文字相一致。6、為網(wǎng)站設(shè)計(jì)一個(gè)好的口號(hào),并出現(xiàn)在頁(yè)面的顯著位置??谔?hào)是對(duì)于整個(gè)網(wǎng)站的描述。一個(gè)好的口號(hào)應(yīng)該能表述出網(wǎng)站的特點(diǎn)和顯而易見的好處。這樣口號(hào)不僅能給用戶留下深刻的印象,還能樹立網(wǎng)站的品牌形象。三、內(nèi)容上的用戶體驗(yàn)網(wǎng)站的內(nèi)容建設(shè)要想獲得良好的用戶體驗(yàn),應(yīng)該始終貫徹一個(gè)靈魂思想,就是我們的網(wǎng)站要么能夠幫助用戶解決問(wèn)題,要么能使用戶得到快樂(lè)。因?yàn)閺V大的網(wǎng)民上網(wǎng),主要的目的無(wú)非有兩個(gè),一個(gè)是為了尋找自己需要的信息,另一個(gè)就是為了娛樂(lè)。只有抓了用戶的這兩個(gè)需求,才能帶來(lái)良好的用戶體驗(yàn)。資訊站、行業(yè)站和企業(yè)站的主要目的就是為了幫助用戶解決問(wèn)題。這類網(wǎng)站一定要為用戶提供有價(jià)值的東西,幫助用戶快速找到自己需要的信息。視頻站、SNS等網(wǎng)站的主要目的就是為了讓用戶得到快樂(lè),那么如何為網(wǎng)民提供有趣的內(nèi)容、如何實(shí)現(xiàn)網(wǎng)民之間的互動(dòng)就成為了關(guān)鍵。關(guān)于內(nèi)容的策劃,岳浩有以下幾個(gè)建議:1、對(duì)用戶的需求進(jìn)行分析,根據(jù)用戶需求策劃精準(zhǔn)的內(nèi)容。網(wǎng)站應(yīng)該對(duì)用戶的整體情況有所了解,包括用戶的年齡結(jié)構(gòu)、職業(yè)、收入和他們最為關(guān)注的內(nèi)容。針對(duì)他們最為關(guān)注的內(nèi)容和需求,我們?cè)賮?lái)進(jìn)行精心策劃和編排內(nèi)容。優(yōu)勢(shì)往往會(huì)在全面中變得平庸,要想獲得優(yōu)勢(shì),我們一定要為用戶提供精準(zhǔn)的內(nèi)容。2、網(wǎng)站的內(nèi)容要有差異化,這樣才能在競(jìng)爭(zhēng)中取勝。因?yàn)榛ヂ?lián)網(wǎng)時(shí)代是
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 系統(tǒng)瓶頸識(shí)別與解決流程
- 圖書館信息檢索效率改進(jìn)模型實(shí)施方案
- 武漢職業(yè)技術(shù)學(xué)院《節(jié)目創(chuàng)意與策劃》2023-2024學(xué)年第二學(xué)期期末試卷
- 山東省威海市文登市2025屆數(shù)學(xué)四年級(jí)第二學(xué)期期末教學(xué)質(zhì)量檢測(cè)試題含解析
- 四川應(yīng)用技術(shù)職業(yè)學(xué)院《面向?qū)ο蟪绦蛟O(shè)計(jì)-JAVA語(yǔ)言》2023-2024學(xué)年第二學(xué)期期末試卷
- 德州市寧津縣2025年數(shù)學(xué)四下期末綜合測(cè)試試題含解析
- 撫州市南豐縣2025年六年級(jí)下學(xué)期調(diào)研數(shù)學(xué)試卷含解析
- 四川托普信息技術(shù)職業(yè)學(xué)院《ManagementMaths》2023-2024學(xué)年第二學(xué)期期末試卷
- 南昌職業(yè)大學(xué)《中學(xué)體育教學(xué)專題案例分析》2023-2024學(xué)年第二學(xué)期期末試卷
- 咸陽(yáng)購(gòu)房合同范本
- 戶外廣告制作安裝合同模板
- 廠房改公寓出租合同范例
- 污水處理廠SBR工藝的設(shè)計(jì)說(shuō)明
- 2025年國(guó)家自然科學(xué)基金委員會(huì)招聘流動(dòng)編制人員59人歷年高頻重點(diǎn)模擬試卷提升(共500題附帶答案詳解)
- 歷史地理學(xué)研究-深度研究
- 2025江蘇太倉(cāng)市城市建設(shè)投資集團(tuán)限公司招聘易考易錯(cuò)模擬試題(共500題)試卷后附參考答案
- 2.2 學(xué)會(huì)管理情緒(同步課件)2024-2025學(xué)年七年級(jí)道德與法治下冊(cè)(統(tǒng)編版2024)
- 14磁極與方向(教學(xué)設(shè)計(jì))-二年級(jí)科學(xué)下冊(cè)(教科版)
- 2025年山西經(jīng)貿(mào)職業(yè)學(xué)院高職單招職業(yè)技能測(cè)試近5年常考版參考題庫(kù)含答案解析
- 2024年09月江蘇2024年蘇州金融租賃校園招考筆試歷年參考題庫(kù)附帶答案詳解
- 2025年八省聯(lián)考數(shù)學(xué)試題(原卷版)
評(píng)論
0/150
提交評(píng)論