本文是對作者從0到1設(shè)計過程中思考產(chǎn)品的總結(jié)，希望對您有所幫助。

在前一篇文章《B端產(chǎn)品需求分析的實踐與思考》中，作者分析了需求分析中B端產(chǎn)品實踐中使用的方法和注意事項。

需求分析的目的是找出用戶的基本需求，確定需求的優(yōu)先級，確定產(chǎn)品的核心需求和業(yè)務(wù)的主要流程圖。從需求到開發(fā)階段，有必要經(jīng)歷需求審查階段。為了確保要求審查的質(zhì)量，有必要以產(chǎn)品原型的形式顯示要求。一方面，更容易更直觀地描述產(chǎn)品，另一方面，很容易及時發(fā)現(xiàn)和調(diào)整。產(chǎn)品的主要和細節(jié)。本文基于此如何設(shè)計從0到1的產(chǎn)品。

　一、總體設(shè)計思路

產(chǎn)品設(shè)計可以說是產(chǎn)品經(jīng)理非常重要的技能。在設(shè)計方面，您可能會立即想到各種用于設(shè)計原型的軟件，例如Axure，Mockplus，Sketch等。我相信許多新手剛剛進入市場以滿足需求。在那之后，我開始渴望使用各種原型軟件進行設(shè)計，追求各種炫酷的渲染效果，在不認真了解業(yè)務(wù)流程，用戶和使用場景的情況下，設(shè)計會帶來許多弊端。

那么什么是好的設(shè)計理念？在這里我借用《破繭成蝶：用戶體驗設(shè)計師》本書的設(shè)計思路：闡明業(yè)務(wù)流程 - >設(shè)計頁面流程 - >設(shè)計頁面交互，作者將解釋如何將這個想法用于B端產(chǎn)品設(shè)計。

　　二、理清業(yè)務(wù)流程

無論是從0到1構(gòu)建新產(chǎn)品，還是在現(xiàn)有產(chǎn)品上進行規(guī)劃和設(shè)計，都必須澄清業(yè)務(wù)流程。當然，你不能只抓住眉毛和胡須。否則，將花費一半的努力。我經(jīng)常使用它。我們的想法是首先確定主要任務(wù)流程，確定子任務(wù)流程，然后確定子任務(wù)流程需求的優(yōu)先級，以準備頁面流程圖中的數(shù)據(jù)流。以下將描述該案例。

　　1、確定主要任務(wù)流程

通過需求分析和需求評估，可以確定滿足核心需求的業(yè)務(wù)流程。下圖顯示了醫(yī)院研究，需求分析和評估后患者訂單管理的業(yè)務(wù)流程圖。其產(chǎn)品定位是：

目標用戶：醫(yī)院住院病人，訂購者

使用場景：住院病人在早上，中間和晚上點餐;飲食管理員將接受訂單并下訂單

用戶目標：住院患者實現(xiàn)手機訂購，餐飲管理員信息管理訂購

　　2、確定子任務(wù)流程，優(yōu)先級排序

確定主任務(wù)流程，并將主任務(wù)流程的每個節(jié)點分解為子任務(wù)流程，如下表所示：

從上表可以看出，任務(wù)流的主節(jié)點可以分解為幾個子任務(wù)。使用多個子任務(wù)時，需要對子任務(wù)的優(yōu)先級進行排序。這樣做的目的是使大多數(shù)用戶能夠使用這些功能。并且使用高頻功能，可以集中注意力，方便用戶有效地完成任務(wù)，通過子任務(wù)的重要性，使用頻率，用戶數(shù)量可以優(yōu)先分任務(wù)：

第一優(yōu)先：選擇病房，選擇病房，訂購病人，選擇用餐加入購物車，提交訂單，打印訂單;

第二優(yōu)先：患者查看早餐，患者查看正餐，患者查看治療餐，查看訂單信息，查詢訂單信息，取消訂單，刪除訂單;

第三優(yōu)先：查看患者信息;

優(yōu)先級順序是指頁面的重要性，而不是業(yè)務(wù)流程的順序，例如：“患者查看早餐餐”必須在“患者訂單早餐餐”之前。

　三、設(shè)計頁面流程圖

通過以上步驟，我們闡明了主要業(yè)務(wù)流程，子流程，并確定了子流程優(yōu)先級的優(yōu)先級，然后如何在頁面流程圖中反映出來，如下所示：

如何根據(jù)優(yōu)先級設(shè)置子任務(wù)到界面，什么樣的導(dǎo)航方法，如何突出關(guān)鍵功能，如何引導(dǎo)用戶高效完成任務(wù)等，這個階段需要考慮之間的交互設(shè)計頁面和頁面內(nèi)部。

　　四、頁面交互設(shè)計

在這里，我向您介紹我常用的交互設(shè)計原則，主要來自兩本書：

1.《寫給大家看的設(shè)計書》：倡導(dǎo)親密，對齊，重復(fù)，對比，四個設(shè)計原則

2.《簡約之上》：促進刪除，組織，隱藏，轉(zhuǎn)移，四種策略

有關(guān)四種設(shè)計原則和四種策略的具體說明和用法，請仔細閱讀這兩本書。我不會在這里詳述。值得一提的是導(dǎo)航架構(gòu)不同。不同產(chǎn)品的導(dǎo)航架構(gòu)非常不同。終端和移動終端之間存在很大差異。即使對于移動終端產(chǎn)品，導(dǎo)航結(jié)構(gòu)也因其不同的定位而不同。

該產(chǎn)品在平板電腦上實現(xiàn)，屬于移動終端產(chǎn)品?？紤]到產(chǎn)品的核心功能和用戶的使用習(xí)慣，本案例產(chǎn)品使用常用的選項卡式導(dǎo)航，并且移動終端有許多導(dǎo)航方法。 。

例如：列表導(dǎo)航，磁貼導(dǎo)航，宮廷格式導(dǎo)航，不同產(chǎn)品定位和使用場景的不同導(dǎo)航，在這里您需要找到其他信息來研究設(shè)計規(guī)范。

確定導(dǎo)航信息架構(gòu)，并且可以通過使用四種策略和四種設(shè)計原理來實現(xiàn)頁面和頁面之間的交互。元素和交互設(shè)計內(nèi)容如下：

我們經(jīng)常說的用戶體驗對于交互設(shè)計非常重要。當然，作者屬于產(chǎn)品發(fā)布。由于帖子的偏見，專業(yè)和專業(yè)交互設(shè)計師之間應(yīng)該存在一定的差距。這里提供的案例屬于我剛剛進入該行設(shè)計的原型。很多地方都很粗糙?？紤]到產(chǎn)品的邏輯相對簡單并且不需要太多的專業(yè)知識，它將被選作一個供您參考的案例。

我一直在學(xué)習(xí)如何設(shè)計產(chǎn)品。畢竟，為了制造滿足需求并使用戶感覺良好的產(chǎn)品，需要不斷積累和促進。此外，如果團隊中有專業(yè)的交互設(shè)計師。在產(chǎn)品人員對需求和流程進行整理后，他們可以做簡單的線框圖，專業(yè)的交互設(shè)計留給專業(yè)的交互設(shè)計師。我相信別人的專業(yè)能力會給他更多的發(fā)揮空間。通過這種方式，我們可以建立良好的關(guān)系并相互信任。

　　五、注意事項

順便總結(jié)一下，我覺得我需要注意產(chǎn)品設(shè)計實踐過程：

1.記得在不了解業(yè)務(wù)流程的情況下急于設(shè)計;

2，記得澄清用戶和場景的使用進行設(shè)計;

3，不同的用戶看到原型要求不同，內(nèi)部共享或開發(fā)看原型，應(yīng)盡量保證描述清晰，準確，全面;對客戶或測試用戶的產(chǎn)品設(shè)計應(yīng)具有低保真甚至高保真效果，方便演示;

培養(yǎng)良好的設(shè)計技能需要不斷的經(jīng)驗和總結(jié)。這是一個需要不斷學(xué)習(xí)并始終保持空洞思維的過程。

　　六、總結(jié)

以上是產(chǎn)品設(shè)計過程從0到1的逐案描述。核心設(shè)計思路是：澄清業(yè)務(wù)流程 - >設(shè)計頁面流程 - >設(shè)計頁面交互，并總結(jié)我的產(chǎn)品遇到的問題設(shè)計和需要注意的地方僅供參考。我希望我能幫助你完成工作。我也希望每個人都能發(fā)表更多意見并指出不足之處。謝謝你的閱讀！

作者：張磊（個人公共號碼：lightinglei）B互聯(lián)網(wǎng)醫(yī)療終端產(chǎn)品策劃人，音樂愛好者，籃球迷，攝影師

本文最初由@張磊發(fā)表。未經(jīng)許可，禁止復(fù)制。

該地圖來自unsplash，基于CC0協(xié)議

« 中國互聯(lián)網(wǎng)協(xié)會會長余麗娟：微業(yè)務(wù)正朝著正規(guī)化方向發(fā)展 | 戰(zhàn)斗很多，就是做一個獨特的生活 »