交互式設(shè)計(jì)在網(wǎng)站建設(shè)中的應(yīng)用

鄧亞明　唐娜

摘要：交互式設(shè)計(jì)在網(wǎng)站的設(shè)計(jì)中起著重要的作用，該文以湖南教育網(wǎng)花寵共建頻道為切入點(diǎn)，設(shè)計(jì)了基于beta+data的交互式網(wǎng)站設(shè)計(jì)解決方案并對(duì)交互式設(shè)計(jì)在網(wǎng)站建設(shè)中的應(yīng)用進(jìn)行研究。

關(guān)鍵詞：交互式設(shè)計(jì)；網(wǎng)站建設(shè)；beta

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）01-0030-02

1 研究背景

交互設(shè)計(jì)，又稱互動(dòng)設(shè)計(jì)，是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。筆者自2012年參與了學(xué)院共建湖南教育網(wǎng)花鳥寵物頻道的建設(shè)項(xiàng)目，主要承擔(dān)網(wǎng)站的頂層設(shè)計(jì)及界面設(shè)計(jì)。今年上半年的中期檢查中專家組的專家認(rèn)為先前的方案效果過于學(xué)科化、互動(dòng)性不強(qiáng)；而交互設(shè)計(jì)正好適合解決目前頻道共建中遇到的互動(dòng)性不強(qiáng)的問題，為此項(xiàng)目組對(duì)網(wǎng)站的交互式設(shè)計(jì)方案制定和實(shí)施進(jìn)行了多種有益的嘗試和探索。

2 網(wǎng)站建設(shè)中交互式設(shè)計(jì)原則

在網(wǎng)站建設(shè)的交互式設(shè)計(jì)中，我們發(fā)現(xiàn)很多的問題并不出在后期制作中而是在前期的對(duì)網(wǎng)站使用者的分析和交流中，這些問題的出現(xiàn)往往導(dǎo)致了后期的網(wǎng)站建設(shè)偏離主方向，從而滿足不了網(wǎng)站使用者的種種需要。在進(jìn)行網(wǎng)站建設(shè)的一些體驗(yàn)交互式設(shè)計(jì)中，設(shè)計(jì)人員前期需求不明，造成設(shè)計(jì)時(shí)目的不明確。而在網(wǎng)站的開發(fā)建設(shè)時(shí)，還往往習(xí)慣借鑒于已經(jīng)存在的網(wǎng)站，造成了種種技術(shù)層面上的問題和失誤，所以把握網(wǎng)站建設(shè)中的交互式設(shè)計(jì)原則很重要，這里我們總結(jié)了本網(wǎng)站在建設(shè)中的幾個(gè)交互式設(shè)計(jì)原則：

1） 重視可視性原則。網(wǎng)站的功能可視性越好，就越方便用戶發(fā)現(xiàn)和了解使用方法，因此在網(wǎng)站建設(shè)的交互式設(shè)計(jì)中要盡量注意界面的簡(jiǎn)單易讀。

2） Beta+data原則。網(wǎng)站建設(shè)的交互式設(shè)計(jì)中沒有完美的設(shè)計(jì)，只有不斷改進(jìn)的設(shè)計(jì)，所以在網(wǎng)站建設(shè)的過程中應(yīng)該盡快做出網(wǎng)站的beta版本，在網(wǎng)站beta版本運(yùn)行的過程中盡可能多的收集用戶的各種data進(jìn)行分析，和用戶一起來設(shè)計(jì)和改進(jìn)我們的頻道，讓交互貫穿整個(gè)設(shè)計(jì)的本身。

3） 重視用戶體驗(yàn)原則。網(wǎng)站建設(shè)的交互式設(shè)計(jì)中要及時(shí)反饋各種與活動(dòng)相關(guān)的信息，以便用戶能夠繼續(xù)下一步操作。

4） 增加用戶遷移成本原則。信息時(shí)代的特色就是用戶從一個(gè)信息產(chǎn)品遷移到另一個(gè)產(chǎn)品時(shí)沒有任何直接成本，因此在網(wǎng)站建設(shè)的交互式設(shè)計(jì)中要努力加大用戶遷移的隱形成本，這樣才能提高用戶的忠誠(chéng)度。

5） 多渠道共建原則。在本網(wǎng)站建設(shè)的交互式設(shè)計(jì)中盡該可能利用學(xué)院涉農(nóng)專業(yè)的優(yōu)勢(shì)，既以涉農(nóng)專業(yè)的各種資源保障和促進(jìn)頻道建設(shè)，又依托頻道平臺(tái)促進(jìn)涉農(nóng)專業(yè)的實(shí)訓(xùn)類教學(xué)，從而實(shí)現(xiàn)專業(yè)實(shí)訓(xùn)和頻道共建的雙贏。

3 網(wǎng)站建設(shè)中的交互式解決方案

交互設(shè)計(jì)是工業(yè)設(shè)計(jì)發(fā)展到一定程度的產(chǎn)物，是一種先進(jìn)的設(shè)計(jì)方法。交互設(shè)計(jì)是綜合工程、人機(jī)和市場(chǎng)方面的因素，對(duì)用戶的問題提出解決的方案。在湖南教育網(wǎng)花寵共建頻道的建設(shè)過程中，我們給出如下的交互式解決方案：

1） 拓展真實(shí)用戶

網(wǎng)絡(luò)水軍只是吸引目光的方法，只有不斷拓展真正對(duì)花卉和寵物感興趣的用戶才是頻道成長(zhǎng)的動(dòng)力和源泉。在這個(gè)快速消費(fèi)的年代，要吸引用戶到一個(gè)信息產(chǎn)品上來必須要滿足兩個(gè)方面：方便和有吸引力。所以拓展用戶從以下幾個(gè)方面：

a.盡可能簡(jiǎn)化朱張渡口注冊(cè)流程。申請(qǐng)SP服務(wù)，將注冊(cè)分割成手機(jī)短信注冊(cè)和PC完善注冊(cè)資料兩個(gè)部分。

b.開發(fā)用戶積分系統(tǒng)?？梢詤⒄针娔X養(yǎng)成游戲的設(shè)計(jì)模式，制作本頻道的用戶積分系統(tǒng)，設(shè)置注冊(cè)送積分，產(chǎn)品建議送積分，回帖、發(fā)帖、完善資料送積分，邀請(qǐng)注冊(cè)送積分，隨手拍花卉寵物美圖視頻送積分，并每周每月選出精品再獎(jiǎng)勵(lì)積分等等。讓用戶在賺取積分的過程中與頻道互動(dòng)、與專家互動(dòng)、與其他用戶互動(dòng)。合理的積分系統(tǒng)的設(shè)置是吸引用戶的基礎(chǔ)。

c.完善積分兌換系統(tǒng)。可以兌換寵物美容劵（學(xué)校及就近合作寵物店）、換小型盆栽（學(xué)校及就近合作花店）、換體驗(yàn)日門票、換合作門店抵用券、換花卉寵物衍生周邊產(chǎn)品（寵物食品、花茶等）。

d.設(shè)立微信群等。充分利用用戶的移動(dòng)設(shè)備，主動(dòng)推送一些知識(shí)類信息和活動(dòng)信息，加強(qiáng)頻道和用戶、用戶和用戶之間的互動(dòng)交流。

2） 逐步豐富網(wǎng)站內(nèi)容

通過快速推出的beta收集到主動(dòng)用戶和被動(dòng)用戶的各種data之后，才能最準(zhǔn)確全面的滿足用戶對(duì)網(wǎng)站內(nèi)容的各種需求，其中主要注意以下幾個(gè)方面：

a.豐富用戶最關(guān)心的熱門類別的經(jīng)過專家甄別過的百科知識(shí)，并且留出糾錯(cuò)端口，就像百度百科一樣。

b.定時(shí)總結(jié)渡口論壇中的精華帖，在網(wǎng)頁中重新編輯展示，更好的增加頻道的百度搜索。

c.及時(shí)全面的圖文報(bào)道本頻道的各種線下活動(dòng)，讓用戶感覺不僅僅是在看一個(gè)網(wǎng)站，還可以感受到生活。

d.豐富頻道中的原創(chuàng)精美圖片和視頻，通過積分獎(jiǎng)勵(lì)的方式鼓勵(lì)用戶展示自己的隨手拍作品，讓用戶即便離開了電腦還會(huì)經(jīng)常想起本頻道。

e.定期對(duì)用戶和商戶在頻道中留下的種種數(shù)據(jù)進(jìn)行數(shù)據(jù)挖掘分析。

3） 合作品牌開發(fā)

就是加強(qiáng)本頻道落地工作，開發(fā)技術(shù)支持品牌和商品支持品牌。

a.迅速樹立學(xué)院動(dòng)科植科專業(yè)在技術(shù)支持方面專家上的權(quán)威性和學(xué)生的實(shí)用性，將本頻道打造成有一個(gè)重要的學(xué)生實(shí)訓(xùn)平臺(tái)。

b.成立商家俱樂部，幫助用戶一起鑒別出一批有實(shí)力有品質(zhì)的商品支持品牌，并開發(fā)一系列的活動(dòng)方案，每周或者每月都組織一個(gè)主題體驗(yàn)日，同時(shí)進(jìn)行普及講座、抵用券使用、商品試用、商品團(tuán)購(gòu)等等。

4） 積極調(diào)動(dòng)校內(nèi)資源：

a.學(xué)生用戶。學(xué)生參加本頻道組織的專業(yè)技術(shù)類活動(dòng)達(dá)到一定時(shí)長(zhǎng)并且獲得用戶認(rèn)可的，可以獲得實(shí)訓(xùn)學(xué)分。另外學(xué)生在渡口發(fā)帖、發(fā)圖等都可以參與積分，只是學(xué)生的積分兌換物可以是餐卡等。

b.教師用戶。教師可以通過設(shè)計(jì)體驗(yàn)主題、主題講座等獲得課時(shí)。另外教師在渡口發(fā)帖、發(fā)圖等都可以參與積分，只是學(xué)生的積分兌換物可以是課時(shí)。

c.校內(nèi)實(shí)訓(xùn)基地。校內(nèi)花卉寵物基地可以承辦頻道的主題體驗(yàn)日活動(dòng)，也可以通過頻道進(jìn)行花卉寵物產(chǎn)品出售。

5） 充分利用校外資源：

a.包括綠辦等各個(gè)農(nóng)業(yè)廳相關(guān)部門。

b.各個(gè)花鳥動(dòng)物協(xié)會(huì)。

c.平面和電視媒體。

6） 二期計(jì)劃

在以后的計(jì)劃里，我們還要盡快完成APP的開發(fā)和配套電商網(wǎng)站的開發(fā)。

4 結(jié)束語

總之，我們希望把湖南教育網(wǎng)花寵頻道建設(shè)成一個(gè)有自身特色的、能充分發(fā)揮我院農(nóng)林優(yōu)勢(shì)的、真正和用戶交流互動(dòng)的平臺(tái)，所以我們引入交互設(shè)計(jì)的理念對(duì)整個(gè)頻道進(jìn)行增強(qiáng)和擴(kuò)充。通過交互式設(shè)計(jì)在網(wǎng)站建設(shè)中的逐步應(yīng)用，我們不再關(guān)注頻道的界面或者形式，而是更關(guān)注內(nèi)容和內(nèi)涵，努力讓頻道能變得易用、有效和讓人愉悅。

參考文獻(xiàn)：

[1] 殷周平.基于WebGL和AJAX的WEB3D應(yīng)用研究——以在線3D協(xié)作交互式設(shè)計(jì)為例[J].安慶師范學(xué)院學(xué)報(bào)（自然科學(xué)版），2013.

[2] 張晶瑩.基于交互式電子白板的機(jī)械設(shè)計(jì)基礎(chǔ)教學(xué)案例設(shè)計(jì)與分析[J].廣西教育，2013.