淺談如何讓網(wǎng)站擁有受歡迎的交互界面發(fā)布者：本站     時(shí)間：2021-12-29 09:12:45

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

首先，何為IxD

交互設計(即IxD)是一塊發(fā)展迅速的新領(lǐng)域，大致出現于10-15年之前，源于一些體現設計問(wèn)題的研究，后來(lái)被專(zhuān)業(yè)設計者鑒別和接受。

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

這樣的設計師要做什么?

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

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

淺談如何讓網(wǎng)站擁有受歡迎的交互界面,PS教程,

交互設計(IxD)不斷地展現出新的交互方式，因為用戶(hù)總是期望網(wǎng)站出現新的事物。但交互設計師需要意識到這些特性會(huì )如何影響用戶(hù)，然后在許多想法中選擇真正要實(shí)現的和可以放一段時(shí)間的。

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

目標驅動(dòng)設計

盡管IxD不需要做，但為了獲得最好的設計反饋，用戶(hù)研究查至關(guān)重要。用戶(hù)使用軟件時(shí)，一般在心里有一些目標，你的應用程序應當很好地滿(mǎn)足這些目標。為了成功地結合設計和功能，用戶(hù)研究恰恰是最重要的元素。

這是如此的重要，以至于許多用戶(hù)研究員也能找到做交互設計師的工作，就是因為他們在分析用于軟件的人類(lèi)行為模式方面的技能。

簡(jiǎn)單化

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

情景和模式

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

為什此處使用”情景”這個(gè)單詞呢?因為這個(gè)詞表達了一個(gè)網(wǎng)站或者系統背后一些列的功能。

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

淺談如何讓網(wǎng)站擁有受歡迎的交互界面,PS教程,

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

如果你想創(chuàng )新，你仍然需要了解已知的模式。但是，如果你追求高易用性，沒(méi)有人鼓勵你去重復造輪子，因為用戶(hù)需要時(shí)間去適應你的輪子。

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

現在你了解了一些交互設計的原則，接下來(lái)讓我們看看一個(gè)優(yōu)秀的交互設計是如何影響用戶(hù)的。

訪(fǎng)客定位

交互設計師需要了解他們的設計面向哪些用戶(hù)，因此他們能通過(guò)用戶(hù)給產(chǎn)品做好定位。

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

持續對話(huà)

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

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

淺談如何讓網(wǎng)站擁有受歡迎的交互界面,PS教程,

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

思考工作流

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

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

視覺(jué)層次

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

你也可以使用視覺(jué)層次使用戶(hù)找到他們想要的東西。你想租車(chē)嗎?保證你能使用視覺(jué)層次來(lái)引導用戶(hù)來(lái)到”租賃”頁(yè)面。

良好的線(xiàn)框化工具

繪制草稿和線(xiàn)框圖是如此重要，因此我愿意向你展示一些好用的工具，這樣你就能馬上開(kāi)始交互設計工作了。