《建構之法》——原型設計

1.對比原型設計工具

1.墨刀

1）墨刀是一個專業、可靠、簡潔、易懂的線上産品原型設計與協作平台，能快速的完成産品設計，把更多的時間留給思考。

2）墨刀非常好上手，内置大量素材，可按自己的實際需求靈活取用，還可以将常用的素材儲存起來，形成自己的元件庫，随時複用。使用過程中我還發現，墨刀會儲存最近使用的顔色記錄，這個功能非常的好，不用一個個翻我前面用的字型的RGB是什麼。

3）墨刀也有它的缺陷，由于墨刀是雲端版本，開發技術不穩定，稍微複雜點就崩；且軟體商不提供源檔案，隻能導出圖檔或生成原型，但沒有原型源檔案。

2.mockplus

1）mockplus是一款簡潔快速的原型圖設計工具，适合軟體團隊、個人在軟體開發的設計階段使用。其低保真、無需學習、快速上手，并能夠很好地表達自己的設計。

2）mockplus也很适合新手，操作簡單而且完成的效率也高，網上能找到很多教學視訊，同樣是PC版，它的操作要比Axure RP要簡單的多，還支援一鍵導出、團隊共享，讓團隊效能更高。

3.Axure RP

1）Axure RP是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家能夠快速建立應用軟體或Web網站的線框圖、流程圖、原型和規格說明文檔。

2）Axure專業度最高，功能最全面，但是真的不好上手，新手學習成本會很高，無論是時間成本還是金錢成本。在原型設計上與另外兩者最不一樣的是，它不但可以儲存到本地，還可以退回到編輯的某各個版本，對于專業設計師來說這個功能是深得人心。

比較了以上三種工具，我覺得如果僅僅是用來入門學習的話，墨刀是這三個中最友善的，因為它不需要下載下傳，可以直接線上編輯，而且上手也快，跟很多h5平台非常相似。如果是偶爾要使用的非專業人士，我推薦mockplus，它的界面和功能都深受大家的喜愛，且把使用者體驗放到了第一位。如果以後想成為PM、PD，可以再去深入學習Axure RP，因為它是最專業的，功能最全面的，專業人士必備的一款軟體。專業人士學會了這三種工具之後，可以根據實際的設計需求，來選擇一個實作效果最好的工具。

2.需求分析

項目需求如下：

面向普通學生和社團管理者，集合了各個社團的資訊，特色功能是活動的浏覽和報名，以及活動的釋出、稽核與通知，同時還具有加入社團、發送站内信等功能。

項目背景和解決的痛點：

學生剛入西南石油大學時缺乏了解社團的長期的、便利的管道；社團公衆号文章分散各處；群裡發的活動報名問卷容易被水過去，而且每次要填的資訊都差不多。

社團管理者在管理社員時沒有一個很好的工具，來釋出活動、統計報名人員、通知活動變更等。

社聯在管理所有社團時，在稽核活動申請、稽核場地申請、星級評定、材料收取等方面也存在一些困難。

是以，我們希望能打造一款軟體連接配接學生、社團和社聯，根據使用者不同的使用需求，我們計劃給将社團展示、活動報名等功能放在手機小程式端，在社團管理的大部分功能放在網頁端。

項目面向的使用者：

小程式： 主要面向西南石油大學學生，其中的社團管理功能，則面向社長等社團管理者。

網頁端： 主要面向社長等社團管理者，還能面向社聯。

由于後面隻需要做簡單的原型設計，需求分析先從以下兩點入手：

（1）使用者：誰會用這個功能？

學生、社團管理者、社聯管理者

（2）場景：使用者在什麼情況下會用？

普通學生：浏覽社團資訊，浏覽社團活動，報名活動，加入社團，發送站内資訊。

社團管理者：釋出社團活動，變更通知，統計、稽核報名情況，下發通知。

社聯管理者：稽核活動，稽核場地申請，星級評定，材料收取。

整理可得功能性需求：

小程式：

普通學生	登入，浏覽社團資訊，浏覽社團活動，報名活動，加入社團，發送站内資訊
社團管理者	包括普通學生的所有功能，釋出社團活動，編輯活動，編輯社團資訊

網頁端：

社團管理者	登入，釋出社團活動，檢視所有釋出活動，變更通知，統計、稽核報名情況
社聯管理者	登入，檢視所有釋出活動，材料收取，稽核活動，稽核場地申請，星級評定

• 根據需求性分析，我對小程式和網頁端分别進行了功能需求的配置設定構思。

  首先無論是小程式還是網頁端，使用者進行互動前都要進行登入。由于使用者需要是校内學生，是以要設計一個注冊界面來核實學生的真實身份。

  

  

• 對于小程式

我将小程式分為三個子產品：首頁，社團，我的。

首頁子產品中可以看到最新的社團活動資訊，點選活動後可以檢視相關的訊息，并進行活動報名。

社團子產品中羅列了所有的社團，并且可以搜尋你想尋找的社團。點選相應社團後，可以進入社團詳情頁面，檢視社團簡介，進入招新QQ群，點選加入社團，填寫加入社團申請書；還可以點選活動，檢視該社團釋出的相關活動，并進行活動報名。

我的子產品中可以檢視我加入的社團（是否已稽核通過），我申請的活動，進入安全中心可以修改密碼，關聯郵箱，換綁手機。發送站内消息可以提供資訊回報，若是社團管理者，點選社團管理者可對社團進行相應的背景操作，如釋出活動。

小程式所有功能如下：

• 對于網頁端

我将網頁端分成兩個部分，登入時如果是社團管理者，則進入它對應的背景管理界面，界面包括檢視所有活動，檢視報名情況，釋出新活動，變更活動通知，送出稽核材料以及安全中心這六個闆塊。

登入時如果是社聯管理者，則它的背景管理界面包括檢視所有活動的稽核情況，稽核活動，評價星級，收取活動及場地申請材料，以及安全中心這五個闆塊。

網頁端所有功能如下：

3.原型設計

本次作業我使用墨刀來完成原型設計。

小程式：Hi社團小程式

網頁端：Hi社團網頁端

4.心得

本次作業在原型設計上耗了很長的時間，雖說學會用一個工具并不難，但是思考怎麼建構這個界面還是要費很多心思。雖然說以後并不考慮當PM，但是這次設計也算是過了一把設計瘾，對産品的最初設計雛形有了更深的了解。

轉載于:https://www.cnblogs.com/icjy/p/11590688.html