交互設(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è)表單增添了人性化的元素。

1、競(jìng)價(jià)人員
雖然SEO是操作網(wǎng)站排名的，但是很多公司很自然的把競(jìng)價(jià)的工作也退給了SEO部門，這就需要SEO部門有專門的競(jìng)價(jià)人員負(fù)責(zé)競(jìng)價(jià)工作，配合SEO引流轉(zhuǎn)化。而且，一般競(jìng)價(jià)人員的參與大多都是在網(wǎng)站沒(méi)有流量的前期當(dāng)做的，所以一個(gè)懂競(jìng)價(jià)的人員是必要的。

2、SEO主管
在成立團(tuán)隊(duì)時(shí)，SEO的經(jīng)驗(yàn)必須豐富，也就是說(shuō)，SEO不單單負(fù)責(zé)SEO本身的工作，還要肩負(fù)起分配任務(wù)，任務(wù)考核，數(shù)據(jù)分析等工作，就需要SEO主管級(jí)別的才能勝任了。也可以由SEO擔(dān)任，但是工作任務(wù)就要就是帶領(lǐng)團(tuán)隊(duì)、管理團(tuán)隊(duì)、培訓(xùn)網(wǎng)絡(luò)營(yíng)銷團(tuán)隊(duì)。

3、程序技術(shù)
程序人員需要負(fù)責(zé)網(wǎng)站的正常運(yùn)轉(zhuǎn)的維護(hù)，黑鏈的清楚，代碼的修改等等都需要技術(shù)人員的配合，網(wǎng)站的搭建工作主要就是程序和SEO配合完成的。網(wǎng)站前端、網(wǎng)站的改版，網(wǎng)站的功能添加都需要技術(shù)人員的配合完成。

4、網(wǎng)站編輯
網(wǎng)站以內(nèi)容為主，所以需要一個(gè)專門的編輯人員負(fù)責(zé)更新網(wǎng)站內(nèi)容，另外也需要對(duì)軟文有所了解。內(nèi)容為wang的時(shí)代永不過(guò)時(shí)，一個(gè)專門的編輯人員是必不可少的，如果更新的內(nèi)容數(shù)量很多，可能需要的不止一個(gè)編輯人員配合。

5、美工人員
美工人員不僅僅是設(shè)計(jì)圖片那么簡(jiǎn)單，美工也是屬于技術(shù)層面的，活動(dòng)是否吸引人和美工設(shè)計(jì)的圖片有著直接的關(guān)系，一個(gè)優(yōu)秀的美工可遇不可求。網(wǎng)站策劃活動(dòng)，設(shè)計(jì)宣傳海報(bào)專題頁(yè)等都離不開(kāi)美工，而且網(wǎng)站頁(yè)面的圖片的優(yōu)化也需要美工配合。

6、外鏈推廣
雖然外鏈時(shí)代已經(jīng)過(guò)去，但是外鏈的作用不代表失去了意義，更多的是發(fā)外鏈的作用趨向于引流，引流用戶點(diǎn)擊。從面相搜索引擎到面向客戶的升級(jí)。所以，一篇好的軟文比幾十上百條外鏈更加有效果。
友情鏈接的篩選和添加，檢查和維護(hù)等等。

SEO不是兩天就能完成的，俗話說(shuō)眾人拾柴火焰高，想要達(dá)標(biāo)就得依靠我們各個(gè)部門共同努力!

網(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)站制作公司