交互設(shè)計(jì)如今已是一個(gè)十分常見的問題，但許多設(shè)計(jì)者和開發(fā)者仍不知道它的具體意義。今天，我們將從不同于以往的方面：我們將會(huì)深入講解能使你的網(wǎng)站擁有良好交互性的用戶界面和設(shè)計(jì)原則。

首先，何為IxD 交互設(shè)計(jì)（即IxD）是一塊發(fā)展迅速的新領(lǐng)域，大致出現(xiàn)于10-15年之前，源于一些體現(xiàn)設(shè)計(jì)問題的研究，后來被專業(yè)設(shè)計(jì)者鑒別和接受。

交互設(shè)計(jì)促進(jìn)人與環(huán)境的交流，這里我們指的是人和網(wǎng)站的交流，交互設(shè)計(jì)師只要考慮用戶和電腦的交互，毋須像UX設(shè)計(jì)者那樣思考軟件或系統(tǒng)所有涉及用戶的方面。你也許在不同大學(xué)里聽說過人機(jī)交互度——這些度基本是在IxD領(lǐng)域中培養(yǎng)的。

一個(gè)交互設(shè)計(jì)師會(huì)思考誰是產(chǎn)品的目標(biāo)用戶以及誰會(huì)使用它。用戶研究者或是信息架構(gòu)師會(huì)提供這些信息。在這些研究的基礎(chǔ)上，一個(gè)交互設(shè)計(jì)師為了用戶與軟件交流，要耗費(fèi)很長(zhǎng)時(shí)間但要盡快地創(chuàng)作出這種令人稱奇的交互方式。

設(shè)計(jì)師必須識(shí)別出關(guān)鍵交互并且畫出線框圖, 所以要不停地畫草圖。有的設(shè)計(jì)師會(huì)直接畫出來，有的設(shè)計(jì)師會(huì)用軟件來輔助（文末展示了一些不錯(cuò)的例子），還有其他一些設(shè)計(jì)師會(huì)或單獨(dú)或合作地創(chuàng)作界面。

交互設(shè)計(jì)（IxD）不斷地展現(xiàn)出新的交互方式，因?yàn)橛脩艨偸瞧谕W(wǎng)站出現(xiàn)新的事物。但交互設(shè)計(jì)師需要意識(shí)到這些特性會(huì)如何影響用戶，然后在許多想法中選擇真正要實(shí)現(xiàn)的和可以放一段時(shí)間的。

下面我們將會(huì)看到一些驅(qū)動(dòng)交互設(shè)計(jì)的概念。

目標(biāo)驅(qū)動(dòng)設(shè)計(jì) 盡管IxD不需要做，但為了獲得最好的設(shè)計(jì)反饋，用戶研究查至關(guān)重要。用戶使用軟件時(shí)，一般在心里有一些目標(biāo)，你的應(yīng)用程序應(yīng)當(dāng)很好地滿足這些目標(biāo)。為了成功地結(jié)合設(shè)計(jì)和功能，用戶研究恰恰是最重要的元素。

這是如此的重要，以至于許多用戶研究員也能找到做交互設(shè)計(jì)師的工作，就是因?yàn)樗麄冊(cè)诜治鲇糜谲浖娜祟愋袨槟Ｊ椒矫娴募寄堋?/p>

簡(jiǎn)單化

人們不知道用戶界面是什么。事實(shí)上他們也不關(guān)心。他們不知道有人在網(wǎng)站的背后策劃著他們所見到的一切。他們只知道他們需要一個(gè)簡(jiǎn)單的網(wǎng)站。他們要一個(gè)易用的系統(tǒng)，加載/響應(yīng)速度快，不要讓用戶思考并且不給用戶傷痛的理由。

情景和模式 我們使用的一些產(chǎn)品通常功能設(shè)計(jì)的很明確，因此每一個(gè)人都知道怎么使用它們。拿剪刀做例子吧。一個(gè)三歲的小孩都知道怎么使用它，兩個(gè)手指伸到兩個(gè)環(huán)中，只有一個(gè)活動(dòng)方式能使用它。沒有比這更簡(jiǎn)單的了。你的網(wǎng)站應(yīng)該向一把剪刀一樣簡(jiǎn)單易用。

為什此處使用“情景”這個(gè)單詞呢？因?yàn)檫@個(gè)詞表達(dá)了一個(gè)網(wǎng)站或者系統(tǒng)背后一些列的功能。

關(guān)于模式，用戶界面應(yīng)當(dāng)由一系列用戶熟知的組件組成，如果用戶想提交一個(gè)表單，他們首先會(huì)找到提交按鈕。這個(gè)按鈕就是個(gè)常見元素，設(shè)計(jì)者沒必要在接受一個(gè)新項(xiàng)目時(shí)每次都重復(fù)早輪子。

有些人會(huì)說了仿照現(xiàn)有的模式，不重新造輪子會(huì)讓人感覺沒有創(chuàng)新性。在易用性沒得到保障時(shí)討論創(chuàng)新簡(jiǎn)直就是白癡。記住，易用性和創(chuàng)新性是兩碼事。

如果你想創(chuàng)新，你仍然需要了解已知的模式。但是，如果你追求高易用性，沒有人鼓勵(lì)你去重復(fù)造輪子，因?yàn)橛脩粜枰獣r(shí)間去適應(yīng)你的輪子。

創(chuàng)建一個(gè)高易用的系統(tǒng)需要交互設(shè)計(jì)師對(duì)約定，情景和web易用性有較深的理解。

現(xiàn)在你了解了一些交互設(shè)計(jì)的原則，接下來讓我們看看一個(gè)偉大的交互設(shè)計(jì)是如何影響用戶的。

訪客定位 交互設(shè)計(jì)師需要了解他們的設(shè)計(jì)面向哪些用戶，因此他們能通過用戶給產(chǎn)品做好定位。

頁(yè)面上顯示出用戶停留的地方，這樣的體驗(yàn)不會(huì)讓用戶在瀏覽時(shí)感到困惑。用戶也能知道如何從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)想去的頁(yè)面。讓用戶知道當(dāng)前所在的位置這是非常重要的，不要讓他們陷入死胡同中。當(dāng)搜索沒有查詢出結(jié)果，沒有告訴用戶下一步操作的選擇，這樣的交互體驗(yàn)是很糟糕的。

持續(xù)對(duì)話 交互設(shè)計(jì)把大量精力專注于給予用戶持續(xù)的反饋。告訴用戶他們做的是對(duì)還是錯(cuò)，即使在無意識(shí)的層面上，這也是一個(gè)受用戶歡迎的元素。 你只須在用戶完成動(dòng)作的時(shí)候，告訴他們已經(jīng)成功了。

當(dāng)你在亞馬遜上買一件東西時(shí)，你會(huì)在瀏覽器上和你的郵箱里獲得一份確認(rèn)書。當(dāng)你通過聯(lián)系表單提交郵件時(shí)，你會(huì)在頁(yè)面中獲得一份確認(rèn)書。

這使得交互不僅僅停留于網(wǎng)站的瀏覽和特性使用，更是把交互帶到了一個(gè)新的層面：它幫助用戶更好地理解他們當(dāng)前的狀態(tài)，并把疑惑和問題減到最少，同時(shí)也去除了用戶的挫敗感。

IxD還要考慮工作流。如果你有一張注冊(cè)表單，用戶用它提交信息是會(huì)有什么事發(fā)生？頁(yè)面會(huì)刷新嗎，會(huì)跳轉(zhuǎn)到首頁(yè)嗎，會(huì)顯示確認(rèn)信息嗎，會(huì)跳轉(zhuǎn)到登陸頁(yè)面，或者同時(shí)跳轉(zhuǎn)到上兩個(gè)頁(yè)面嗎？

It’s about having many choices and choosing the one that will fit your users expectancies best. 提及的所有元素都是網(wǎng)站工作流的一部分。每次交互后應(yīng)該緊跟下一個(gè)符合邏輯的步驟，并且與你網(wǎng)站之前所創(chuàng)造的體驗(yàn)相符。

視覺層次 為了讓用戶照你的意思操作，你可以使用視覺層次來幫助他們。你可以使用布局、元素大小和顏色組合達(dá)到視覺突出的效果，以此來引導(dǎo)用戶的雙眼。

你也可以使用視覺層次使用戶找到他們想要的東西。你想租車嗎？保證你能使用視覺層次來引導(dǎo)用戶來到“租賃”頁(yè)面。

本文來源：徐州酷優(yōu)網(wǎng)絡(luò)科技有限公司

本文網(wǎng)址：https:///news/faq/2346.html

聲明，本站文章均為酷優(yōu)網(wǎng)絡(luò)原創(chuàng)或轉(zhuǎn)載，歡迎分享，轉(zhuǎn)載時(shí)請(qǐng)注明文章作者和“來源：徐州網(wǎng)站建設(shè)”并附本文鏈接