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

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

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

一、查找用戶的需求并指定它們

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

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

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

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

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

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

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

我們需要執(zhí)行草案設(shè)計。然而，在這里我稱之為初稿并不總是指交互式設(shè)計師制作的交互設(shè)計原型或線框圖。您可以使用Axure制作主頁面流，也可以使用Balsamiq設(shè)計一些手繪草圖。如果你需要在短時間內(nèi)制作一個不那么高保真度的原型，那么Mockplus將是一個不錯的選擇?？傊灰芮宄胤从衬南敕?，您就可以使用任何方法。

三、制作原型

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

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

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

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

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

更新類型 - 了解每個更新請求的功能。

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

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

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

四、制作互動說明

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

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

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

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

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

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

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

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

五、進(jìn)行用戶測試和評估

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

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