文檔框架

頁眉：來源、版本、項(xiàng)目名稱、責(zé)任人

創(chuàng)建母版

創(chuàng)建元件庫(kù)

設(shè)計(jì)方法

1.交互流程圖：

? ? 功能——拆分用戶任務(wù)（復(fù)雜功能根據(jù)使用場(chǎng)景轉(zhuǎn)化為子任務(wù)）——頁面需求梳理

? ? ?技巧：①頁面跳轉(zhuǎn)超過兩次時(shí)，使用頁面流程圖；②主要任務(wù)串聯(lián)次要任務(wù)；③多個(gè)操作用同一個(gè)圖形包含起來；④系統(tǒng)錯(cuò)誤不出現(xiàn)在頁面流程圖中；

2.頁面流程圖

? ? 線框圖：①顏色黑白灰，必要時(shí)彩色；②尺寸；③素材準(zhǔn)備（元件庫(kù)）

? ? 創(chuàng)建元件庫(kù)基礎(chǔ)內(nèi)容：常用元件、高級(jí)元件、組件、圖標(biāo)；常用頁面、頁面元素、手勢(shì)；標(biāo)記、流程元件；

? ? 頁面：①功能——拆分任務(wù)——頁面需求梳理；

? ? ? ? ? ? ? ②布局：需求優(yōu)先級(jí)，權(quán)衡用戶需求和商業(yè)需求，做 用戶需求-商業(yè)需求 坐標(biāo)圖；

? ? ? ? ? ? ?③標(biāo)注；

3.交互說明

?? ?內(nèi)容：限制（WiFi環(huán)境打開等）、范圍值（上下左右活動(dòng)范圍值等）、極限值、操作、一般狀態(tài)、特殊狀態(tài)（禁止操作等）、誤操作（容錯(cuò)和反饋機(jī)制）、反饋、頁面跳轉(zhuǎn)；

? ? ①錨點(diǎn)—(對(duì)應(yīng))—數(shù)字標(biāo)示；（24X24），醒目的顏色；

? ? ②不遺漏，不墜述；