如何用原型寫需求?

1 評論 4083 瀏覽 65 收藏 6 分鐘

怎么用原型寫需求文檔?這篇文章里,作者以小紅書APP為例做了相應的步驟和案例分享,想了解的同學,不妨來看一下。

用原型寫需求文檔,最大的優點就是簡潔直觀。

本文以小紅書APP為例,說說如何用原型寫需求文檔。

一、搭建好文件目錄

1)文檔修改記錄

記錄下每次修改,做好文件版本迭代記錄

2)原型說明

① 全局說明 將適用于全局的規則、交互等信息進行前置說明,方便統一管理。

② 頁面結構 理清各頁面之前的層級結構,就像畫樹一樣,先畫出主干,再進行分支的補充。

3)流程

梳理出流程,理清業務邏輯??梢越Y合泳道圖說明在實際業務場景中各角色的任務職能。

4)原型

畫出產品的基本框架構思。有哪些信息要素?信息的表現優先級?等等。后面會詳細展開描述。

二、畫好原型并做好注釋

1. 分模塊

頁面可以按照功能分成幾個模塊。

小紅書的個人主頁頁面,我分成了基本信息、附屬信息、活躍信息三部分。

當然每個人也可以有自己的劃分思路和想法。

2. 做好注釋

分好模塊之后,需要對每個模塊的具體信息進行詳細說明。一般會有信息元素描述、規則、狀態、異常情況。

1)信息元素描述

  • 可以從這幾個維度展開:數據、類型、操作、優先級、數據來源、備注。
  • 數據:將信息進行結構化梳理,羅列信息字段。
  • 類型:信息有不同的表現形式,可以是圖片也可以是文本等等。
  • 操作:進行什么操作會產生什么樣的效果。
  • 優先級:有些信息需要高亮顯示,比如文本顯示為顯眼的紅色;有些文本需要加粗顯示;而有些就是正常顯示,這就代表著不同的信息會有不同的表現形式,也就代表了不同的表現優先級。
  • 數據來源:寫明數據從何而來。
  • 備注:額外說明。

2)規則

即限制條件。比如:表格每頁最多顯示幾行,按鈕的多次點擊需要間隔多久等等。

3)狀態

區分狀態。舉個例子:文本鏈接有已點擊、未點擊、鼠標懸浮幾個狀態,他們可以有不同的表現形式,已點擊鏈接顯示為藍色,未點擊顯示為黑色,懸浮出現說明文檔氣泡。

4)異常情況

除正常流程外的異常情況,也屬于功能的一部分。做好異常情況兼容,產品才會運行地更穩健,具有更好的容錯性。

三、不遺漏異常情況

大家如果跟測試打過交道的話,應該知道“冒煙測試”這個概念,在產品上線前回歸下主流程,避免大的缺陷。

一個產品需要涉及到很多邊界條件,也就會有很多的異常情況。比如文本輸入時超出了限制長度,多次點擊同一個按鈕,寫錯了內容想要撤銷修改等等,產品經理需要盡可能多的聯想到會發生的各種情況并做好對應處理。

拋開上帝視角,實實在在去體驗一把產品,可能就會發現一些意想不到的場景和情況。

tips: 推薦幾個原型的組件庫:

1、Ant Design 螞蟻設計 :https://link.zhihu.com/?target=https%3A//ant.design/docs/resources-cn(包括移動端、pc 端)

2、餓了么:https://element.eleme.cn/#/zh-CN/resource(pc端)

參考鏈接:

up主斯前想后來:https://www.bilibili.com/video/BV1264y1V7pp/?spm_id_from=333.999.0.0&vd_source=618ed4fde6a60aef6cf49edd31dc737a

本文由 @西瓜古古 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基于 CC0 協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 看背景的眉毛我就知道是鏡玄

    來自四川 回復