文檔框架

頁(yè)眉：來(lái)源、版本、項(xiàng)目名稱(chēng)、責(zé)任人

創(chuàng)建母版

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

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

1.交互流程圖：

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

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

2.頁(yè)面流程圖

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

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

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

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

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

3.交互說(shuō)明

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

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

? ? ②不遺漏，不墜述；