J01-交互設(shè)計(jì)流程

1. 功能列表確認(rèn)

需求轉(zhuǎn)化為任務(wù)再轉(zhuǎn)化為功能,可以使用思維導(dǎo)圖或EXCEL管理疚察,再分析標(biāo)注優(yōu)先級(jí)蒸走。

1.1 思維導(dǎo)圖:包括功能模塊、功能點(diǎn)貌嫡、需要展示的信息字段及其格式要求比驻、功能優(yōu)先級(jí)、其他必要的補(bǔ)充說明(為什么這樣考慮岛抄、什么場景下使用等等)

1.2 EXCEL表格:包含前端與后端别惦,分別給出列表與優(yōu)先級(jí)。這份列表在后續(xù)詳細(xì)設(shè)計(jì)過程中要不斷補(bǔ)充修正夫椭,非核心功能也要不斷補(bǔ)充進(jìn)來掸掸。

功能列表

2. 產(chǎn)品結(jié)構(gòu)設(shè)計(jì)

2.1 流程設(shè)計(jì)--任務(wù)分析渴肉,信息架構(gòu)

對(duì)于功能任務(wù)型APP,需確定用戶需要完成哪些任務(wù)欺税?每個(gè)任務(wù)又可以分解為哪些子任務(wù)?這些子任務(wù)的操作流程纯续,目標(biāo)是什么仁讨?子任務(wù)的層級(jí)結(jié)構(gòu)羽莺,優(yōu)先級(jí)如何?

根據(jù)分析結(jié)果產(chǎn)出整體任務(wù)流程圖陪竿,依據(jù)需要決定任務(wù)流程圖的細(xì)致度禽翼。

對(duì)于信息型APP,需先行規(guī)劃信息架構(gòu),明確信息層級(jí)族跛,展示優(yōu)先級(jí)闰挡,產(chǎn)出信息架構(gòu)圖

2.2 導(dǎo)航設(shè)計(jì)
導(dǎo)航的目標(biāo)是突出主要功能點(diǎn)礁哄,讓用戶在完成任務(wù)時(shí)能一目了然的知道自己要從哪個(gè)入口進(jìn)入长酗。通過前面的功能分析和任務(wù)分析,對(duì)于用戶任務(wù)的優(yōu)先級(jí)已經(jīng)較為明確桐绒,此時(shí)可以思考夺脾、確定產(chǎn)品的導(dǎo)航設(shè)計(jì)。

2.3 頁面流程圖
用以明確整個(gè)產(chǎn)品的層級(jí)結(jié)構(gòu)茉继、頁面之間的關(guān)系咧叭,避免一開始就陷入細(xì)節(jié),也利于預(yù)估工作量烁竭。類似下圖這樣菲茬,標(biāo)注頁面名稱,不用體現(xiàn)界面細(xì)節(jié),還可以簡單標(biāo)注界面的主要內(nèi)容模塊婉弹。

頁面流程圖

** 2.4 用戶操作流程圖**
對(duì)于比較簡單的功能或產(chǎn)品睬魂,這一步可以省略。但是如果涉及到多個(gè)用戶角色之間的操作關(guān)聯(lián)镀赌、較為復(fù)雜的判斷邏輯氯哮,建議先梳理清楚用戶操作流程圖,思考清楚不同分支的走向商佛。后續(xù)在設(shè)計(jì)評(píng)審階段喉钢,可以通過流程圖來輔助講解,更容易理解威彰。


頁面操作流程圖

3. 原型設(shè)計(jì)出牧,頁面布局,低保真原型

使用Axure畫線框圖歇盼。確定頁面元素沒有缺失舔痕,凸顯重點(diǎn)信息,完成各界面的布局設(shè)計(jì)豹缀、界面之間的跳轉(zhuǎn)關(guān)系伯复。

4. 設(shè)計(jì)初審

產(chǎn)品總監(jiān),產(chǎn)品經(jīng)理邢笙,業(yè)務(wù)部門參與設(shè)計(jì)評(píng)審啸如,評(píng)估設(shè)計(jì)是否偏離產(chǎn)品范圍。

5. 詳細(xì)設(shè)計(jì)氮惯,后臺(tái)設(shè)計(jì)

規(guī)劃具體信息架構(gòu)叮雳,后臺(tái)支撐管理程序,詳細(xì)描述界面信息來源妇汗,信息處理邏輯帘不,完善不同狀態(tài)下的頁面布局和內(nèi)容展示、用戶操作反饋提示杨箭、通用或異常的場景等等寞焙。所有開發(fā)階段需要用到的都需要在詳細(xì)設(shè)計(jì)階段體現(xiàn)。這份文件最終作為開發(fā)人員互婿,測試人員的規(guī)格說明書捣郊,也是最終產(chǎn)品的驗(yàn)收標(biāo)準(zhǔn)。

6. 終稿評(píng)審

請(qǐng)產(chǎn)品總監(jiān)慈参,產(chǎn)品經(jīng)理呛牲,視覺人員,開發(fā)人員驮配,測試人員等參與復(fù)審侈净,多人頭腦風(fēng)暴尊勿,確認(rèn)設(shè)計(jì)是否合理,有無更優(yōu)解畜侦,有無遺漏等。

視覺人員理解產(chǎn)品目標(biāo)躯保,為后續(xù)視覺設(shè)計(jì)打下基礎(chǔ)旋膳。

開發(fā)人員理解需求,可以提出技術(shù)可行性意見途事,提前預(yù)估開發(fā)風(fēng)險(xiǎn)验懊。

測試人員了解需求后,可提前規(guī)劃測試用例尸变,測試標(biāo)準(zhǔn)义图。

這一步非常重要,因?yàn)榈竭@里產(chǎn)品設(shè)計(jì)已經(jīng)成型召烂,這是開發(fā)的依據(jù)碱工,這一部分越完善越明確,開發(fā)過程中障礙越少奏夫,稀缺的開發(fā)資源可以得到最有效的利用怕篷。

7. 需求說明書

整理所有前期文檔,構(gòu)成需求說明書酗昼。這既可以用于視覺設(shè)計(jì)廊谓,開發(fā),測試的工作標(biāo)準(zhǔn)麻削,也可以用于提前客戶驗(yàn)證的交流文件蒸痹。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市呛哟,隨后出現(xiàn)的幾起案子叠荠,更是在濱河造成了極大的恐慌,老刑警劉巖竖共,帶你破解...
    沈念sama閱讀 212,383評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蝙叛,死亡現(xiàn)場離奇詭異,居然都是意外死亡公给,警方通過查閱死者的電腦和手機(jī)借帘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來淌铐,“玉大人肺然,你說我怎么就攤上這事⊥茸迹” “怎么了际起?”我有些...
    開封第一講書人閱讀 157,852評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵拾碌,是天一觀的道長。 經(jīng)常有香客問我街望,道長校翔,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,621評(píng)論 1 284
  • 正文 為了忘掉前任灾前,我火速辦了婚禮防症,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘哎甲。我一直安慰自己蔫敲,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,741評(píng)論 6 386
  • 文/花漫 我一把揭開白布炭玫。 她就那樣靜靜地躺著奈嘿,像睡著了一般。 火紅的嫁衣襯著肌膚如雪吞加。 梳的紋絲不亂的頭發(fā)上裙犹,一...
    開封第一講書人閱讀 49,929評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音榴鼎,去河邊找鬼伯诬。 笑死,一個(gè)胖子當(dāng)著我的面吹牛巫财,可吹牛的內(nèi)容都是我干的盗似。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼平项,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼赫舒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起闽瓢,我...
    開封第一講書人閱讀 37,803評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤接癌,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后扣讼,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缺猛,經(jīng)...
    沈念sama閱讀 44,265評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,582評(píng)論 2 327
  • 正文 我和宋清朗相戀三年椭符,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了荔燎。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,716評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡销钝,死狀恐怖有咨,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蒸健,我是刑警寧澤座享,帶...
    沈念sama閱讀 34,395評(píng)論 4 333
  • 正文 年R本政府宣布婉商,位于F島的核電站,受9級(jí)特大地震影響渣叛,放射性物質(zhì)發(fā)生泄漏丈秩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,039評(píng)論 3 316
  • 文/蒙蒙 一淳衙、第九天 我趴在偏房一處隱蔽的房頂上張望癣籽。 院中可真熱鬧,春花似錦滤祖、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至塑顺,卻和暖如春汤求,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背严拒。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評(píng)論 1 266
  • 我被黑心中介騙來泰國打工扬绪, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人裤唠。 一個(gè)月前我還...
    沈念sama閱讀 46,488評(píng)論 2 361
  • 正文 我出身青樓挤牛,卻偏偏與公主長得像,于是被迫代替她去往敵國和親种蘸。 傳聞我的和親對(duì)象是個(gè)殘疾皇子墓赴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,612評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容