作為一名準(zhǔn)產(chǎn)品新汪，雖然沒有十足干貨，但希望記下苦海行舟之點(diǎn)滴，以求共勉?。▊€(gè)人練習(xí)，僅供參考）

一、Roadmap（路線圖、藍(lán)圖）

• 需求預(yù)期管理：優(yōu)先級、完成時(shí)間
• 更注重未來的時(shí)間周期
• 弱化具體的任務(wù)，具體任務(wù)有甘特圖或者項(xiàng)目計(jì)劃進(jìn)行詳細(xì)描述
• 突出關(guān)鍵節(jié)點(diǎn)

注：入駐餐飲商家數(shù)，主要參考美團(tuán)和糯米，普通餐飲小店數(shù)量可能更多（可作為直接參考的 餓了么 沒能找到數(shù)據(jù)）

二、原型

原型是交互設(shè)計(jì)師與PD、PM、網(wǎng)站開發(fā)工程師溝通的最好工具。而交互設(shè)計(jì)是一種使得產(chǎn)品易用，有效的把人使用產(chǎn)品的過程變得愉悅的技術(shù)。

低保真：利用線框圖，把信息的組織架構(gòu)通過圖形的模式展示。工作中多數(shù)情況為保證快素便捷進(jìn)入溝通、開發(fā)，多采用低保真原型。初期也可以采用手繪、線框圖，后續(xù)版本迭代中可以在已有界面基礎(chǔ)上采用PS、Axure等。

（相見文章開頭“在線演示”中框出部分）

高保真：利用高功能性、高互動(dòng)性完整的把用戶的操作流程表現(xiàn)出來。高保真原型制作可以博保障完成效果，但往往比較耗時(shí)，可能采用的場景：

• 部分特殊需求，如對體驗(yàn)效果特別看重，或功能極其復(fù)雜，需擬定較好的高保真demo
• 以便技術(shù)實(shí)現(xiàn)后期與預(yù)期對比的情況

（詳見文章開頭“在線演示”中框出部分）

注：右側(cè)“首頁”、“個(gè)人中心”等是便于每次刷新后快速進(jìn)入某一頁面，非必須內(nèi)容。

三、Axure小技巧

1、動(dòng)態(tài)面板的使用

動(dòng)態(tài)面板：使某一區(qū)域可以存在多種顯示狀態(tài)，可以進(jìn)行切換。動(dòng)態(tài)面板具有”拖動(dòng)“系列交互事件，可實(shí)現(xiàn)拖動(dòng)切換或者其他效果。預(yù)覽中，動(dòng)態(tài)面板具體顯示為某一狀態(tài)。

利用動(dòng)態(tài)面板最簡單的示例是可以實(shí)現(xiàn)banner，定時(shí)切換或者點(diǎn)擊切換。

2、熱區(qū)的使用

熱區(qū)：可以使頁面中被覆蓋區(qū)域具有交互能力。一般配合靜態(tài)圖片或者背景使用。

如下圖所示，背景為一張截圖，熱區(qū)”1″添加點(diǎn)擊用例后，返回到上一層界面；熱區(qū)”2″點(diǎn)擊后跳轉(zhuǎn)到”我的優(yōu)惠“界面。熱區(qū)在預(yù)覽中為透明色，不影響背景內(nèi)容。

3、拖動(dòng)效果

step1：創(chuàng)建動(dòng)態(tài)面板（“地圖可視區(qū)”），添加“map”狀態(tài)，雙擊進(jìn)入編輯

step2：在“map”狀態(tài)中，添加圖片（“模擬地圖”）

注：圖片要大于動(dòng)態(tài)面板尺寸，如：動(dòng)態(tài)面板388*593，模擬地圖1766*900；示意圖：

step3：動(dòng)態(tài)面板（”地圖可視區(qū)“）添加用例：交互-拖動(dòng)時(shí)

注：參考示意圖，拖動(dòng)操作的移動(dòng)對象為”模擬地圖“；有效邊界不操出可視區(qū)域。

4、圖標(biāo)滑動(dòng)效果

step1：創(chuàng)建兩個(gè)文本標(biāo)簽“全部單車”、“周邊服務(wù)”

step2：創(chuàng)建一個(gè)無邊框矩形，背景色設(shè)置，圓角半徑（高度的一半）

step3：布局，水平居中；文本標(biāo)簽置頂，矩形框置于“全部單車”下方

step4：文本標(biāo)簽分別添加用例：交互-鼠標(biāo)單擊時(shí)

注：“切換區(qū)-圖標(biāo)”是無邊框矩形的名稱；(77, 15)是需要移動(dòng)到的xy坐標(biāo)值，可以分別將矩形框置于兩個(gè)文本標(biāo)簽下獲取。

5、蒙版效果

step1：創(chuàng)建無邊框矩形，位置-尺寸 和背景內(nèi)容相等

step2：層級關(guān)系，位于背景和消息框之間

step3：顏色，黑色、不透明 30%；默認(rèn)隱藏

step4：點(diǎn)擊“顯示”、“隱藏”即可

在線演示

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