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

于子卉

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

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

中圖分類號：C2 文獻標志碼：A 文章編號：1007-0125（2017）22-0238-01

一、方法論

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

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

（三）個案分析法。筆者瀏覽了騰訊和愛奇藝等視頻網(wǎng)站，總結(jié)它們在頁面布局上的差別，并將能產(chǎn)生積極傳播效果的相關(guān)元素借鑒到自己網(wǎng)頁的設(shè)計中。

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

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

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

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

現(xiàn)在騰訊和愛奇藝的綜藝節(jié)目網(wǎng)站正文采用的是宋體，在標題部分采用的是黑體。據(jù)調(diào)查數(shù)據(jù)顯示，對于正文的字體，其中69.23%的被調(diào)查者更喜歡宋體，而30.77%的被調(dià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)查對象選擇暖色系（56.41%），而偏愛冷色系和中性色網(wǎng)站的調(diào)查對象分別占20.51%和23.08%。

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

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

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

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

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

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

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

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

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

四、結(jié)語

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

參考文獻：

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

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