中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在自己的時(shí)間和精力較多的情況下，可以嘗試優(yōu)化一下自己的交互稿體驗(yàn)，并逐漸可以養(yǎng)成思維和習(xí)慣；而當(dāng)自己時(shí)間和精力有限的情況，保證設(shè)計(jì)方案的質(zhì)量才是關(guān)鍵。

上周偶然的機(jī)會(huì)，看到老大在幫別的團(tuán)隊(duì)篩選簡歷，看到了一個(gè)同學(xué)的簡單交互稿，只有界面信息的排版和頁面跳轉(zhuǎn)流程，缺省了很多交互稿應(yīng)有的內(nèi)容。后來，想起之前和同事聊起交互稿到底該如何表現(xiàn)的問題，就想著可以稍微總結(jié)關(guān)于交互稿的一些問題。

其實(shí)，想做一份“看起來”比較專業(yè)的交互稿是非常容易的。只需要拿到一份比較專業(yè)的的交互稿，進(jìn)行學(xué)習(xí)和模仿就好了。這也是我剛剛開始工作時(shí)采用的方法。我曾經(jīng)認(rèn)識(shí)一個(gè)非常想學(xué)交互設(shè)計(jì)的學(xué)生，因?yàn)椴]有太多面對(duì)面的接觸，我也選擇了這種方式，給了她一份自己的交互稿，讓她學(xué)習(xí)。

然而，“看起來”比較專業(yè)的交互稿只是表象，其實(shí)交互稿是交互設(shè)計(jì)的基礎(chǔ)，而體驗(yàn)才是我們關(guān)注的核心，很多時(shí)候我們都不愿意稱自己為畫線框圖的人，我們講思維、將方法；但是，能夠帶來優(yōu)秀體驗(yàn)的交互稿不單單在傳遞思維、方法，還會(huì)大大的節(jié)省我們的溝通時(shí)間；提升我們的工作效率；也能夠在不知不覺中提升我們的影響力。

也許，不同的團(tuán)隊(duì)有著自己的交互稿設(shè)計(jì)規(guī)范來提升體驗(yàn)，而我們團(tuán)隊(duì)在設(shè)計(jì)師們的不斷變革和優(yōu)化中，逐漸積累了一些提升閱讀者體驗(yàn)的要點(diǎn)，希望能夠彼此學(xué)習(xí)。

交互稿體驗(yàn)要點(diǎn)總結(jié)

1. 不同復(fù)雜度的需求應(yīng)有不同的設(shè)計(jì)

我們會(huì)在工作中遇到不同復(fù)雜度的需求，因此，我們也應(yīng)該有著不同的交互稿展現(xiàn)，比如一個(gè)非常簡單的優(yōu)化，不會(huì)涉及太多修改和分析，就完全不需要過多冗余的內(nèi)容；而一個(gè)復(fù)雜龐大的需求，就需要復(fù)雜的分析和展現(xiàn)。因此，在我們進(jìn)行交互稿的設(shè)計(jì)之前，就需要對(duì)需求的復(fù)雜度有清晰的認(rèn)知，進(jìn)而能夠明確該采用什么方式來展現(xiàn)設(shè)計(jì)內(nèi)容。

舉例說明：圖1-1至1-3中的三個(gè)需求的交互稿分別對(duì)應(yīng)著，簡單，適中和復(fù)雜的需求。簡單的需求可預(yù)見的無需太多的更新迭代，有著比較明確的優(yōu)化迭代，可能無需太多角色（可能不涉及視覺和產(chǎn)品），則無需太多的復(fù)雜信息，用最簡單的信息傳遞想要優(yōu)化和修改的體驗(yàn)問題即可；針對(duì)稍微復(fù)雜的優(yōu)化，則需要一些必要的信息，比如可能需要有需求背景、流程圖、更新記錄等；而非常復(fù)雜或者全新的產(chǎn)品，可能會(huì)涉及到更多的內(nèi)容，如圖1-3所示，將會(huì)在以下的注意點(diǎn)中提及。因此，優(yōu)秀體驗(yàn)的交互稿也是根據(jù)不同場景和情況、不同需求相應(yīng)的變化的，而不是一成不變的。

2. 需求簡介和涉及的各角色的展示

需求肯定需要一個(gè)名稱來標(biāo)明是什么需求，最好能夠清晰明了，并且標(biāo)注相應(yīng)的版本，以方便未來需要用到時(shí)候能夠清晰的查看到。

針對(duì)稍微復(fù)雜點(diǎn)的需求，可能會(huì)牽扯到各種角色，一般的移動(dòng)端產(chǎn)品大致包含：產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、視覺設(shè)計(jì)師、iOS開發(fā)，AOS開發(fā)，web開發(fā)，服務(wù)器開發(fā)，iOS測試，AOS測試，web測試，服務(wù)器測試等。而圖2中的需求簡介能夠無形中提升體驗(yàn)：當(dāng)某個(gè)角色因?yàn)槟承﹩栴}，需要找到相應(yīng)的人時(shí)，無需再去需求列表中尋求，在交互稿中也能一一查看。另外，需求來源的標(biāo)明也能夠讓各個(gè)角色清楚的知道需求的重要程度和優(yōu)先級(jí)，比如圖2中的需求來源于“老板”。

圖2 交互稿中的各角色的說明

3. 清晰的更新記錄，可直達(dá)更新內(nèi)容，并有清晰指示

設(shè)計(jì)其實(shí)是個(gè)過程，沒有完美的設(shè)計(jì)，只有更優(yōu)的設(shè)計(jì)。在不斷的設(shè)計(jì)過程中，不可避免的會(huì)涉及增添、刪除、修改，因此，清晰的更新記錄不僅能夠幫助各個(gè)開發(fā)、測試等角色清楚的明確修改的內(nèi)容并及時(shí)跟進(jìn)查看；也可以讓自己更明確的總結(jié)和回顧在需求中自己的那些經(jīng)歷，進(jìn)而避免下次做設(shè)計(jì)的過程中遺漏和修改。圖3中即為筆者自己的交互稿中的更新記錄案例。

圖3 交互稿中的更新記錄

另外，圖3中的更新記錄的條目，都需要點(diǎn)擊鏈接直達(dá)增加、修改的地方；當(dāng)然，刪除的則不需要鏈接直達(dá)。而在修改或新增的內(nèi)容頁面內(nèi)，最好能夠明顯標(biāo)出，方便閱讀的角色能夠直接看到，如圖4所示，用紅色明確的標(biāo)識(shí)出時(shí)間和狀態(tài)（補(bǔ)充）。

圖4 交互稿頁面內(nèi)明確標(biāo)識(shí)修改時(shí)間和內(nèi)容

4. 需求介紹、背景和分析，幫助各角色理解需求

很多需求不單單是一個(gè)名字就能完全說明的。交互設(shè)計(jì)師在進(jìn)行設(shè)計(jì)和研究的時(shí)候，往往會(huì)進(jìn)行需求的分析和明確，而這樣的過程，如果可以的話，在交互稿中適當(dāng)?shù)恼宫F(xiàn)，能夠讓團(tuán)隊(duì)角色更清楚的了解需求，也能夠無形中讓開發(fā)和測試們加入了需求的分析中，而不單單只是實(shí)現(xiàn)需求。

而這些在交互稿中的展現(xiàn)，也一定是有目的性的，沒必要將全部的分析內(nèi)容都放入，也要有篩選的放入。全部內(nèi)容展現(xiàn)，一方面閱讀者無從看起，另一方面自己也辛苦。而筆者建議一般放入的內(nèi)容有：需求背景、需求說明和分析、產(chǎn)品目標(biāo)、用戶目標(biāo)和風(fēng)險(xiǎn)點(diǎn)即可。

5. 交互設(shè)計(jì)方法的內(nèi)容，無形中說服各角色理解設(shè)計(jì)

交互設(shè)計(jì)師不單單只是線框圖的呈現(xiàn)和一些細(xì)節(jié)說明，我們的方法論中有人物角色、場景、流程、信息架構(gòu)、數(shù)據(jù)等等，這樣才是我們做設(shè)計(jì)的整個(gè)過程。選擇性的將這些內(nèi)容放入交互稿中，其實(shí)在培養(yǎng)其他角色用戶思維的同時(shí)，又能夠無形中說服開發(fā)工程師們幫助理解和實(shí)現(xiàn)我們的設(shè)計(jì)。

另一方面，流程圖、信息架構(gòu)圖、業(yè)務(wù)邏輯圖等之類的圖表，能夠方便開發(fā)和測試?yán)砬彘_發(fā)和測試邏輯，無形中提升了他們的工作效率，就像第6點(diǎn)所提到的一樣。

6. 采用不同方式，可視化的表達(dá)，達(dá)成體驗(yàn)原則

交互設(shè)計(jì)師的體驗(yàn)原則有很多，比如一致性，易理解等等。而我們也可以在交互稿中使用很多不同的方式來達(dá)成這樣的原則。在這些原則中，最重要的一項(xiàng)就是易理解。而可視化、分類歸納等方式也是比較好用的方式，如圖5所示，通過狀態(tài)的歸類區(qū)分的方法來使開發(fā)和測試很快明確不同狀態(tài)的提示條的規(guī)則。

圖5 綁卡送優(yōu)惠券的提示條的交互說明

而筆者在工作中，還會(huì)使用一些其他可能的方式來達(dá)成體驗(yàn)原則，比如圖6中的表格狀態(tài)分類、圖7中的流程圖和線框圖結(jié)合的方法。我們每個(gè)人在畫交互稿的時(shí)候，多去考慮一下閱讀者的體驗(yàn)，可能就會(huì)想盡各種辦法來滿足他們。

圖6 通過表格來進(jìn)行分類顯示

圖7 線框圖和流程圖相結(jié)合的顯示

7. 一個(gè)頁面只講一件事情和流程

一般我們團(tuán)隊(duì)的設(shè)計(jì)師，都不會(huì)將一個(gè)需求的所有設(shè)計(jì)放入一個(gè)頁面中，而是每個(gè)頁面只講一個(gè)流程和一件事情，而這件事情或流程必須是有始有終的，而不是中途就斷掉的；如果一定要中途斷掉，也最好能夠引導(dǎo)到其他頁面（通過文字或直接將頁面顯示出來，或者直接可跳轉(zhuǎn)）。

一個(gè)頁面講一件事，不單單是我們做設(shè)計(jì)的方法之一。也是我們?cè)谠O(shè)計(jì)交互稿時(shí)，使其他角色更專注某一條流程的方式；否則，會(huì)使閱讀者的思維和設(shè)計(jì)師的思維都變的混亂，也會(huì)影響我們自己的設(shè)計(jì)。

8. 追求交互說明的閱讀體驗(yàn)

我們往往要寫一堆堆的交互說明，少則幾條，多則十幾條甚至幾十條。而開發(fā)和測試們看到這些密密麻麻的字時(shí)，自然不愿意閱讀。如果我們還不能夠把間距、字體粗細(xì)、字體大小、字體顏色、段落分類做好，將使他們更不愿意閱讀我們的交互稿。所以，需要在寫交互說明的時(shí)候，就考慮他們的感受，也要用不同的方式來寫，比如圖8中的隔行間距，字體粗細(xì)、顏色變化等。

圖8 交互說明的字體大小、顏色、間距、粗細(xì)等

而在標(biāo)注上，我們可以采用很多標(biāo)注形式，比如大標(biāo)題的標(biāo)注是1，二級(jí)可以是圓點(diǎn)、abc等等，再到三級(jí)再進(jìn)行變化；而不是一成不變的從1寫到99。

9. 考慮不同角色的不同需求

交互稿有很多角色要看，開發(fā)要照著交互稿邏輯進(jìn)行開發(fā)、測試要照著交互稿的規(guī)則寫測試用例（如果不全，我們得補(bǔ)）、視覺要看著交互稿中的界面進(jìn)行視覺創(chuàng)意等。

因此，我們?cè)谠O(shè)計(jì)時(shí)要盡量考慮不同角色的需求，這是在交互稿中的方方面面中都要注意的，比如圖8中第4條，針對(duì)視覺，寫出視覺需制作兩種圖標(biāo)；而有些時(shí)候，我也會(huì)在適當(dāng)?shù)牡胤綐?biāo)明視覺可進(jìn)行創(chuàng)意發(fā)揮；而在開發(fā)和測試層面，則需要嚴(yán)謹(jǐn)?shù)倪壿嫼鸵桌斫獾姆绞健?/p>

10. 通過遍歷方案和界面，關(guān)注極端情況

交互設(shè)計(jì)自查表是一個(gè)好東西，可以讓我們很方便的關(guān)注到極端情況，但是我感覺實(shí)行起來還是沒那么容易的。而我現(xiàn)在采用遍歷的方法來走查我的界面和方案，即通過交互設(shè)計(jì)的思維去關(guān)注極端情況。一個(gè)界面，從場景和流程上看會(huì)有這些問題：它是怎么出現(xiàn)，如果出現(xiàn)不了怎么辦；界面中的每一個(gè)元素是怎么出現(xiàn)的、如果出現(xiàn)不了怎么辦；界面中的每一個(gè)元素的狀態(tài)是如何的、是否有多種狀態(tài)；界面中的每一個(gè)元素的操作是如何的；界面中的每一個(gè)元素操作后的狀態(tài)是如何的等等。而每一個(gè)元素、每一個(gè)頁面都這樣過一遍，會(huì)減少很多極端情況的丟失，如圖9所示，通過遍歷寫交互說明。

圖9 通過遍歷來寫PC端群空間動(dòng)態(tài)詳情的交互說明

而遍歷不單單能用在寫交互說明上，再深一步還可以用在設(shè)計(jì)方案本身上，比如為什么要有這個(gè)元素或信息；這樣的元素和信息能帶給用戶什么；用戶能不能理解；可不可以有其他方式；能不能更簡潔等等。但往往這個(gè)層面的遍歷會(huì)耗費(fèi)大量的時(shí)間和腦力，所以包括我在內(nèi)的很多人應(yīng)該都會(huì)忽視，還希望自己未來能更多的嘗試這種方式來審查設(shè)計(jì)方案。

結(jié)語

其實(shí)還有很多能夠提升交互稿體驗(yàn)的方法，比如圖9中”A7-動(dòng)態(tài)詳情頁”這樣的標(biāo)注會(huì)使每個(gè)頁面更清晰，但會(huì)增加和耗費(fèi)我們?cè)谠O(shè)計(jì)交互稿的時(shí)間；曾經(jīng)，視覺團(tuán)隊(duì)反饋，可以將所有界面放入一個(gè)頁面，這樣可以更方便視覺設(shè)計(jì)師查看等等。

其實(shí)，很多方法和規(guī)范是死的，人是活的；在什么樣的場景下，滿足什么樣的需求才是王道；而我們的交互稿的初級(jí)目標(biāo)是可用，終極目標(biāo)才是體驗(yàn)更好。在自己的時(shí)間和精力較多的情況下，可以嘗試優(yōu)化一下自己的交互稿體驗(yàn)，并逐漸可以養(yǎng)成思維和習(xí)慣；而當(dāng)自己時(shí)間和精力有限的情況，保證設(shè)計(jì)方案的質(zhì)量才是關(guān)鍵。

作者：張書超，UEDC高級(jí)交互設(shè)計(jì)師，一名潛心研究社交產(chǎn)品的非social boy。熱愛設(shè)計(jì)，具備強(qiáng)大的總結(jié)分享能力！生活中的書超，善良憨厚，熱愛旅行，單身未婚。如果你心水這樣的男孩子，想跟他交流設(shè)計(jì)，分享生活，請(qǐng)關(guān)注書超的lofter。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。