交互設(shè)計從來都不是簡單的事情。可靠的交互通常需要借助對用戶行為的深入分析，然后有針對性的精心策劃?？墒请S著新的技術(shù)和新的交互模式的不斷涌現(xiàn)，事情就變得不是那么容易了。其實大家遭遇的困境都很相似，用戶已經(jīng)很難被單純炫酷的圖片、流暢的懸停效果和出人意料的動效所打動，真正能讓他們露出微笑的是持久、令人愉悅的交互設(shè)計和用戶體驗。如果你對于日常的設(shè)計中的常見的誤區(qū)有所了解，自然會有意識地繞過這些坑。
為了更好的設(shè)計，我們?yōu)槟愫唵慰偨Y(jié)了一下最常見的5種交互設(shè)計的誤區(qū)。
1、過度的創(chuàng)意
網(wǎng)頁設(shè)計師 絕對不缺少創(chuàng)意。我們希望借工作表達自己，也一直在試圖尋找能讓產(chǎn)品脫穎而出的優(yōu)秀創(chuàng)意。但是當(dāng)涉及到交互設(shè)計的時候，推陳出新并不一定總是好的，它甚至 會對你的網(wǎng)站和產(chǎn)品產(chǎn)生不利的影響。的確，許多用戶渴求新鮮的創(chuàng)意，但是在操作和交互上卻往往希望協(xié)調(diào)可控，所以他們更傾向于熟悉的交互。Etsy的創(chuàng)業(yè) 總監(jiān)Randy曾經(jīng)撰文探討過這個問題，文中直言“設(shè)計師們不要在此(交互設(shè)計)自作聰明了!”在這篇文中，他詳細解釋了為什么你不應(yīng)該走極端去設(shè)計充滿大量創(chuàng)新交互的網(wǎng)頁。
以Lotorama的網(wǎng)站為例子，漂亮的頁面和柔和的音樂都非常的贊，但是用戶進來之后會遲疑，想知道這個網(wǎng)站要如何操作。不要曲解我的意思，如果你是純粹處于炫技，那么這種華麗而充滿游戲性的網(wǎng)站絕對稱得上是創(chuàng)意無限，但是對于普通用戶而言，他們的直覺失去效果，茫然無措會成為網(wǎng)站瀏覽的障礙。
下面是另外一個案例，這個名為Safety on the Slopes 的項目是為了說明冬季運動的危險的，整個網(wǎng)站的設(shè)計整潔，交互也直觀。網(wǎng)站設(shè)計也有所創(chuàng)新，但是同時是以用戶交互直覺為先決條件，以身臨其境為目標(biāo)。
2、令人迷惑的交互
“不要自作聰明”的規(guī)則也應(yīng)當(dāng)應(yīng)用在導(dǎo)航設(shè)計上。一些設(shè)計師試圖運用別具一格不同尋常的名稱，以活動更富有實驗性的導(dǎo)航。比如這個Chijoff網(wǎng)站， 就讓前來應(yīng)聘的用戶充滿困惑。如果你是網(wǎng)站的訪客，需要來回折騰一陣子，才能搞清楚這個名為“Co-Create”的頁面實際上也就是常見的 “Services”頁面。最糾結(jié)的是，即便是你將整個頁面都看完之后，仍然高不清楚要怎么辦，因為這個頁面的底部僅僅只有一個表單，展示行業(yè)新聞，并且 僅僅提供一個注冊入口!至于聯(lián)系頁面就更簡單了，僅僅提供了一個郵政編碼和一個郵件地址?？偠灾麄冇酶鞣N手段讓用戶無法直接快速有效的聯(lián)系上他們。
在看看這個案例。你猜猜看，Maison Margiela 的頁面上的“Universe”這個分類是干啥的?這個炫酷的鏈接，實際上是鏈接到他們的Facebook頁面的……
反例當(dāng)然也有，看看legworkstrdio的網(wǎng)站吧，他們的創(chuàng)意非常不錯，導(dǎo)航清晰明確，用戶也不會在導(dǎo)航中迷失。
3、雜亂無章
曾經(jīng)有過一個階段，設(shè)計師試圖將所有的內(nèi)容全都塞到一個頁面當(dāng)中去。雖然這個時代已經(jīng)過去了，但是很多網(wǎng)站依然在犯這個錯誤，甚至在我們自己設(shè)計的時候，有時候也會身不由己地想這么做。看看這個在線商店的設(shè)計吧：
設(shè)計師試圖使用簡單的配色方案，但問題是頁面中大大小小的框、復(fù)雜多變的字體破壞了整體的風(fēng)格，用戶也在大量繁復(fù)的信息中懵逼。搜索框中“那么你今天想得到什么呢?”文案還是挺時尚的，但是頁面風(fēng)格卻完全是過時的設(shè)計。
反觀EBay的設(shè)計，在設(shè)計上則更為克制，保持清爽而簡單的設(shè)計，凸顯用戶關(guān)注的內(nèi)容，并且明確地提示用戶下一步該怎么做。
4、要有對比度
對比度是構(gòu)建視覺層次最重要的手段之一，也是讓視覺元素吸引用戶的絕佳方式。在網(wǎng)頁設(shè)計中，對比度不僅僅是通過色彩來呈現(xiàn)的，尺寸控制、形狀設(shè)計、位置調(diào)整也都能表現(xiàn)出對比度。
最簡單也是最生動的案例，就是下面的這個網(wǎng)站。設(shè)計師在網(wǎng)站的一致性上做的頗為不錯，但是相對復(fù)雜的背景和文字內(nèi)容、按鈕等前景元素之間的對比不明顯。
相比之下，這個網(wǎng)站也采用了深淺色(黑白)的對比來進行設(shè)計，但是結(jié)果卻截然不同。另外，充滿創(chuàng)意的滾動效果也引入了頗為不錯的視覺效果，很酷吧?
5、忽視表單樣式
表單設(shè)計其實是用戶體驗設(shè)計的基本組成部分之一。每個網(wǎng)站都有不同的設(shè)計目標(biāo)，不論是銷售產(chǎn)品、呈現(xiàn)信息還是提供溝通平臺，然而許多設(shè)計漂亮的網(wǎng)站總會給你一個令人感到無聊到死的復(fù)雜表單，除了那些極其想加入會員或者想?yún)⑴c問卷調(diào)查的那些訪客，許多用戶(比如我)會直接關(guān)閉頁面，離開網(wǎng)站。
有了JCF這樣的跨瀏覽器解決方案之后，你就可以同丑陋的默認(rèn)表單樣式說再見了，你可以設(shè)計更優(yōu)秀更人性化的表單那設(shè)計，來提升交互效率和用戶體驗。
另外一個惱人的情況是，表單要求太多，想法不成熟，或者并未經(jīng)過良好的測試。比如sketchybusiness.io 這個網(wǎng)站中，表單突出了所有的空白字段，即使有些是不需要填寫的。
反觀mostlyserious.io的表單設(shè)計，你會喜歡表單中的鼠標(biāo)懸停提示。另外，其中“Don’t be shy”的提醒為整個表單增添了人性化的元素。

一、網(wǎng)站策劃及實施
經(jīng)過對市場的分析，明確好網(wǎng)站的定位后，進入到網(wǎng)站的策劃與實施階段。網(wǎng)站策劃包括前期對客戶需求的了解、網(wǎng)站類型的確認(rèn)、網(wǎng)站結(jié)構(gòu)的規(guī)劃、網(wǎng)站功能需求分析報告的撰寫、網(wǎng)站平臺硬件、軟件的配置方案;中期網(wǎng)站風(fēng)格的定位、網(wǎng)站頁面的設(shè)計(與網(wǎng)頁設(shè)計人員的溝通)、網(wǎng)站內(nèi)容的編輯整理、網(wǎng)站功能模塊的開發(fā)(與技術(shù)開發(fā)人員的溝通)、網(wǎng)站發(fā)布前的測試;后期網(wǎng)站售后服務(wù)、技術(shù)支持、網(wǎng)站宣傳推廣等。
網(wǎng)站具體實施，注意如下幾點:

1、網(wǎng)站設(shè)計方案:
網(wǎng)站的設(shè)計方案，要有明確的色彩定位及風(fēng)格，如一度公司的網(wǎng)站采用的是企業(yè)的標(biāo)準(zhǔn)紅色，搭配經(jīng)典的灰色，傳達科技、專業(yè)的視覺感受給用戶;另外，主題必須鮮明，網(wǎng)站的設(shè)計要圍繞著同一個核心主題展開，眾多的設(shè)計元素均為主題服務(wù)，讓用戶第一眼看到網(wǎng)站，就會被一個核心主題所吸引。例如:有些網(wǎng)站只提供簡潔的文字信息，有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以播放聲音和錄像片段。注意避免出現(xiàn)讓用戶從頭看到尾，不清楚所表達之重點的設(shè)計方案。

2、建站目標(biāo)的明確:
企業(yè)網(wǎng)站是展現(xiàn)企業(yè)形象、介紹企業(yè)產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此必須明確建設(shè)網(wǎng)站的目標(biāo)和用戶需求，從而制定出切實可行的建站計劃。要從消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析，圍繞以"消費者"為核心的角度進行目標(biāo)規(guī)劃。

3、增強網(wǎng)站的互動性:
網(wǎng)站是給用戶使用的，如果只是讓用戶作為觀眾，不一定留下深刻的印象，往往使用戶的第一次訪問也變成最后一次訪問了，所以，在建設(shè)網(wǎng)站的時候，要增強互動性，更多的考慮讓用戶切身參與進來，這樣更能帶給瀏覽者趣味性。

4、欄目結(jié)構(gòu):
網(wǎng)站的欄目頻道要以結(jié)構(gòu)清晰、導(dǎo)向清楚及便于使用為原則進行設(shè)計。如果人們看不懂或不能在網(wǎng)站上自由前進或后退，那么用戶就沒有辦法準(zhǔn)確的了解企業(yè)及服務(wù)。要重點考慮瀏覽者的訪問習(xí)慣，感興趣的欄目內(nèi)容等，可以使用一些醒目的標(biāo)題或來文字來突出產(chǎn)品與服務(wù)，并且在導(dǎo)航設(shè)計中使用超文本鏈接或圖片鏈接，隨手可以點擊到想要去的欄目頻道，快速、方便。

5、用戶的需求:
要清楚的知道建設(shè)網(wǎng)站的目的是什么?為誰提供產(chǎn)品及服務(wù)?企業(yè)能提供什么樣的產(chǎn)品和服務(wù)?網(wǎng)站的目標(biāo)消費者和用戶的特點是什么?企業(yè)必須清楚地了解網(wǎng)站用戶的基本情況，如受教育程度、收入水平、需要信息的范圍及深度等，從而做到有的放矢。

二、域名的選擇標(biāo)準(zhǔn)
企業(yè)的域名，就像每個家庭的門牌號碼一樣，既要好記，又要好聽，可以采用數(shù)字、拼音、英語、縮寫的行式。一個好的域名應(yīng)該具有簡潔性，避免過長的字符導(dǎo)致記憶的困難，設(shè)想一下，用戶想瀏覽你的網(wǎng)站，但是域名記不牢導(dǎo)致反復(fù)輸入也無法準(zhǔn)確訪問，那樣用戶就會煩了，轉(zhuǎn)而選擇同行企業(yè)好聽、好記的域名去解決需求，那樣就得不償失了。此外，域名還應(yīng)該考慮到網(wǎng)絡(luò)的國際性，兼顧國際的用戶。
域名具有唯一性，一個域名一旦注冊成功，任何其他機構(gòu)都無法注冊相同的域名。域名是企業(yè)重要的網(wǎng)絡(luò)商標(biāo)，在網(wǎng)絡(luò)營銷中起到企業(yè)標(biāo)識的作用，在進行域名的命名時，要考慮到域名與企業(yè)的名稱、標(biāo)識相統(tǒng)一。
一個好的域名，事關(guān)未來企業(yè)網(wǎng)絡(luò)品牌形象成功樹立的大局，也是網(wǎng)站權(quán)重與后期打響網(wǎng)站品牌的關(guān)鍵因素之一，所以做選擇域名要三思后再決定。

三、網(wǎng)站動態(tài)內(nèi)容務(wù)必及時更新
很多網(wǎng)站在設(shè)計階段，頁面都很漂亮，除了文字、圖片等元素的應(yīng)用外，更多飽滿、充實的效果是依托企業(yè)本身的內(nèi)容體現(xiàn)出來的，但是網(wǎng)站一旦正式上線，效果反而大大折扣，因為很多資料并不完善，或者企業(yè)本身的資料錄入人員，并沒有建站公司的專業(yè)，資料的文字和圖片排列效果與當(dāng)時的設(shè)計方案相距甚遠，這些問題都需要企業(yè)盡心、盡力的解決，網(wǎng)站上線以后，要定期、持續(xù)不斷的更新動態(tài)內(nèi)容，便于用戶及時了解企業(yè)的最新發(fā)展動態(tài)及相關(guān)產(chǎn)品、服務(wù)等，同時及時更新網(wǎng)站動態(tài)內(nèi)容，也會幫助企業(yè)在用戶心中建立更好的形象。

四、根據(jù)行業(yè)特點和企業(yè)需求建站
建設(shè)一個網(wǎng)站，首先考慮企業(yè)所屬的行業(yè)特點，我們隨意在網(wǎng)上搜索下制造業(yè)、化妝品行業(yè)，在跳出來的各個企業(yè)網(wǎng)站中點擊，你會發(fā)現(xiàn)，同一個行業(yè)的網(wǎng)站，或多或少的都存在著共通之處，有的是網(wǎng)站的設(shè)計風(fēng)格類似;有的是版面、布局類似;有的是欄目架構(gòu)類似，這些共通點，象征著同一個行業(yè)的共性，也是用戶對這一行業(yè)所熟悉的部分，所以，某些共通點是需要企業(yè)建設(shè)網(wǎng)站時借鑒和參考的。
企業(yè)建設(shè)一個網(wǎng)站，都會有企業(yè)最根本的需求，有的企業(yè)把網(wǎng)站作為網(wǎng)絡(luò)品牌的形象，所以注重品牌的塑造，重視頁面的設(shè)計感;有的企業(yè)用網(wǎng)站來銷售公司產(chǎn)品，在網(wǎng)站設(shè)計上不強調(diào)濃重的設(shè)計感和創(chuàng)意，而是重點突出產(chǎn)品的展示和銷售;有的企業(yè)網(wǎng)站突出與用戶的互動性，采用Flash游戲、360度全景、3D等效果增強網(wǎng)站的趣味性等，總之，每個網(wǎng)站都有自身的行業(yè)特點及企業(yè)本身的建站需求，想要建設(shè)一個適合企業(yè)自身的網(wǎng)站，就需要在建站前明確好網(wǎng)站建設(shè)的主題方向，莫求大而全，也不要盲目追隨，要根據(jù)自身實力做好相應(yīng)判斷，為企業(yè)網(wǎng)站定好位。

五、網(wǎng)站正式上線后的推廣
網(wǎng)站推廣可以提升企業(yè)品牌的知名度，增加網(wǎng)站的流量和用戶，讓更多的人知道企業(yè)的網(wǎng)站，提升轉(zhuǎn)化率，最終帶來訂單。所以，一個好的企業(yè)網(wǎng)站建設(shè)僅僅做完是不夠的，一定要善于利用網(wǎng)絡(luò)工具和資源，把網(wǎng)站推廣出去。

網(wǎng)站關(guān)鍵詞：網(wǎng)站建設(shè)  網(wǎng)站設(shè)計  網(wǎng)站制作  上海網(wǎng)站建設(shè)  上海網(wǎng)站設(shè)計  上海網(wǎng)站制作  上海網(wǎng)絡(luò)公司  網(wǎng)站建設(shè)上海  上海做網(wǎng)站  上海建設(shè)網(wǎng)站  上海做網(wǎng)站公司  上海建網(wǎng)站公司  上海高端網(wǎng)站建設(shè)  上海手機網(wǎng)站建設(shè)  怎么建設(shè)網(wǎng)站  如何建設(shè)網(wǎng)站  營銷網(wǎng)站建設(shè)  品牌網(wǎng)站建設(shè)  網(wǎng)站建設(shè)方案  響應(yīng)式網(wǎng)站建設(shè)  外貿(mào)網(wǎng)站建設(shè)  公司網(wǎng)站建設(shè)  建設(shè)網(wǎng)站  網(wǎng)站建設(shè)服務(wù)  高端網(wǎng)站建設(shè)  網(wǎng)站優(yōu)化服務(wù)  上海網(wǎng)站公司  企業(yè)網(wǎng)站設(shè)計  官網(wǎng)制作  官網(wǎng)建設(shè)  官網(wǎng)設(shè)計  網(wǎng)站建設(shè)公司  網(wǎng)站設(shè)計公司  網(wǎng)站制作公司