網(wǎng)站建設(shè)中實(shí)用的交互設(shè)計(jì)方法

這些交互設(shè)計(jì)方法由世界知名科技公司的UX設(shè)計(jì)師共享。雖然他的專(zhuān)業(yè)教程，會(huì)得到很多啟發(fā)。交互設(shè)計(jì)師實(shí)際上做了什么？最好的交互設(shè)計(jì)方法是什么？

許多對(duì)交互設(shè)計(jì)感興趣的人來(lái)問(wèn)我這個(gè)問(wèn)題，尋找更具體的答案，甚至是我正在研究的每一個(gè)細(xì)節(jié)。事實(shí)上，交互設(shè)計(jì)師的工作取決于交互設(shè)計(jì)和各種項(xiàng)目的內(nèi)容。我想分享一些我經(jīng)常在以下部分使用的交互設(shè)計(jì)方法，但我不認(rèn)為它們適合所有人。所以我期待與您交流想法。交互設(shè)計(jì)師的技巧

一、查找用戶(hù)的需求并指定它們

有很多方法可以找出用戶(hù)的需求，例如，我們可以從用戶(hù)的反饋中收集很多想法，哪些產(chǎn)品會(huì)給他們帶來(lái)問(wèn)題。我們還可以主動(dòng)觀察日常生活，獲得更多靈感。

以日程管理項(xiàng)目為例，許多用戶(hù)向我們發(fā)送電子郵件，告知他們可能會(huì)忘記一些重要事項(xiàng)，例如某些會(huì)議或約會(huì)，因此他們希望我們能夠提供專(zhuān)業(yè)的日程管理功能，以幫助他們有效地管理日常安排。

在澄清了用戶(hù)的這一需求之后，產(chǎn)品部門(mén)就此開(kāi)展了一個(gè)新的項(xiàng)目。然后產(chǎn)品，用戶(hù)研究和設(shè)計(jì)人員將共同尋找目標(biāo)用戶(hù)。

用戶(hù)研究團(tuán)隊(duì)將通過(guò)問(wèn)卷調(diào)查等方式收集信息。交互設(shè)計(jì)師也會(huì)通過(guò)召開(kāi)會(huì)議來(lái)幫助用戶(hù)研究團(tuán)隊(duì)完成一些信息，從而參與這項(xiàng)研究。在會(huì)議中，我們總是采用一些有趣的方式，如頭腦風(fēng)暴，回憶一些生活場(chǎng)景，我們會(huì)寫(xiě)下一些關(guān)鍵詞。我們這一步的目的是了解用戶(hù)的真實(shí)需求。

通過(guò)這些步驟，我們可以了解一些最重要的功能需求，然后產(chǎn)品團(tuán)隊(duì)將整理需求并撰寫(xiě)產(chǎn)品需求文檔。最后，這將是設(shè)計(jì)師的表演時(shí)間。通過(guò)研究，我們收集了大量數(shù)據(jù)并澄清了需求。然后下一步是開(kāi)始設(shè)計(jì)項(xiàng)目。

二、提出設(shè)計(jì)方法

在這個(gè)階段，我總是做一些概念設(shè)計(jì)?；ヂ?lián)網(wǎng)產(chǎn)品也是如此。需要給出一個(gè)概念，如日程管理：它是一個(gè)專(zhuān)業(yè)的日歷管理功能，通過(guò)使用該產(chǎn)品，我們可以有效地管理我們的日常時(shí)間表和時(shí)間，以提高工作效率。這些詞不一定由交互設(shè)計(jì)師總結(jié)，但交互設(shè)計(jì)師必須清楚產(chǎn)品并知道我們需要做什么，提出一些交互設(shè)計(jì)方法。

我們需要執(zhí)行草案設(shè)計(jì)。然而，在這里我稱(chēng)之為初稿并不總是指交互式設(shè)計(jì)師制作的交互設(shè)計(jì)原型或線框圖。您可以使用Axure制作主頁(yè)面流，也可以使用Balsamiq設(shè)計(jì)一些手繪草圖。如果你需要在短時(shí)間內(nèi)制作一個(gè)不那么高保真度的原型，那么Mockplus將是一個(gè)不錯(cuò)的選擇。總之，只要它能清楚地反映您的想法，您就可以使用任何方法。

三、制作原型

制作原型的方法（通常稱(chēng)為交互草圖）與制作初稿的方式不同。在這個(gè)交互式草圖中，我總是盡可能詳細(xì)地描述流程和具體形式。

由于交互設(shè)計(jì)是一個(gè)迭代過(guò)程，我會(huì)在設(shè)計(jì)布局的第一頁(yè)上創(chuàng)建交互式更新日志，以記錄每次交互更新，包括時(shí)間，版本名稱(chēng)，更新類(lèi)型，更新內(nèi)容，參考需求文檔和交互設(shè)計(jì)原則。這是最重要的交互設(shè)計(jì)方法之一。

添加此更新日志的目的是：

更新時(shí)間 - 輕松跟蹤整個(gè)項(xiàng)目并掌握每個(gè)關(guān)鍵點(diǎn)

版本名稱(chēng) - 使該項(xiàng)目的參與者能夠輕松找到以前版本的交互草圖

更新類(lèi)型 - 了解每個(gè)更新請(qǐng)求的功能。

更新內(nèi)容 - 清楚地演示每個(gè)更新的內(nèi)容，并提供直接指向更新頁(yè)面的鏈接。通過(guò)這種方式，我的同事在進(jìn)行產(chǎn)品迭代時(shí)不必逐頁(yè)查找更新點(diǎn)。

需求文檔供參考 - 使該項(xiàng)目的參與者能夠輕松找到相應(yīng)的需求文檔。

交互負(fù)責(zé)人 - 在每次迭代中記錄交互負(fù)責(zé)人，以促進(jìn)工作轉(zhuǎn)換。

四、制作互動(dòng)說(shuō)明

在整個(gè)網(wǎng)站設(shè)計(jì)過(guò)程中，交互式指令可能只花費(fèi)您一小部分時(shí)間，但它起著重要作用。它可以幫助我們降低溝通成本，完成交互草圖的描述，表達(dá)交互設(shè)計(jì)過(guò)程，并展示我們?cè)O(shè)計(jì)的更多細(xì)節(jié)。與設(shè)計(jì)草圖不同，我個(gè)人認(rèn)為交互式教學(xué)要求您更多地了解其對(duì)象，即產(chǎn)品經(jīng)理，視覺(jué)設(shè)計(jì)師，開(kāi)發(fā)人員的要求，以實(shí)現(xiàn)真正的“輔助”效果，而不是主觀地講述長(zhǎng)篇故事。否則我們不得不花很多時(shí)間在上面。

為此，我與同事們進(jìn)行了溝通，并試圖提出他們對(duì)互動(dòng)指令的要求。它不可能如此全面，但它必須能夠澄清一些問(wèn)題。以下是一些有關(guān)此問(wèn)題的交互設(shè)計(jì)教程。

1.在交互式說(shuō)明中使用單詞和插圖會(huì)更好。易于閱讀和理解。

2.頁(yè)面跳轉(zhuǎn)的描述（產(chǎn)品和程序）頁(yè)面跳轉(zhuǎn)涉及大量頁(yè)面操作。當(dāng)產(chǎn)品人員檢查交互草圖時(shí)，他們會(huì)更關(guān)注操作過(guò)程任務(wù)的目的。由于很難清楚地記住每個(gè)頁(yè)面的跳躍，因此需要頁(yè)面跳轉(zhuǎn)指令。

3.交互式說(shuō)明是否可以與產(chǎn)品要求文件相結(jié)合（產(chǎn)品）開(kāi)發(fā)文檔涉及產(chǎn)品概念，技術(shù)方案，業(yè)務(wù)執(zhí)行角色等。并且它與交互設(shè)計(jì)草圖有著密切的關(guān)系，因此交互式指令和開(kāi)發(fā)文檔可以相互補(bǔ)充，然后可以將它們分類(lèi)到文檔中以避免工作內(nèi)容的重復(fù)。

4.描述交互草圖中的交互或隱藏設(shè)置（產(chǎn)品和視覺(jué)與頁(yè)面結(jié)構(gòu)）需要清楚地描述細(xì)節(jié)和動(dòng)作，例如鼠標(biāo)焦點(diǎn)，單擊或單擊后的動(dòng)作，將有加載或跳轉(zhuǎn)。所有這些都應(yīng)該在會(huì)議上討論，但參與項(xiàng)目的工作人員可能無(wú)法記住，因此他們需要交互式說(shuō)明。您還應(yīng)該保留可以適應(yīng)頁(yè)面結(jié)構(gòu)組更改的結(jié)構(gòu)。

5.產(chǎn)品風(fēng)格定位（視覺(jué)）商務(wù)風(fēng)格還是休閑風(fēng)格？視覺(jué)感受需要準(zhǔn)確定位產(chǎn)品風(fēng)格。這部分工作不一定由交互設(shè)計(jì)師決定，但在產(chǎn)品培育階段，設(shè)計(jì)草圖的討論和數(shù)據(jù)的不時(shí)更新將使產(chǎn)品風(fēng)格定位逐漸清晰。視覺(jué)同事更多地參與設(shè)計(jì)。這要求交互設(shè)計(jì)者在交互式指令中記錄信息以幫助視覺(jué)完成。

6.限制狀態(tài)（前端）例如，列表組件的最長(zhǎng)或最短顯示。

五、進(jìn)行用戶(hù)測(cè)試和評(píng)估

在實(shí)現(xiàn)產(chǎn)品的基本功能后，我們將進(jìn)行用戶(hù)測(cè)試。如何進(jìn)行可用性測(cè)試和用戶(hù)測(cè)試在交互設(shè)計(jì)方法中也是必不可少的。設(shè)計(jì)是非常主觀的，它會(huì)受到各種因素的影響，因此我們的產(chǎn)品中不可避免地會(huì)出現(xiàn)一些意想不到的問(wèn)題。如果我們可以招募一些人來(lái)使用我們的產(chǎn)品，我們將收集一些反饋并將其更改為優(yōu)化點(diǎn)以改進(jìn)我們的產(chǎn)品。同時(shí)，交互設(shè)計(jì)師也應(yīng)該更多地使用他們自己的產(chǎn)品來(lái)確保發(fā)布的內(nèi)容與您的設(shè)計(jì)相同。

這是對(duì)我的互動(dòng)作品的相對(duì)完整的描述。我覺(jué)得這項(xiàng)工作并不那么困難，因?yàn)槲乙彩且粋€(gè)用戶(hù)，當(dāng)我使用該產(chǎn)品時(shí)我會(huì)發(fā)現(xiàn)一些問(wèn)題，所以我自然想要解決這些問(wèn)題，最后我在這方面積累了很多。但是，你也應(yīng)該在這項(xiàng)工作上投入大量精力。雖然設(shè)計(jì)方式是免費(fèi)的，但設(shè)計(jì)內(nèi)容仍應(yīng)嚴(yán)謹(jǐn)。如果您忽略了問(wèn)題，可能會(huì)對(duì)產(chǎn)品產(chǎn)生負(fù)面影響，甚至?xí)ビ脩?hù)的青睞。