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

網(wǎng)站做好后，有許多后續(xù)工作需要進行，包括日常維護、優(yōu)化推廣及安全管理等，具體如下： ### 網(wǎng)站維護 - **內容更新**：定期發(fā)布新的文章、產(chǎn)品信息、圖片、視頻等內容，保持網(wǎng)站的新鮮感和吸引力，讓用戶持續(xù)關注。例如電商網(wǎng)站要及時更新商品信息，包括新品上架、促銷活動等；企業(yè)網(wǎng)站要適時發(fā)布公司新聞、行業(yè)動態(tài)等。 - **頁面檢查**：定期檢查網(wǎng)站頁面，確保頁面布局合理、顯示正常，無錯亂、變形等問題。同時，要檢查鏈接是否有效，避免出現(xiàn)死鏈或錯誤鏈接，影響用戶體驗。 - **性能優(yōu)化**：關注網(wǎng)站的加載速度，通過優(yōu)化代碼、壓縮圖片、緩存數(shù)據(jù)等方式，提高網(wǎng)站的訪問速度。此外，要確保網(wǎng)站在不同設備和瀏覽器上都能正常顯示和流暢運行，做好兼容性測試和優(yōu)化。 ### 網(wǎng)站推廣 - **搜索引擎優(yōu)化（SEO）**：通過優(yōu)化網(wǎng)站的關鍵詞、元標簽、內容結構等，提高網(wǎng)站在搜索引擎結果頁面中的排名，增加自然流量。這包括研究和選擇合適的關鍵詞，合理布局在網(wǎng)站的標題、描述、正文等位置，同時建立高質量的外部鏈接，提升網(wǎng)站的權重。 - **社交媒體推廣**：利用社交媒體平臺宣傳網(wǎng)站，分享網(wǎng)站內容，吸引用戶點擊訪問。根據(jù)目標受眾選擇合適的社交媒體平臺，如微信、微博、抖音等，制定相應的社交媒體營銷策略，與用戶進行互動，提高品牌知名度和網(wǎng)站流量。 - **廣告投放**：根據(jù)網(wǎng)站的目標和預算，選擇合適的廣告渠道進行投放，如搜索引擎廣告（如百度競價排名）、社交媒體廣告（如微信朋友圈廣告）、信息流廣告等。通過精準定位目標受眾，提高廣告的轉化率和投資回報率。 ### 安全管理 - **數(shù)據(jù)備份**：定期對網(wǎng)站的數(shù)據(jù)進行備份，包括網(wǎng)站文件、數(shù)據(jù)庫等。這樣可以在遇到突發(fā)情況（如服務器故障、黑客攻擊、數(shù)據(jù)丟失等）時，能夠及時恢復數(shù)據(jù)，減少損失。 - **安全防護**：采取有效的安全措施保護網(wǎng)站安全，如安裝防火墻、防病毒軟件，定期更新網(wǎng)站程序和插件，修復安全漏洞，防止黑客攻擊、惡意軟件入侵等安全問題。同時，要加強用戶信息保護，確保用戶數(shù)據(jù)的安全和隱私。 - **監(jiān)控與應急處理**：建立網(wǎng)站監(jiān)控機制，實時監(jiān)測網(wǎng)站的運行狀態(tài)、流量變化、安全事件等。一旦發(fā)現(xiàn)異常情況，能夠及時采取應急處理措施，如封鎖異常IP、恢復數(shù)據(jù)、修復漏洞等，保障網(wǎng)站的正常運行。 ### 用戶體驗優(yōu)化 - **收集用戶反饋**：通過在線問卷、留言板、客服咨詢等方式，收集用戶對網(wǎng)站的意見和建議。了解用戶的需求和痛點，以便針對性地進行優(yōu)化和改進。 - **分析用戶行為**：利用網(wǎng)站分析工具，如百度統(tǒng)計、Google Analytics等，分析用戶的行為數(shù)據(jù)，包括訪問量、瀏覽路徑、停留時間、轉化率等。通過分析數(shù)據(jù)，了解用戶的使用習慣和偏好，找出網(wǎng)站存在的問題和優(yōu)化空間，從而進行個性化的優(yōu)化和改進，提高用戶體驗和轉化率。 ### 運營與管理 - **制定運營計劃**：根據(jù)網(wǎng)站的定位和目標，制定詳細的運營計劃，包括內容更新計劃、推廣計劃、活動策劃等。明確各階段的工作目標和任務，確保網(wǎng)站運營有計劃、有步驟地進行。 - **人員培訓與管理**：如果網(wǎng)站運營涉及多個人員，需要對相關人員進行培訓，使其熟悉網(wǎng)站的操作流程、內容管理系統(tǒng)、推廣方法等。同時，要建立有效的管理機制，明確各人員的職責和分工，確保網(wǎng)站運營工作的高效協(xié)作。 - **預算與成本控制**：合理規(guī)劃網(wǎng)站運營的預算，包括服務器費用、域名費用、推廣費用、人員工資等。對各項成本進行監(jiān)控和控制，確保在預算范圍內實現(xiàn)網(wǎng)站的運營目標，提高資源利用效率。

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