国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

如何撰寫高效的交互說明?

2021-4-13    鶴鶴

定義:

交互說明是針對原型圖內容元素的補充解釋文字(包含交互邏輯描述、反饋狀態(tài)描述等) 

交互設計說明書由交互設計師完成編輯、修訂、發(fā)布的 
主要閱讀對象:產品人員、設計人員、研發(fā)人員、測試人員等,他們都是交互設計文檔的使用主角。 




不同角色的關注點:

產品經(jīng)理
主要關注:交互邏輯、功能架構、交互事件、界面頁面流轉與內容布局等。這里的產品經(jīng)理代表產品經(jīng)理及以上管理層。 
注意要點: 為項目梳理清楚邏輯關系,文檔按照邏輯關系和功能架構分支等設置目錄講清楚項目、功能、組件、頁面流轉關系。

UI設計師
主要關注:說明文檔的具體頁面數(shù)量,因為這決定 UI 設計師出多少效果圖。另外,要看你的原型設計給 UI 設計師留了多少發(fā)揮空間,不要過于高保真。以及頁面元素是否統(tǒng)一規(guī)范便于提煉出典型頁面和設計規(guī)范。 
注意要點: 清晰合理的頁面功能布局,注意交互組件復用,頁面不同狀態(tài)描述清晰。

研發(fā)人員
主要關注:非常關心細節(jié)實現(xiàn),關心有多 少個功能、多少個功能新特性、多少個頁面元素組件、多少個交互動效等, 但他不關心方案里一個輸入框里是用彩色還是黑白,因為他是具體功能的實現(xiàn)者。 
注意要點: 明確表示出關于功能設計、頁面邏輯、組件交互等信息的細節(jié),例如:一個頁面刷新,要分為觸發(fā)刷新事件、刷新加載中、刷新成功提示、刷新失敗提示。其中失敗提示又要分多種情況:網(wǎng)絡不佳、程序異常等。如果你沒有提出明確需求,責任就會在需求方,而不是研發(fā)部門。

測試人員
主要關注:測試是依靠需求說明書和交互設計說明書,進行測試用例與測試腳本的編寫,在交互設計說明文檔里需要說明白每一個功能的交互動作與事件,測試是抓細節(jié)的,所以需要配一些說明性文字解釋交互設計的思路與實現(xiàn)路徑,這樣測試人員就可根據(jù)設計思路設計出測試用例。當然,測試用例分多種類型,這里指的是功能測試與邏輯測試,一些性能測試等需要依靠程序使用的軟件、數(shù)據(jù)庫等技術性的接口文檔來定。 
注意要點: 功能點、業(yè)務邏輯、界面元素、交互過程分解步驟。

上面解釋了各角色使用交互設計說明文檔的場景及他們期待的真實需求,我們需要清楚地了解這些內容,才能有針對性地撰寫交互設計說明。 
在交互設計過程中,上述四個角色會不斷有所交集。所以,一旦編輯文檔,就需要對這幾個角色有針對性地解釋和閱讀優(yōu)化。 




清晰準確的交互說明,可以起到哪些作用:

1.減少交互設計師與產品上下游人員的溝通成本 
2.提升協(xié)作效率 
3.避免項目返工延期 




交互說明撰寫準則:

只寫最重要的: 

只針對有邏輯規(guī)則、異常狀態(tài)、特殊交互、分支流程、關鍵節(jié)點等進行說明。 
對于一些常識性、無異常點的地方不用堆積文字描述... 
交互說明畢竟是要給人看的,堆積的文字誰看得下去??只會帶來額外的閱讀壓力和極高的理解成本,交互設計師修改起來也麻煩。 


按模塊來展示說明: 

01.設計內容組件:對于重復性強、出現(xiàn)頻率高的內容,設置一個模板內容及說明即可。 
對于重復出現(xiàn)的地方,直接代替過去就行,可大幅度減少交互設計師的工作量,開發(fā)也方便理解。 

02.分頁面/位置來展示:當整體交互原型頁面較多時,不要全都鋪在同一個頁面進行展示說明,會顯得頁面臃腫、瀏覽費力。可嘗試:單獨展示某個模塊、分支流程、場景等下的交互稿。小而聚集,內容更精簡、理解更方便。 

03.若各模塊/分支流程/場景中的交互稿存在一定的關聯(lián)性,可以先做一張總體性的「概覽圖」,再去單獨展示。讓開發(fā)知道整體方案之間的關系、又能了解各個細分方案里的交互說明。 


復雜說明單獨展示: 

交互稿里總會有一些比較復雜、難以文字來說明的想法,像是一些動效、狀態(tài)等。 
對于這一些比較復雜的說明,可抽離出來進行對比、詳細描述,針對局部進行狀態(tài)效果描述,不必重復復制全量頁面。 
像一些按鈕或功能存在多種狀態(tài)時,也可用“表格/列表”的方式進行展示。 


交互說明的排版布局要有助于閱讀:

針對不同體量及復雜度的項目,交互說明一定存在多種排版布局方式。但要注意以下幾點: 
01.就近原則:交互說明盡量靠近所描述的原型圖(或具體功能點)采用數(shù)字標號對應描述。特殊情況下交互說明離頁面數(shù)字標注點較遠時,可用虛線連接引導閱讀動線。 

02.縱向展示:同頁面不同狀態(tài)/模塊及交互說明盡量縱向延伸展示,這樣更便于鼠標滾動查看。不要橫向平鋪太長。 

03.減少重復:對于相同的頁面框架/功能菜單僅部分模塊/狀態(tài)不同,可畫一張全要素主頁面示意,其余針對不同模塊/狀態(tài)拆解后,單獨對比展示,并補充交互說明。突出差異點,減少重復性元素的干擾。 

04.主次分明:交互說明樣式整體需要區(qū)別于原型圖頁面元素,可一眼區(qū)分。同時,對于交互說明也需要區(qū)分主要解釋和次要描述,讓不同查看者抓住重點。 

不同的排版布局方式各有利弊,所以具體采用哪種布局方式要根據(jù)所做項目的情況,以及開發(fā)人員的閱讀習慣而定。 


交互說明組件化: 

類似于設計的控件庫,我們在項目中寫交互說明寫多了就會發(fā)現(xiàn),既然元素可以調用控件庫快捷使用,那么該元素的交互說明也可以歸類入庫,在需要的時候直接拿出來根據(jù)具體情況調整使用。這樣做的目的:使用時快捷調用,修改時快捷修改。 


有更改及時告知: 

若交互原型做了調整(包含交互說明),一定要告知團隊成員!!并寫明修改位置(在哪個頁面)。 
否則產品、前端、后臺、測試等同事的相關想法、工作會停留在上個交互稿里。不要因為信息沒對齊而造成了不良影響。就算改了一處小東西,也盡量和同步一下。 




交互說明的三種樣式:

1.同一頁面內不同模塊描述

當同一頁面內存在多種狀態(tài)時,可畫一張全要素主頁面示意,其余針對不同模塊/狀態(tài)拆解后,單獨對比展示并補充交互說明 



2.頁面功能點邏輯規(guī)則描述
對于頁面中的元素和功能點描述可采用數(shù)字標號對應的形式,若面功能點較多且存在關聯(lián)時,可分組標號做統(tǒng)一說明 




3.頁面內細節(jié)簡短標注描述
用于描述頁面內功能點及元素的簡短說明(20個字內)大段說明文字不建議用此方式(易干擾頁面)… 

文章來源:站酷  作者:體驗為王UX

藍藍設計www.newchinaweekly.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.newchinaweekly.com

存檔

久久亚洲专区| 久久精品一区二区国产| 一区二区三区四区在线观看国产日韩| 亚洲欧美亚洲| 久久99精品久久久久久久久久久久 | 精品国产免费av| 东京热加勒比无码少妇| 色欲欲www成人网站| 91成人福利视频| 欧美精品videosex牲欧美| 欧美专区中文字幕| 国产一区二区三区18| 91精品国产91久久久久久| 成人自拍爱视频| 国产精品国产自产拍高清av水多| 久久精品国产精品国产精品污| 精品视频在线观看一区| 日韩av无码一区二区三区不卡| 国产一级二级三级视频| 国内爆初菊对白视频| 黄色免费直接看| 色av男人的天堂免费在线| 欧美gay视频| 天天综合一区| 99久久婷婷国产精品综合| 亚洲成av人影院在线观看网| 精品国产乱码久久| 国产精品com| 国产色一区二区三区| www.黄色在线| 久久久久久国产精品无码| 国产裸体美女永久免费无遮挡| 另类free性欧美护士| 免费一级在线观看| 日韩在线精品强乱中文字幕| 亚洲欧美视频| 中文字幕亚洲成人| 一区二区欧美亚洲| 国产欧美日韩综合精品二区| 国产一区二区在线免费播放| 中文在线观看免费网站| 91九色蝌蚪在线| www免费在线观看| 免费观看成人高潮| 国产精品手机在线播放 | 日韩精品极品毛片系列视频| 国产美女91呻吟求| 欧美美女一级片| 无码一区二区三区| 成人eeuss影院在线观看| 精品成人av| 日本特黄久久久高潮| 在线观看日韩电影| 国产精品免费视频久久久| 国产一级特黄a大片免费| 国产精品久久a| 无码人妻久久一区二区三区 | 久久久精品免费视频| 亚洲欧美国产一区二区| 精品成人无码一区二区三区| 四虎成人欧美精品在永久在线| 欧美成人hd| 女人色偷偷aa久久天堂| 亚洲日本成人在线观看| 欧美激情久久久| 精品久久久久久久久久中文字幕 | 成人高清免费观看mv| 欧美激情理论| 亚洲国产精品欧美一二99| 91av中文字幕| 97超碰人人爽| 天堂在线视频网站| 亚洲丝袜精品| 日本欧美大码aⅴ在线播放| 91精品国产综合久久精品图片| 国产精品一区二区av| www.日本高清视频| 一个人看的www视频免费观看 | 久草视频在线播放| 北条麻妃国产九九九精品小说 | 天天干在线观看| 欧美videossex另类| 日精品一区二区| 精品日韩一区二区三区| 欧美黄网免费在线观看| 国产亚洲天堂网| 成人av免费播放| 成人影院在线播放| 国产一区二区三区美女| 中文字幕亚洲情99在线| 97se国产在线视频| 中文字幕伦理片| 天天草夜夜操| 久久最新网址| 欧美日韩一区二区三区| 韩国成人av| 日韩免费黄色片| 黄色网址在线播放| 日本成人在线视频网站| 亚洲图片在区色| 久草综合在线观看| 亚洲国产日韩在线人成电影| 99re66热这里只有精品4| 久久久久亚洲综合| 日本在线精品视频| 亚洲一区视频在线播放| 麻豆电影传媒二区| 欧美体内she精视频在线观看| 欧美一区二区视频免费观看| 国产成人精品在线播放| 丰腴饱满的极品熟妇| 成年网站免费| va天堂va亚洲va影视| 国产精品入口66mio| 日韩精品视频观看| av污在线观看| 再深点灬舒服灬太大了少妇| 亚洲精品亚洲人成在线| 欧美日韩成人综合| 国产免费xxx| 高h视频免费观看| 日本ー区在线视频| 久久国产精品72免费观看| 久久视频在线看| 黄色av网址在线观看| 黄色网免费看| 亚洲人成亚洲精品| 在线播放亚洲一区| 香港三级韩国三级日本三级| 亚洲欧美精品日韩欧美| 希岛爱理av免费一区二区| 欧美猛男gaygay网站| 女人和拘做爰正片视频| 国产一级又黄| 在线国产一区二区| 一个人www欧美| 在线观看av中文字幕| 视频二区在线| 911精品美国片911久久久| 亚洲欧美激情精品一区二区| 久久av一区二区三| 一级特黄视频| 国产成+人+日韩+欧美+亚洲| 最近2019中文字幕第三页视频 | 宅男在线精品国产免费观看| www.av在线.com| 欧美18xxxx| 亚洲国产精品专区久久| 男人网站在线观看| 国产美女在线一区二区三区| 99久久www免费| 久久av中文字幕| 男女做暖暖视频| 国产高清不卡| 色天使色偷偷av一区二区| 99re在线国产| 精品美女www爽爽爽视频| 欧美色图婷婷| 亚洲男人天堂网站| 日韩免费av一区| 久热久精久品这里在线观看 | 狠狠干狠狠插| 国产精品二区影院| 97视频在线观看视频免费视频| 国产极品在线播放| 99久久er| 精品国产欧美一区二区| asian性开放少妇pics| a篇片在线观看网站| 午夜视频在线观看一区| 高清一区二区视频| 男人天堂网在线| 国产精品国产馆在线真实露脸| 女人色极品影院| gay视频丨vk| 久久综合给合久久狠狠狠97色69| 永久免费精品视频网站| 天天操夜夜做| 久久先锋影音av鲁色资源网| 在线播放豆国产99亚洲| 男人j桶女人的网站| 91美女视频网站| 日韩暖暖在线视频| 97人妻人人澡人人爽人人精品 | www.夜色| av一区二区三区在线| 亚洲欧美日韩不卡| 国产网站观看9久| 国产精品大尺度| 国产aaaaa毛片| 欧美激情午夜| 欧美精品粉嫩高潮一区二区| 37p粉嫩大胆色噜噜噜| 亚洲精品中文字幕| 亚洲国产精品成人av| 成人免费看片98| 不卡在线一区| 91中文字幕一区| 岛国片在线看| 中文字幕中文字幕一区|