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

出色的網(wǎng)站建設(shè)可以給我們帶來(lái)更多的好處，節(jié)省人工成本，同時(shí)增加頁(yè)面瀏覽量，增加潛在意向客戶。可以說(shuō)，合適的網(wǎng)站建設(shè)對(duì)企業(yè)有百利而無(wú)一害。特別是近年來(lái)營(yíng)銷型網(wǎng)站建設(shè)概念的提出，可以通過(guò)網(wǎng)站提升搜索排名，獲取更多意向客戶資源。所以作為企業(yè)，一定要想辦法創(chuàng)建一個(gè)高度有競(jìng)爭(zhēng)力的網(wǎng)站。一個(gè)好的網(wǎng)站可以幫助企業(yè)做好營(yíng)銷工作。可以說(shuō)，與傳統(tǒng)網(wǎng)站相比，營(yíng)銷網(wǎng)站的建設(shè)更具市場(chǎng)競(jìng)爭(zhēng)力，給企業(yè)帶來(lái)了一定的價(jià)值。營(yíng)銷型網(wǎng)站建設(shè)有哪些特征呢？或者說(shuō)，怎樣做才能讓網(wǎng)站的營(yíng)銷力彰顯突出，多年網(wǎng)站設(shè)計(jì)制作經(jīng)驗(yàn)告訴我們，營(yíng)銷型網(wǎng)站建設(shè)最核心的功能莫過(guò)于與用戶建立互動(dòng)。

一定要有聊天互動(dòng)

其實(shí)，不難發(fā)現(xiàn)很多網(wǎng)站都是靜態(tài)的，只有一些圖片設(shè)計(jì)，簡(jiǎn)單的文字加上圖片，再加上互動(dòng)就不一樣了，如果有類似QQ的聊天功能，及時(shí)收到客戶的建議，反饋信息，這可以大大提高銷售率。

多放留言反饋表單

聊天互動(dòng)可以在工作時(shí)進(jìn)行，所以下班后，每個(gè)人都想舒服地休息，但客戶的問(wèn)題又如何呢？這需要一個(gè)消息區(qū)，任何問(wèn)題都可以詢問(wèn)，并且在回復(fù)后，其他客戶也有同樣的問(wèn)題可以參考。

增加通知公告板塊

最新的公告部分是給客戶最好的服務(wù)體驗(yàn)，這是營(yíng)銷網(wǎng)站建設(shè)的成功之處。當(dāng)用戶瀏覽網(wǎng)頁(yè)時(shí)，他們可以第一次在最醒目的位置看到通知的變化，這樣可以相對(duì)減輕員工一次又一次通知客戶的壓力，同時(shí)也提高了工作效率。

結(jié)合需求開(kāi)發(fā)功能

如果網(wǎng)站上有一個(gè)獨(dú)立的服務(wù)模板，比如移動(dòng)公司，你可以在網(wǎng)頁(yè)上查詢電話費(fèi)，改變套餐業(yè)務(wù)，這是實(shí)現(xiàn)網(wǎng)絡(luò)銷售目的一個(gè)很好的方式。

安裝網(wǎng)站流量分析

現(xiàn)在普通網(wǎng)站上只有一些簡(jiǎn)單的統(tǒng)計(jì)系統(tǒng)，比如人數(shù)、點(diǎn)擊率等等。建議我們結(jié)合專業(yè)的網(wǎng)站分析系統(tǒng)，可以統(tǒng)計(jì)訪問(wèn)人群、訪問(wèn)頻率等，這樣可以進(jìn)行大量的數(shù)據(jù)分析，更好地把握銷售心理。

高端網(wǎng)站建站，高端企業(yè)網(wǎng)站建設(shè)，網(wǎng)站建設(shè)高端定制，企業(yè)高端網(wǎng)站建設(shè)，專注高端網(wǎng)站建設(shè)，大型網(wǎng)站平臺(tái)建設(shè)，高端網(wǎng)站建設(shè)多少錢，網(wǎng)站建設(shè)靠譜的

網(wǎng)站關(guān)鍵詞：網(wǎng)站建設(shè)  網(wǎng)站設(shè)計(jì)  網(wǎng)站制作  上海網(wǎng)站建設(shè)  上海網(wǎng)站設(shè)計(jì)  上海網(wǎng)站制作  上海網(wǎng)絡(luò)公司  網(wǎng)站建設(shè)上海  上海做網(wǎng)站  上海建設(shè)網(wǎng)站  上海做網(wǎng)站公司  上海建網(wǎng)站公司  上海高端網(wǎng)站建設(shè)  上海手機(jī)網(wǎng)站建設(shè)  怎么建設(shè)網(wǎng)站  如何建設(shè)網(wǎng)站  營(yí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è)計(jì)  官網(wǎng)制作  官網(wǎng)建設(shè)  官網(wǎng)設(shè)計(jì)  網(wǎng)站建設(shè)公司  網(wǎng)站設(shè)計(jì)公司  網(wǎng)站制作公司