制作一個(gè)看似專業(yè)的互動(dòng)草案很容易，但制作一個(gè)好的互動(dòng)草案并不容易。您希望進(jìn)入高級(jí)交互設(shè)計(jì)師是至關(guān)重要的。今天的好文章總結(jié)了10種方法，使您的交互式手稿體驗(yàn)更加出色，并且快點(diǎn)學(xué)習(xí)！
在更多時(shí)間和精力的情況下，您可以嘗試優(yōu)化您的互動(dòng)式選秀體驗(yàn)，逐步培養(yǎng)思維和習(xí)慣;當(dāng)你的時(shí)間和精力有限時(shí)，設(shè)計(jì)的質(zhì)量是關(guān)鍵。
最后一次機(jī)會(huì)，我看到老板正在幫助其他團(tuán)隊(duì)篩選簡(jiǎn)歷。我看到了一個(gè)簡(jiǎn)單的同學(xué)互動(dòng)稿。只有界面信息的布局和頁(yè)面跳轉(zhuǎn)過(guò)程缺少許多交互式草稿的內(nèi)容。后來(lái)，我記得我不得不和同事談?wù)劷换ナ绞指鍛?yīng)該如何表現(xiàn)。我想我可以總結(jié)一些關(guān)于交互式手稿的問(wèn)題。
事實(shí)上，制作一個(gè)“看起來(lái)”更專業(yè)的互動(dòng)草案非常容易。只需要獲得更專業(yè)的互動(dòng)草案，只需要學(xué)習(xí)和模仿。這也是我剛開(kāi)始工作時(shí)使用的方法。我曾經(jīng)遇到過(guò)一個(gè)想學(xué)習(xí)互動(dòng)設(shè)計(jì)的學(xué)生，因?yàn)槲覜](méi)有太多的面對(duì)面接觸。我也選擇了這種方法并給了她一份她自己的互動(dòng)副本，讓她學(xué)習(xí)。
然而，“尋找”更專業(yè)的互動(dòng)手稿只是外觀。事實(shí)上，互動(dòng)式草案是交互式設(shè)計(jì)的基礎(chǔ)，而經(jīng)驗(yàn)是我們關(guān)注的核心。很多時(shí)候，我們不愿意稱自己為繪制線框的人。我們?cè)谙?。并談?wù)劮椒ā５?，能夠帶?lái)良好體驗(yàn)的互動(dòng)手稿不僅是一種思考方式，而且大大節(jié)省了溝通時(shí)間，提高了工作效率。它也可以在不知情的情況下增強(qiáng)我們的影響力
也許不同的團(tuán)隊(duì)有自己的交互式草案設(shè)計(jì)規(guī)范來(lái)增強(qiáng)體驗(yàn)，而我們的團(tuán)隊(duì)也逐漸積累了一些點(diǎn)，以提升讀者在不斷改造和優(yōu)化設(shè)計(jì)師的體驗(yàn)，希望相互學(xué)習(xí)。
1.不同的復(fù)雜性要求應(yīng)該有不同的設(shè)計(jì)
我們將在工作中遇到不同的復(fù)雜性要求，因此我們還應(yīng)該有不同的交互式草稿，例如非常簡(jiǎn)單的優(yōu)化，沒(méi)有太多的修改和分析，沒(méi)有太多的冗余。內(nèi)容;復(fù)雜而巨大的需求需要復(fù)雜的分析和展示。因此，在我們?cè)O(shè)計(jì)交互式手稿之前，我們需要清楚地了解需求的復(fù)雜性，然后我們可以清楚地定義顯示設(shè)計(jì)內(nèi)容的方式。
例如：圖1-1至1-3中三個(gè)要求的交互式版本對(duì)應(yīng)于：簡(jiǎn)單，中等和復(fù)雜的要求。
簡(jiǎn)單的需求是可以預(yù)見(jiàn)的，沒(méi)有太多的更新迭代，定義明確的優(yōu)化迭代，不需要太多的角色（可能不涉及視覺(jué)和產(chǎn)品），沒(méi)有太多復(fù)雜的信息，最簡(jiǎn)單的信息來(lái)提供優(yōu)化和修改經(jīng)驗(yàn)問(wèn)題;對(duì)于稍微復(fù)雜的優(yōu)化，您需要一些必要的信息，例如背景，流程圖，更新記錄等的需要;而且非常復(fù)雜或全新的產(chǎn)品，可能涉及更多內(nèi)容，如圖1-3所示，將在以下幾點(diǎn)提及。因此，優(yōu)秀體驗(yàn)的互動(dòng)式草案也會(huì)根據(jù)不同的場(chǎng)景和情況，不同的需求而不是靜態(tài)而改變。
2.要求介紹和所涉角色的介紹
需求肯定需要一個(gè)名稱來(lái)表明需求是什么，最好是清晰明確，并標(biāo)記相應(yīng)的版本，以便將來(lái)需要時(shí)可以清楚地看到它。
對(duì)于稍微復(fù)雜的需求點(diǎn)，可能存在各種角色。一般移動(dòng)產(chǎn)品包括：產(chǎn)品經(jīng)理，交互設(shè)計(jì)師，視覺(jué)設(shè)計(jì)師，iOS開(kāi)發(fā)，AOS開(kāi)發(fā)，Web開(kāi)發(fā)，服務(wù)器開(kāi)發(fā)，iOS測(cè)試，AOS。測(cè)試，Web測(cè)試，服務(wù)器測(cè)試等。
下圖中對(duì)要求的介紹可以無(wú)形地增強(qiáng)體驗(yàn)：當(dāng)某個(gè)角色因某些問(wèn)題需要找到合適的人時(shí)，不再需要在需求列表中查找它，并且可以逐個(gè)查看在交互式手稿中。此外，識(shí)別需求來(lái)源還可以讓每個(gè)角色清楚地知道需求的重要性和優(yōu)先級(jí)，例如圖片中的需求來(lái)自“老板”。
△交互式手稿中每個(gè)字符的描述
3.通過(guò)直接更新和明確說(shuō)明清除更新記錄
設(shè)計(jì)實(shí)際上是一個(gè)過(guò)程，沒(méi)有完美的設(shè)計(jì)，只有更好的設(shè)計(jì)。在常量設(shè)計(jì)過(guò)程中，它將不可避免地涉及添加，刪除和修改。
因此，明確的更新記錄不僅可以幫助清除和清除每個(gè)開(kāi)發(fā)，測(cè)試和其他角色的內(nèi)容，并及時(shí)跟進(jìn);它還允許您更清楚地總結(jié)和審查您自己的需求體驗(yàn)，然后避免下次執(zhí)行。在設(shè)計(jì)過(guò)程中丟失和修改。在下圖中，作者自己的交互式草稿中的更新記錄案例。
△更新交互式草案中的記錄
另外，在上圖中，更新記錄的記錄需要點(diǎn)擊鏈接直接添加和修改地點(diǎn);當(dāng)然，刪除的不需要直接鏈接。在修改或添加的內(nèi)容頁(yè)面中，最好清楚地標(biāo)記可以直接讀取的字符，如下圖所示，清楚地指示紅色的時(shí)間和狀態(tài)（補(bǔ)充）。
△修改的時(shí)間和內(nèi)容在交互式手稿頁(yè)面中明確標(biāo)識(shí)
4.需要介紹，背景和分析，以幫助每個(gè)角色了解需求
單個(gè)名稱并未完全解釋許多要求。在設(shè)計(jì)和研究時(shí)，交互設(shè)計(jì)師經(jīng)常分析和闡明需求。如果可能的話，這樣的過(guò)程可以在交互式手稿中適當(dāng)?shù)仫@示，這可以使團(tuán)隊(duì)角色更清楚地理解需求，并且也可以是不可見(jiàn)的。讓開(kāi)發(fā)人員和測(cè)試人員加入需求分析，而不僅僅是實(shí)現(xiàn)需求。
交互式手稿中的這些演示也必須是有目的的。沒(méi)有必要將所有分析內(nèi)容放入其中，并且必須進(jìn)行篩選。顯示整個(gè)內(nèi)容。一方面，讀者不能看它，另一方面，它們也很難。作者建議一般內(nèi)容是：需求背景，需求描述和分析，產(chǎn)品目標(biāo)，用戶目標(biāo)和風(fēng)險(xiǎn)點(diǎn)。
5.交互設(shè)計(jì)方法的內(nèi)容，無(wú)形地說(shuō)服每個(gè)角色理解設(shè)計(jì)
交互設(shè)計(jì)師不僅僅是線框的呈現(xiàn)和一些細(xì)節(jié)。我們的方法包括人物角色，場(chǎng)景，流程，信息架構(gòu)，數(shù)據(jù)等，這是整個(gè)設(shè)計(jì)過(guò)程。選擇性地將這些內(nèi)容放入交互式手稿中，實(shí)際上，在培養(yǎng)其他角色用戶的思想的同時(shí)，它可以無(wú)形地說(shuō)服開(kāi)發(fā)工程師幫助理解和實(shí)現(xiàn)我們的設(shè)計(jì)。
另一方面，流程圖，信息架構(gòu)圖，業(yè)務(wù)邏輯圖等圖表有助于開(kāi)發(fā)和測(cè)試清晰的開(kāi)發(fā)和測(cè)試邏輯，從而提高工作效率。
6.使用不同的方法，視覺(jué)表達(dá)，達(dá)到經(jīng)驗(yàn)原則
交互設(shè)計(jì)師有許多經(jīng)驗(yàn)原則，例如一致性，易于理解等。我們可以使用很多不同的方法在交互式草案中實(shí)現(xiàn)這樣的原則。在這些原則中，最重要的原則是易于理解?？梢暬诸惡蜌w納等也相對(duì)容易使用。如圖所示，狀態(tài)的分類和分類方法使得開(kāi)發(fā)和測(cè)試快速清除了不同狀態(tài)的提示條的規(guī)則。
△發(fā)送到卡上的優(yōu)惠券提示的交互說(shuō)明
在工作中，作者將使用其他一些可能的方法來(lái)實(shí)現(xiàn)經(jīng)驗(yàn)原則，如下圖中的表狀態(tài)分類，流程圖和線框組合方法。在繪制交互式手稿時(shí)，我們每個(gè)人都會(huì)考慮讀者的經(jīng)驗(yàn)，我們可能會(huì)盡力滿足他們。
△按表格分類顯示
△線框和流程圖顯示的組合
7.一頁(yè)只討論一件事和過(guò)程
一般來(lái)說(shuō)，我們團(tuán)隊(duì)的設(shè)計(jì)人員并沒(méi)有將需求的所有設(shè)計(jì)放在一個(gè)頁(yè)面中，但每個(gè)頁(yè)面只討論一個(gè)過(guò)程和一個(gè)事物，這個(gè)事物或過(guò)程必須是開(kāi)始和結(jié)束，而不是中途。它被打破;如果必須在中途打破，最好能夠引導(dǎo)到其他頁(yè)面（通過(guò)文字或直接顯示頁(yè)面，或直接跳轉(zhuǎn)）。
一頁(yè)談?wù)撘患虏粌H僅是我們?cè)O(shè)計(jì)的方式之一。這也是我們?cè)谠O(shè)計(jì)交互式手稿時(shí)讓其他角色更專注于一個(gè)過(guò)程的方式;否則，它會(huì)混淆讀者的思維和設(shè)計(jì)師的思維，也會(huì)影響我們自己的設(shè)計(jì)。
8.追求互動(dòng)閱讀體驗(yàn)
我們經(jīng)常要編寫(xiě)一些交互式指令，范圍從幾個(gè)到十幾個(gè)甚至幾十個(gè)。當(dāng)開(kāi)發(fā)人員和測(cè)試人員看到這些密集的單詞時(shí)，他們自然不想閱讀。如果我們無(wú)法進(jìn)行間距，字體粗細(xì)，字體大小，字體顏色，段落分類，則會(huì)使他們不太愿意閱讀我們的交互式草稿。因此，您需要在編寫(xiě)交互式指令時(shí)考慮他們的感受，并在下圖中以不同的方式編寫(xiě)，例如隔行間距，字體粗細(xì)，顏色變化等。
△交互式描述的字體大小，顏色，間距，厚度等
在注釋中，我們可以使用很多注釋表單，例如標(biāo)題的標(biāo)題是1;第二級(jí)可以是點(diǎn)，abc等;然后換到第三級(jí)。而不是寫(xiě)99到99.
中文排版指南：《好學(xué)易用有格調(diào)!寫(xiě)給大家看的中文排版指南》
9.考慮不同角色的不同需求
有很多人想要閱讀交互式手稿。開(kāi)發(fā)應(yīng)遵循交互式手稿的邏輯。測(cè)試應(yīng)該根據(jù)交互式手稿的規(guī)則編寫(xiě)測(cè)試用例（如果不完整，我們必須編寫(xiě)），以及交互式手稿中界面的視覺(jué)視圖，用于視覺(jué)創(chuàng)造。等待。
因此，我們應(yīng)該在設(shè)計(jì)中盡可能考慮不同角色的需求，在互動(dòng)式草案的各個(gè)方面都應(yīng)該注意。例如，在第8點(diǎn)地圖的第4條中，出于視覺(jué)目的，需要編寫(xiě)兩個(gè)視覺(jué)圖標(biāo);在某些情況下，我還指出視覺(jué)效果可以用于適當(dāng)?shù)牡胤絼?chuàng)造;在開(kāi)發(fā)和測(cè)試層面，他們需要嚴(yán)謹(jǐn)。邏輯和易于理解的方式。
10.通過(guò)遍歷場(chǎng)景和界面來(lái)關(guān)注極端事件
交互式設(shè)計(jì)自檢表是一件好事，它可以讓我們輕松地專注于極端情況，但我覺(jué)得它實(shí)現(xiàn)起來(lái)并不容易?，F(xiàn)在我使用遍歷方法來(lái)遍歷我的界面和程序，即通過(guò)設(shè)計(jì)思維的交互來(lái)關(guān)注極端情況。
一個(gè)界面，從場(chǎng)景和過(guò)程，有這些問(wèn)題：它是如何出現(xiàn)的，如果沒(méi)有發(fā)生該怎么辦;界面中的每個(gè)元素如何出現(xiàn)，如果沒(méi)有發(fā)生，該怎么辦;接口中每個(gè)元素的狀態(tài)如何，是否存在多個(gè)狀態(tài);接口中每個(gè)元素的操作如何;界面中每個(gè)元素的狀態(tài)如何在操作之后，等等。每個(gè)元素和每個(gè)頁(yè)面都像這樣重復(fù)，這將通過(guò)遍歷寫(xiě)入交互描述來(lái)減少許多極端情況的丟失，如下圖所示。
△通過(guò)遍歷
交互PC端組空間的動(dòng)態(tài)細(xì)節(jié)遍歷不僅可以用在交互式描述中，還可以用在設(shè)計(jì)本身中，例如為什么需要這個(gè)元素或信息;哪些元素和信息可以帶給用戶;用戶可以理解;還有其他方法;它可以更簡(jiǎn)潔等等。但通常這種程度的遍歷會(huì)占用大量的時(shí)間和腦力，因此包括我在內(nèi)的很多人都應(yīng)該被忽略，我希望我可以嘗試這種方式來(lái)審查未來(lái)的設(shè)計(jì)方案。
交互式設(shè)計(jì)自檢方法：《看了都說(shuō)好!如何建立交互設(shè)計(jì)自查表?》
總結(jié)
事實(shí)上，有很多方法可以改善交互式手稿體驗(yàn)。例如，遍歷第10個(gè)點(diǎn)的“A7-動(dòng)態(tài)細(xì)節(jié)頁(yè)面”將使每個(gè)頁(yè)面更清晰，但它會(huì)增加并消耗我們?cè)O(shè)計(jì)交互式手稿的時(shí)間。 。有一次，視覺(jué)團(tuán)隊(duì)反饋，您可以將所有界面放在一個(gè)頁(yè)面中，這使視覺(jué)設(shè)計(jì)師更容易查看等等。
事實(shí)上，許多方法和規(guī)范已經(jīng)死亡，人們還活著。在什么樣的場(chǎng)景中，滿足什么樣的需求是王道。我們的互動(dòng)草案的主要目標(biāo)是提供，最終目標(biāo)是更好地體驗(yàn)。
在更多時(shí)間和精力的情況下，您可以嘗試優(yōu)化您的互動(dòng)式選秀體驗(yàn)，逐步培養(yǎng)思維和習(xí)慣;當(dāng)你的時(shí)間和精力有限時(shí)，設(shè)計(jì)的質(zhì)量是關(guān)鍵。