你設計的App不合格？15篇乾貨洞悉優秀產品設計流程丨壹佰乾貨鋪 | 產品壹佰

掌柜註：特別贈送本期乾貨鋪【所有文章】的102頁PDF，一鍵打包存著看！

發送「流程」至我們的微信訂閱號

「產品100乾貨速遞（chanpin100ghsd）」即可下載(╭￣3￣)╭?

各位客官，開篇之前，先讓掌柜的激動一下。

您現在看到的是整整第10期產品壹佰乾貨鋪！

壹佰乾貨鋪欄目誕生於8月份，每周固定發布一期，每一期都收到了許多朋友的收藏與喜歡。每期附贈的PDF也有平均500+的下載量，說明大家還是很愛學習的嘛。

承蒙客官厚愛，掌柜的會繼續更多製作更多又干又硬的乾貨專題給大家。

——————這是一條蠢萌分割線——————

無規矩不成方圓，無流程不成體系。本期壹佰乾貨鋪的重點，是「流程」。

作為一枚新人產品經理，你是否經常為了打造一個令人驚嘆的App，和整個團隊全都卯足勁兒、幹勁十足的幹活？

經歷這樣一個累並快樂的過程後，最終，當團隊成員接近精力極限並筋疲力竭時，你設計的App驚艷出場了！可是隨後，你夢想中的App迎來了重擊噩夢：有著旺盛需求的用戶下載了你的App，可是一旦使用一次，他們再也不會第二次使用了。

這意味著近幾個月的犧牲和辛苦投入全都付諸流水了，這到底是為什麼？

互聯網浪潮之下，越來越多的App正在遭受著同樣地重擊命運：用戶使用一次後就被拋棄，這已經成為互聯網世界的一種趨勢。而你的App很不幸的成為了這個趨勢浪潮的一員。

這不禁讓掌柜的想起已經有400年歷史的瓦薩戰艦，這個趨勢與瓦薩沉船事故有許多相同之處，要知道這艘船可是當時最震撼的戰艦之一呢。據說在它的處女行中，瓦薩號在水中晃蕩了一會兒，僅僅行駛了1英里就沉船了，而沉船的原因是因為它的基礎設計有問題。

讓我們探索更多的瓦薩沉船的教訓，使你的App避免跟它一樣的命運：剛離開港口就沉船。

本期壹佰乾貨鋪梳理了我們網站有史以來最優質的15篇優秀產品設計流程乾貨，從工作流程的優化開始，幫你快速試錯，減少改稿次數，非常實用，建議收藏。

推薦乾貨：《產品經理必修課之產品設計流程[完整版]》

產品設計（Product Design）流程是一個怎樣的流程？這個問題太高能，產品後生晚輩亦不敢貿然回答。事實上，我對「產品流程」並沒有一個完整的概念，故不忍信口妄語，有辱行業。然靜思己過，內心瞭然正躬身其中，卻茫然不知。結合自身的實踐和思考，以面向過程的方式回顧一下整個產品設計過程。

推薦乾貨：《移動互聯網產品設計開發流程》

本文是移動互聯網產品設計迭代開發的完整流程。需注意的是設計流程是不可控的，因為設計不是理性和可工程化的。根據團隊中的實際情況適當調整。

涉及崗位：產品經理、交互設計師、UI設計師、用戶研究員、開發及測試人員。

推薦乾貨：《精益產品設計系列：產品設計流程》

精益創業方法論從矽谷到全球各地的大熱，讓人們逐漸從傳統的產品設計流程轉變到精益方法論的道路上。那麼如何進行精益產品設計呢？本文對精益產品設計中，產品設計流程進行了一個概述，在之後的系列文章中，將對精益產品設計的每一個流程進行延伸。

關於產品設計流程，對於初入產品的新人往往不會在最開始就可以接觸到產品的全生命周期流程。通過本文可以對產品的全生命周期有一個了解，在以後獨自負責產品線時，有一個大概的框架了解，不會一頭霧水，無從下手。

推薦乾貨：《初級原型設計流程：強迫症一般的循環完善》

其實就工作流程而言，每個公司、每個團隊、每個設計師都是不一樣的，並沒有所謂的統一標準，更多的是因地制宜。以上只是熊先生根據自己的一點實踐經驗和平時學習的書籍中總結的簡易工作流程。主要的目的是為了拋磚引玉，如果有更加靠譜的方式方法，希望各位大神不吝賜教。

推薦乾貨：《單打獨鬥的產品設計師工作流程總結》

我從入行開始就在一個做自己產品的小公司工作，到現在已經三年了。剛開始工作的時候什麼也不懂，老闆說讓出效果圖，就開始直接上手作圖。後來看的內容多了，會的技能多了，慢慢開始改進自己的工作流程。

現在已經可以快速並且一步步紮實的完成工作。工作內容包括：獲取需求、收集資料、結構圖、交互設計、視覺設計、切圖標註。希望能和大家交流，進步。

二、進階必讀：一個完整的產品設計流程是怎樣的？

推薦乾貨：《一個 App 的界面設計流程是怎麼產生的？》

完整的流程，分層次設計，自下而上去完成

1.策略層，定義產品使命、價值、目標人群

2.願景/功能層：定義核心場景、功能列表

3.結構層：做流程圖、信息架構，確定主導航、主菜單

4.框架層：梳理每一個主界面的內容、布局

5.表現層：視覺設計，涉及圖標、配色、切圖。

推薦乾貨：《產品界面設計的整個工作流程是怎樣的？》

以我的了解，很多公司不設專門的交互設計師，而由產品經理完成相關工作。以下是我這裡的工作流程(圖片來自於網路，本團隊的就不貼了)。這個流程希望整個產品團隊都能參與其中並共同加強對產品的理解。或者借一個時髦的概念，我是希望團隊能具有更多Design Thinking，「設計思維」，來加強和推動解決問題的能力，並激發更多創新。

推薦乾貨： 《一個完整的交互設計流程是怎樣的？》

一個完整的交互設計流程是怎樣的？我的答案是基於《軟體觀念革命：交互設計精髓》(About Face)，這也是在國際上被廣為認可的流程。這個答案里我盡量不參雜個人觀點。先放一個大綱。

推薦乾貨：《超贊乾貨！一個完整的UI設計流程是怎樣的？》

收到一封 Mail，其中提到幾個關於設計流程和Prototype的問題。UI設計流程：Wireframe->低保真Prototyple->Mockup->高保真Prototyple，這樣的流程是對的嗎？今天來聊聊一個完整的 UI 設計流程應該是怎樣的，收乾貨！

目前業界的情況大多是 UI 設計師收到「開工啦」的通知，然後就從 Wireframe 開始下手。用戶怎麼操作、有哪些功能、用戶和客戶的需求是什麼往往靠 PM 簡單口述。

Wireframe 為什麼會長這樣？在 Wireframe 之前還有哪些事要做？

推薦乾貨：《專業科班的答案！一個完整的交互設計流程是怎樣的？》

初學交互設計的新人，因為沒有做過任何的設計項目，所以不知道整個交互設計師的工作流程會有哪些內容，今天這篇文章請了專業科班出身的設計師來科普他們在實際項目中的工作流程，強烈建議閱讀。

作者Spell是國內軟體工程本科+美國UW HCDE master，現在在矽谷做用戶體驗設計並且教用戶體驗課程。在這裡我想給出我負責的幾個項目里所用到的流程，這些也是我教給學生的流程。

三、錦上添花：如何優化流程，設計更優秀的產品？

推薦乾貨：《超實用！高手的私人筆記之APP設計流程全科普》

今天這篇譯文全程滿滿當當的都是乾貨，包含超多的實用經驗，比如讓元素在各個尺寸中保持邊界清晰的技巧，切片的專業方法，命名規則等，絕對值得每個UI設計師收藏起來！

推薦乾貨：《41% 的APP不合格？可能是你沒試過這個快速高效的工作流程！》

記得原型的精確度與項目的進度相匹配，在設計的關鍵部分，在你覺得很舒服之前，切記不要投入太多的時間和精力在高保真原型上。so，堅持儘可能長時間地使用低保真原型，測試設計快速迭代，並不斷結合見解重新回（重構）到你的原型上。

精益，快速成型，再加上一個連續的反饋循環，將有助於您的團隊工作順利，結合新的想法，構建移動 App，不僅僅是首航成功，而是要在未來成功航行多年，並在對手的心中造成驚人的恐懼。

推薦乾貨：《專業乾貨！3個方法幫你優化交互設計流程的「閉環」問題》

交互設計師有一項很重要的工作就是定義任務流程。在接到需求之後，設計師需要把抽象的需求設計成具象的流程，然後再把流程分配到不同的界面，最終形成成品。設計流程不難，但是設計好的流程非常難。今天主要是從「閉環」這個角度來講講流程設計中的優化問題。

舉個簡單的例子，註冊這個流程可以這麼定義：

推薦乾貨：《超完整的用戶體驗設計流程，規範化提升產品》

在產品設計文檔編製方面，理論和實踐是完全不同的兩碼事。我們都知道用戶中心設計的基本原則。我們也都能從紛雜的方法中認出各種不同的研究方法、原型製作階段以及文檔編製技巧的整體流程。但是，你還是會經常問自己這個問題：在實踐中到底怎麼操作？

推薦乾貨：《使用線框圖來簡化你的產品設計流程》

本文主要是教各位怎麼用線框圖來簡化我們的產品設計流程，因為繪製一個線框圖是你在製作一個網站前必須要經歷的過程。線框圖能夠幫助你合理的組織並簡化你內容和元素，是網站內容布局的基本視覺表現方式，是網站開發過程中一個重要的步驟。

特別彩蛋——102頁本期乾貨PDF！

發送「流程」至我們的微信訂閱號

「產品100乾貨速遞（chanpin100ghsd）」即可下載(╭￣3￣)╭?

預覽如下：

-本期專題互動-

掌柜的想做個調查，

你們最希望在乾貨鋪看到哪些主題的乾貨？

告訴掌柜的，說不定下期你就可以看到哦~

「壹佰乾貨鋪」——互聯網產品、運營、設計、職場精品乾貨，應有盡有！

咱們下期再見~

推薦閱讀：