《我們相愛吧》網(wǎng)站設(shè)計(jì)調(diào)研報(bào)告

于子卉

【摘 要】隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和媒介融合進(jìn)程的推進(jìn)，很多電視節(jié)目在播出之時(shí)就同步推出了自己的網(wǎng)站，而優(yōu)秀的網(wǎng)站設(shè)計(jì)是實(shí)現(xiàn)有效傳播的關(guān)鍵。本次調(diào)研將運(yùn)用網(wǎng)站設(shè)計(jì)和有效傳播的相關(guān)文獻(xiàn)作為理論基礎(chǔ)設(shè)計(jì)問卷，對(duì)問卷的有效數(shù)據(jù)進(jìn)行分析，并在此基礎(chǔ)上形成調(diào)研報(bào)告，最終作為指導(dǎo)網(wǎng)站設(shè)計(jì)實(shí)踐的依據(jù)。

【關(guān)鍵詞】網(wǎng)站設(shè)計(jì)；有效傳播；深度互動(dòng)

中圖分類號(hào)：C2 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1007-0125（2017）22-0238-01

一、方法論

（一）文獻(xiàn)法。筆者整理書籍、期刊和知網(wǎng)的相關(guān)資料，做了文獻(xiàn)綜述，總結(jié)出會(huì)影響頁面呈現(xiàn)效果的具體元素并以之為依據(jù)，有針對(duì)性地設(shè)計(jì)問卷問題，以對(duì)視頻網(wǎng)站展開系統(tǒng)調(diào)查。

（二）問卷調(diào)查法。在調(diào)研階段，主要采用的是問卷調(diào)查的方法。針對(duì)網(wǎng)頁設(shè)計(jì)的主要元素設(shè)計(jì)問題，然后進(jìn)行網(wǎng)絡(luò)問卷的發(fā)放與回收，整理統(tǒng)計(jì)收回的數(shù)據(jù)并用量化的方法對(duì)其進(jìn)行分析，得到指導(dǎo)性建議。

（三）個(gè)案分析法。筆者瀏覽了騰訊和愛奇藝等視頻網(wǎng)站，總結(jié)它們?cè)陧撁娌季稚系牟顒e，并將能產(chǎn)生積極傳播效果的相關(guān)元素借鑒到自己網(wǎng)頁的設(shè)計(jì)中。

二、問卷數(shù)據(jù)分析

（一）調(diào)查方法與手段。為了保證問卷調(diào)查的質(zhì)量，本研究采用網(wǎng)上問卷的調(diào)查方式。筆者借用“問卷星”進(jìn)行問卷設(shè)計(jì)和數(shù)據(jù)統(tǒng)計(jì)，在問卷的發(fā)放階段則通過微信和QQ同步進(jìn)行。

（二）調(diào)查對(duì)象。在本次調(diào)查中，一共發(fā)出問卷39份，收回問卷39份，為保證此次數(shù)據(jù)收集的有效性，此次調(diào)查必須滿足如下條件。第一，觀看過一檔或多檔愛情真人秀類節(jié)目。第二，年齡在20-34歲之間。第三，為保證數(shù)據(jù)的有效性，答題不能有空缺。正因?yàn)榇舜?9位調(diào)查對(duì)象滿足上述條件，所以在此次數(shù)據(jù)收集中，有效率為100%。

（三）數(shù)據(jù)描述。第一，網(wǎng)站風(fēng)格相關(guān)問題。騰訊和愛奇藝的綜藝節(jié)目網(wǎng)站在頁面設(shè)計(jì)時(shí)注意留白，保持了簡潔大方的風(fēng)格。據(jù)調(diào)查數(shù)據(jù)顯示，絕大多數(shù)的人更喜歡簡潔大方的視覺風(fēng)格（87.18%），調(diào)查者中只有12.82%的人選擇了信息緊湊的視覺風(fēng)格，由此可見更多的用戶喜歡簡單易用的網(wǎng)頁。

現(xiàn)在騰訊和愛奇藝的綜藝節(jié)目網(wǎng)站正文采用的是宋體，在標(biāo)題部分采用的是黑體。據(jù)調(diào)查數(shù)據(jù)顯示，對(duì)于正文的字體，其中69.23%的被調(diào)查者更喜歡宋體，而30.77%的被調(diào)查者喜歡報(bào)宋。被調(diào)查者中過半數(shù)的人更喜歡把宋體作為正文字體，這符合網(wǎng)絡(luò)閱讀的習(xí)慣。

第二，網(wǎng)站色彩搭配相關(guān)問題。據(jù)調(diào)查數(shù)據(jù)顯示，在愛情真人秀類的網(wǎng)站采用暖色調(diào)還是冷色調(diào)的問題上，過半數(shù)的被調(diào)查對(duì)象選擇暖色系（56.41%），而偏愛冷色系和中性色網(wǎng)站的調(diào)查對(duì)象分別占20.51%和23.08%。

現(xiàn)在通用的網(wǎng)站字體配色是白底黑字，這是對(duì)比度最大的配色，方便用戶對(duì)文字的識(shí)別。據(jù)調(diào)查數(shù)據(jù)顯示，對(duì)于文字和背景的色彩搭配，58.97%的被調(diào)查者喜歡淺色背景搭配黑色文字的保守搭配，41.03%的被調(diào)查者選擇了深色背景下白色文字的搭配。

第三，網(wǎng)站排版布局相關(guān)問題?，F(xiàn)在愛奇藝綜藝節(jié)目的網(wǎng)站不再是傳統(tǒng)的布局樣式，而騰訊綜藝節(jié)目的網(wǎng)站仍然是傳統(tǒng)的分欄布局。據(jù)調(diào)查數(shù)據(jù)顯示，只有15.38%的調(diào)查對(duì)象否定頁面整體會(huì)給瀏覽者帶來不一樣感受的觀點(diǎn)，84.62%的調(diào)查對(duì)象都認(rèn)可頁面布局會(huì)帶來不一樣的感覺，其中53.85%的受訪者表示接受，30.77%的調(diào)查對(duì)象表示非常認(rèn)同。

導(dǎo)航菜單的位置會(huì)影響視頻網(wǎng)站的用戶體驗(yàn)，騰訊和愛奇藝的導(dǎo)航菜單都是橫向排版。據(jù)調(diào)查數(shù)據(jù)顯示，61.54%的被調(diào)查者更喜歡橫向?qū)Ш讲藛危?8.46%的被調(diào)查者選擇了縱向?qū)Ш讲藛巍?/p>

三、網(wǎng)站設(shè)計(jì)的意見和建議

（一）關(guān)于網(wǎng)站風(fēng)格的建議。通過減少不必要因素來凸顯主要信息這種扁平化的網(wǎng)站風(fēng)格，達(dá)到美觀性和功能性并存的效果。因?yàn)?7.18%的人喜歡簡潔大方的頁面，所以在頁面設(shè)計(jì)中，可以利用空白與界線營造出清爽效果，營造出產(chǎn)品的現(xiàn)代風(fēng)格。

字體方面，宋體端莊典雅，占據(jù)的版面較小，適合大面積的文字編排；方正報(bào)宋更為秀麗，在書籍的排版中更為常用。鑒于使用報(bào)宋作為正文字體是一種新的嘗試，所以做了問卷調(diào)查，結(jié)果有69.23%的被調(diào)查者仍然鐘愛宋體，所以網(wǎng)站在字體選擇上堅(jiān)持傳統(tǒng)風(fēng)格，繼續(xù)使用宋體。

（二）關(guān)于網(wǎng)站色彩的建議。關(guān)于《我們相愛吧》網(wǎng)站色系的問題，選擇暖色調(diào)的人明顯多于選擇冷色調(diào)的人。這與節(jié)目的情感導(dǎo)向相同，所以網(wǎng)站主體色選擇和節(jié)目logo一致的熒光粉，背景色為白色。

在網(wǎng)站設(shè)計(jì)時(shí)，常用低飽和度的色彩和高飽和度的色彩進(jìn)行搭配。高飽和度的部分會(huì)凸顯出來，在第一時(shí)間吸引人們的注意力，引導(dǎo)閱讀。所以網(wǎng)站主頁的圖片都要做飽和度的調(diào)整，以突出視頻和三對(duì)CP。

（三）關(guān)于網(wǎng)站排版布局的建議。在問卷調(diào)查中，過半數(shù)的受訪者表示，比起視頻和文字，他們?cè)谶M(jìn)入頁面后最先想看到的是大背景的圖片。所以在進(jìn)入頁面時(shí)，可以將視頻的背景換成低飽和度的相關(guān)圖片，讓受眾能更快找到所需要的信息。此外，因?yàn)闄M向的導(dǎo)航菜單更容易找到需要的信息，在問卷調(diào)查時(shí)更多受訪者選擇了橫向的導(dǎo)航菜單，所以在網(wǎng)站設(shè)計(jì)時(shí)采用橫向的導(dǎo)航菜單。

四、結(jié)語

網(wǎng)站的風(fēng)格、色彩和布局對(duì)于網(wǎng)站設(shè)計(jì)來說至關(guān)重要。簡潔大方的風(fēng)格能給用戶留下深刻的印象，以暖色為主色調(diào)的色彩搭配能讓用戶在使用網(wǎng)站時(shí)有相應(yīng)的情緒，而主次分明的布局能讓用戶在使用網(wǎng)站時(shí)更容易獲取需要的信息。因而，在《我們相愛吧》網(wǎng)站的設(shè)計(jì)中一定要對(duì)這三個(gè)方面進(jìn)行改進(jìn)和提高。

參考文獻(xiàn)：

[1]秦歲明，何夢(mèng)楠.扁平化風(fēng)格在網(wǎng)頁界面設(shè)計(jì)中的應(yīng)用[J].包裝工程，2015，（06）：41-44+54.

[2]張爽.網(wǎng)站設(shè)計(jì)中的色彩搭配技巧探討[J].吉林廣播電視大學(xué)學(xué)報(bào)，2013，（04）：93-94.