產品設計內容怎么寫（產品設計內容怎么寫吸引人）

大家好！今天讓小編來大家介紹下關于產品設計內容怎么寫的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內優(yōu)秀的企業(yè)，服務客戶遍布全球各地，相關業(yè)務請撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

• 1、產品設計文檔需要包含這些.......

• 2、產品設計中，該如何編寫產品規(guī)范？

• 3、產品設計說明書包括哪些內容了？

• 4、產品包裝設計有哪些內容?

一、產品設計文檔需要包含這些.......

作為產品經理，日常接觸最多的工作之一就是設計文檔了。每個產品經理有自己的設計文檔的寫法，各個公司也有各自的設計文檔的要求，所以大家平時看到的設計文檔幾乎沒有一模一樣的。

一份設計文檔的結構大概包括一下幾部分的內容：項目背景、項目排期、版本歷史、信息架構分析（包括站點地圖、體驗地圖、流程圖等）、產品框架設計、線框圖和視覺稿等。

具體在設計文檔中要展示哪些內容，取決于實際項目的情況，公司的具體規(guī)定、產品經理的個人工作習慣等，可能刪減一些內容，也可能增加一些內容。

每個部分拆分開來，我們一起來看看具體是如何的。

》》

這一部分的內容在充分溝通需求之后完成。產品經理充分了解要設計的產品是什么，是什么平臺上發(fā)布的，產品的用戶群體是哪些類型，使用場景有什么，他們想通過這個產品解決什么問題，業(yè)務/產品現(xiàn)狀，關鍵痛點是什么。把需要和需求方了解清楚之后，能夠明確產品設計目標，要解決的需求是什么，根據這些需求，需要設計什么樣的功能或者如何優(yōu)化現(xiàn)有的功能，最終達到怎樣的業(yè)務目標。

》》

和需求方確認各階段交付物的時間節(jié)點，知道什么階段要完成什么工作，達成什么目標。根據時間節(jié)點制定完成設計的具體計劃，根據這個計劃有節(jié)奏、有方向地展開工作，以較高的質量按時交付。

》》

每發(fā)生一次比較大的迭代更新，都要記錄在版本歷史記錄里。這樣做的好處是，可以清晰地展現(xiàn)設計稿的迭代歷程，做了哪些需求的改動，設計思路發(fā)生什么樣的變化，哪個部分是什么時候什么人負責的。對于產品設計的回溯，提供了極大的便利。相比一個個去翻以前的設計稿，查看版本歷史記錄更清晰，項目結束后瀏覽這一部分，也可以看到自己的設計在哪些方面哪個階段存在不足，是如何被發(fā)現(xiàn)、改進和提升的，下一次設計的時候是否可以更早地思考到和回避掉。

》》

根據具體項目性質的不同，這一塊的分析工具也有較大的差異，具體的選擇和使用要按照實際場景來，而非機械進行套用。

如果是設計一整套網站系統(tǒng)，站點地圖必不可少。站點地圖可以對整個網站的架構可以構建起一個初步的印象，像架構層級過深、頁面內容重復等問題都可以通過站點地圖發(fā)現(xiàn)，以全局的角度去觀察整個產品，而不是單一的某個功能、某個頁面。

體驗地圖可以把產品在不同使用場景、流程下的體驗問題直觀地呈現(xiàn)出來，我們通過調研，會得到一些用戶的體驗反饋，但是通常比較雜亂、沒有邏輯性。通過體驗地圖可以整理出用戶使用產品大概有哪些場景和環(huán)節(jié)，各場景和環(huán)節(jié)下都遇到過什么樣的問題，哪些問題出現(xiàn)的頻率較高等，讓產品經理能夠更貼近用戶，沉浸到使用產品的實際體驗過程中去，進而思考各場景、環(huán)節(jié)下都可以進行怎樣的設計目標拆解與設計優(yōu)化、最終幫助完成產品的整體目標。

流程圖也是一個常用工具，明確展示出用戶使用產品的流程和步驟是怎樣的。通過它可以查找步驟是否可以合并優(yōu)化，能否抽象出通用的流程來構建框架設計等。

》》

產品框架設計構建起產品的輪廓，抽象出通用的布局原則，頁面上大概有哪些模塊，這些模塊之間的主次、優(yōu)先級關系是怎樣的。整體規(guī)劃把握界面的結構、模塊之間的關系呈現(xiàn)等，而不是糾結于一些細枝末節(jié)和不重要的內容上。

》》

線框圖在產品框架設計的基礎上具化出了產品的完整骨架。在繪制線框圖的時候需要仔細考慮到每一個可能的使用場景，包括負面、誤用等特殊情況都要包括在內。

Axure是繪制產品經理繪制線框圖的常用的工具。在Axure中，通過命名頁面和調整層級關系，建立站點地圖。在每個頁面中根據場景畫出線框圖，包括具體的功能及場景，可以加以文字說明，輔助以用例交互。

線框圖不是視覺設計稿，但在視覺效果呈現(xiàn)上卻馬虎不得。如果在繪制線框圖的時候不考慮如產品尺寸、頁面規(guī)范等，最終完成得會比較粗糙，也容易對內容的編排產生影響，導致整個頁面結構都要被迫調整之類的情況，只能增加產品設計成本，而在最開始就注意這方面的問題，就可以盡可能地避免類似的情況發(fā)生。

》》

視覺稿作為產品設計的最終產出，在線框圖的基礎上完成配色、圖標繪制等視覺細節(jié)，為產品“涂脂抹粉”。視覺稿選擇關鍵場景的界面進行繪制表現(xiàn)，注意一些Hover/Active之類的狀態(tài)表現(xiàn)，然后就可以標注交付前端了。

這是產品設計文檔中比較常見也比較重要的的幾部分內容，根據你自己的需要和公司的規(guī)定、項目的具體情況，選擇需要重點體現(xiàn)的內容，也可以有所增刪，并不是一成不變的。

二、產品設計中，該如何編寫產品規(guī)范？

其實只需要注意5點就好~

背景目標、架構圖、Epics和用戶故事、驗收標準、設計文案及翻譯

1.背景和目標

很多開發(fā)每天都在慣性擼代碼，他們也許根本不理解自己在寫的界面、功能，為何被這樣設計，甚至不明白工作的意義和價值在哪。

如果，我們告訴開發(fā)們用戶將會如何使用這些功能，或者說是會給用戶帶去什么樣的好用，這都會更讓他們在工作中更有激情。

那么我們該如何向他們描述，他們將要實現(xiàn)功能的背景呢：

• 我們在談論的是產品哪個部分？

• 目前的問題是什么？(可以同時有幾個問題需要被解決）

• 引用用戶的具體反饋來說明

• 善用數據或圖表來說明

• 目前選擇的解決方案為何（用幾句話簡單描述就行）

• 是否考慮過其他解決方案？如果是，那么為什么不選它們？

• 是否有其他解決方案已經做了？效果為何？

• 目標是什么？我們會影響什么KPI？

這都會幫助技術團隊知道他們是否需要添加新的數據埋點/標簽來收集數據。

我看過很多對于項目有認同感并積極參與的團隊自發(fā)地做了儀表盤，每天實時地監(jiān)控數據變化，只為了解他們帶來的"影響"有多大。

2.架構圖

在開始開發(fā)產品的每個具體功能之前，我們要讓開發(fā)在大輪廓上掌握，哪些模塊/功能是這版迭代保持不變的功能、會牽涉到改動哪些模塊/功能……

即使是開發(fā)新產品，架構圖對于掌握產品整體結構也十分有幫助。

“架構圖”是我稱之為產品特性（流程、頁面和內容）以及它們之間的關系的高級圖示。有人稱之為“信息架構”、“流程圖”、“用戶映射”等。

架構圖示例（為我的一個客戶構建），帶有“before/after”顏色代碼

關于如何繪制架構圖，沒有標準的方法論。但我的經驗是（以 app 的架構來舉例），使用不用的形狀來區(qū)分流程、頁面和功能入口。

如上圖所示，我采用了 3 種顏色、實線、虛線來解釋當前產品的信息架構將如何隨著我們本次迭代而更新。（綠色：保持不變，橙色：將更新，紅色：將被刪除；實心：將保留在同一位置，虛線：將移動到其他位置）。這樣，技術團隊就可以清楚地看到 app 的哪一部分會發(fā)生改變。

使架構圖易于理解的另一個技巧是把導航的各個部分分開來畫，如下圖。

為我的客戶機構建的新版架構圖

所以，在編寫產品文檔時，有一個架構圖是非常有用的，這樣在你描述某一個用戶故事時，能明確關聯(lián)到對應的產品相關模塊。

3.Epics和用戶故事

如果根據產品各個部分的功能來編寫產品文檔，很容易變得混亂。而通過「用戶故事」來闡述產品，會讓產品文檔有條理性、易于理解。

關于用戶故事， Agile Modeling 是這樣解釋的：用戶故事的定義是“對用戶需求的一個非常高層次的定義，僅僅包含足夠使開發(fā)人員能夠對實現(xiàn)需求的工時做出合理估計的信息?！?/p>

把用戶放在第一位，可以避免在討論時只使用晦澀難懂的技術詞匯。正如Atlassian 所說：“在閱讀了用戶故事之后，團隊知道他們?yōu)槭裁匆鲞@個東西以及它創(chuàng)造的價值。”

通過使用用戶故事，我們能圍繞著用戶進行"爭論"，以開發(fā)出更好的產品，這與舊的瀑布式產品開發(fā)相反。

以下是用戶故事的表述方式：

作為一個<xx類型用戶>，我想要<xx功能>，這樣我可以<達成xx目的>

例如，當一個用戶點擊“我的”，可能基于以下用戶故事：

• 1：在"我的"模塊里，作為一個<員工>，我想要<編輯個人資料>，這樣我可以<修改我的照片、名稱>

• 2：在"我的"模塊里，作為一個<員工>，我想要<訪問設置>，這樣我可以<更新密碼、通知偏好設置>

• 3：在"我的"模塊里，作為一個<員工>，我想要<聯(lián)系客服>，這樣我可以<提出反饋給應用開發(fā)商>

用戶故事的細節(jié)程度取決于產品經理的決定，如果想要的話，我們大可把用戶故事 2 再描述深一層，例如：

• 2.a：在"我的-設置"模塊里，作為一個<員工>，我想要<編輯密碼>，這樣我可以<更新我的密碼>

• 2.b：在"我的-設置"模塊里，作為一個<員工>，我想要<訪問通知偏好設置>，這樣我可以<調整我接收各種通知的頻率>

其實，這部分有點顯而易見且多余，我個人通常選擇把它們在驗收標準(本文下一板塊)里進行描述。

為了進一步組織用戶故事，我們經常使用“Epics”，我個人會將屬于產品中相同主題或區(qū)域的故事分組，命名為一個Epic。例如，我選擇將上面的故事放進“我的”Epic里。有些人選擇與用戶故事相同、但更簡單的句式（例如：作為一個<用戶>，我想要<訪問"我的">）來編寫Epic。

4.驗收標準

為了確保在用戶故事中有足夠的細節(jié)，我們需要有一套“驗收標準”（有時也稱為“滿足條件”）。根據 http://LeadingAgile.com 的說法，“驗收標準”是“產品必須滿足，才能被用戶、客戶或是系統(tǒng)接受的條件?！?/p>

在驗收標準中，你應該列出用戶故事中沒有明確說明的所有功能特性。例子：

「用戶故事」

在"我的"模塊里，作為一個<員工>，我想要<編輯個人資料>，這樣我可以<修改我的照片、名稱>

「驗收標準」

• 在編輯個人資料頁面：當點擊「編輯姓名」圖標時，在該頁面上，應該切換到編輯模式，提示輸入并調起鍵盤

• 在編輯個人資料頁面：當點擊「編輯照片」圖標時，在該頁面上，應該要求我在相機和圖片庫間進行選擇

• 在編輯姓名時：當我單擊“保存”，該頁面應該變?yōu)椴榭茨Ｊ?，并收到成功通?/p>

…

驗收標準相當于作為淘寶賣家要發(fā)貨前，核對的那個產品清單。

5.設計、文案及翻譯

對于設計，我只有一個提示：用最新的設計來編寫產品文檔。

由于設計每天都在變，所以為了提高溝通效率，要選擇可以分享、協(xié)作并同步給所有人的產品。

（使用墨刀協(xié)作的頁面）

當你的原型設計中包含大量文案，記得給開發(fā)復制/粘貼的權限，不然你會看到很多錯別字和暴走的開發(fā)。這里提供兩個方法：

1.允許他們訪問設計源文件；

2.直接在產品文檔中復制/粘貼內容（可能會有些混亂，別問我怎么知道的）。

如果你的產品有多種語言，也要標注上翻譯，甚至可以查看每種語言翻譯前的原始內容。

綜上所述，我認為編寫一個全面的產品文檔所必需的信息包括：（1）背景和目標，（2）架構圖，（3）Epics和用戶故事，（4）驗收標準，（5）設計、文案和翻譯。

看完了 Lucas Didier 的分享，有沒有發(fā)現(xiàn)編寫規(guī)范最棘手的部分就是參考文檔、架構圖和設計原型不在同一個軟件上，需要來回切換。

這時候，我只能推薦你使用墨刀。

既能畫架構圖、又能設計產品原型、還能進行協(xié)作，添加標注，同步給該項目所有人，復制粘貼更不成問題。

簡而言之，就是不同的操作同一個墨刀。

三、產品設計說明書包括哪些內容了？

（1）產品的結構、型號、規(guī)格和性能；

（2）正確吊運、安裝、使用、操作、保養(yǎng)、維修和存放方法；

（3）保護操作者和產品安全措施，發(fā)生意外的應急處理；

（4）對涉及環(huán)境和能源的產品，應規(guī)定必要的環(huán)境保護和節(jié)約能源方面的措施；

（5）對安全限制有要求或存在有效期的產品應提供生產日期和有效期、儲存期；

（6）消費品必須注明對使用者的特殊群體例如兒童、老人和殘疾人的危險必須關注；

（7）應盡可能設想用戶可能遇到的問題。如產品在不同時間（季節(jié)）、不同地點，不同環(huán)境條件下可能遇到的問題，并提供預防和解決辦法；

（8）使用說明書的封底必須有生產企業(yè)的名稱、詳細地址、郵政編碼，本說明書的出版日期。

四、產品包裝設計有哪些內容?

1、商標設計

商標是一種符號，是企業(yè)、機構、商品和各項設施的象征形象。商標是一項關用工藝美術，它涉及到政治、經濟法制以及藝術等各個領域。商標的特點是由它的功能、形式決定的。

它要將豐富的傳達內容以更簡單潔、更概括的形式，在相對較小的空間里表現(xiàn)出來，同時需要觀察者在較短的時間內理解其內在的含義。

2、圖形設計

包裝裝潢的圖形主要指產品的形象和其它輔助裝飾形象等。圖形作為設計的語言，就是要把形象的內在、外在的構成因素表現(xiàn)出來，以視覺形象的形式把信息傳達給消費者。

要達以此目的，圖形設計的定位準確是非常關鍵的。定位的過程即是熟悉產品全部內容的過程，其中包括商品的性有、商標、品名的含義及同類產品的現(xiàn)狀等諸多因素都要加以熟悉和研究。

3、色彩設計

色彩設計在包裝設計中占據重要的位置。色彩是美化和突出產品的重要因素。包裝色彩的運用是整個畫面設計的構思、構圖緊密聯(lián)系著的。包裝色彩要求平面化、勻整化，這是以色彩的過濾、提煉的高度概括。

它以人們的聯(lián)想和色彩的習慣為依據，進行高度的夸張和變色是包裝藝術的一種手段。同時，包裝的色彩還必須受到工藝、材料、用途和銷售地區(qū)等的制和限制。

4、文字設計

文字是傳達思想、交流感情和信息，表達某一主題內容的符號。商品包裝上的牌號、品名、說明文字、廣告文字以及生產廠家、公司或經銷單位等，反映了包裝的本質內容。設計包裝時必須把這些文字作為包裝整體設計的一部分來統(tǒng)籌考慮。

以上就是小編對于產品設計內容怎么寫問題和相關問題的解答了，如有疑問，可撥打網站上的電話，或添加微信。

推薦閱讀：

中式產品景觀設計（中式產品景觀設計圖片）

東莞農產品在線畫冊設計（東莞農產品在線畫冊設計公司）

直播產品手卡是干啥的（產品手卡模板）

直播間暖場留人話術（新人直播第一天話術）

服裝品牌營銷策略ppt（服裝品牌營銷策略分析）