原型做業

零,標準開頭

所屬課程 《系統分析與設計》
做業要求 點擊這裏呀
做業目標 瞭解原型設計工具,學會初步原型設計,進行需求分析

一,對比原型設計工具

1.墨刀

 

 

 

  墨刀,專爲移動端產品原型設計而生。它的免費版本自帶的部件、交互、功能,基本上能知足移動端產品原型的設計要求,而且墨刀的控件都是基於APP,以及系統平臺IOS和安卓,所以在建立項目時能夠首先選擇相應的設備佈局,減小了很多工做環節。html

  另外,墨刀是線上化的產品,只須要記住賬號和有網,在公司和家裏都能對其設計,十分方便,不用再次下載應用。付費用戶能夠下載單機版原型,而且能夠經過手機查看,普通用戶只能經過頁面分享、或者掃一掃的形式進行觀看。web

  墨刀也有其缺點,容易給使用者形成錯亂的感受,影響設計時的體驗。另外,若是要使用更強大的共享建立功能,如團隊協做、單機版下載,則還須要付費購買。瀏覽器

2.Axure RP

 

 

 

Axure RP不限於畫原型圖,有時還會用來畫流程圖、信息架構圖,處理圖片,知足平常使用。Axure給產品經理的一個感受就是「自由」,在控件、素材、控制上,你能夠經過Axure設計出千奇百怪的動態效果。因爲Axure的畫圖區域能夠自由設置,可以很直觀地模擬網站的真實使用場景,畫PC端原型,Axure應該是首選。用Axure畫移動端原型,固然也是一個不錯的選擇。緩存

可是Axure也存在使人頭痛的缺點,二是動態面板和中繼器較爲複雜,要徹底弄懂也須要必定的時間成本;三是Axure只支持在本地設計,若是須要拿回家畫,就須要在家裏的電腦上也進行安裝。雖然支持生成在線原型,可是在線查看須要給瀏覽器安裝插件,並且常常出現網絡卡頓的狀況。四是正版的Axure售價其高,相信通常的人都不會去支付。網絡

3.Mockplus

 

  Mockplus是一款簡潔快速的原型圖設計工具。適合軟件團隊、我的在軟件開發的設計階段使用。其低保真、無需學習、快速上手、功可以用。並可以很好地表達本身的設計。Mockplus在使用以後我發現更加適合小白吧,不少操做都比較簡單易懂,在諸如B站和csdn上面有不少Mockplus的使用技巧和教程,這些對於一個小白來講都比較友好。架構

三者對比

  在通過簡單的使用以後,我發現這三款軟件各有各的優缺點吧,墨刀雖然能夠在網頁端使用,但最大的就是不自由,主要體如今:一是僅限移動端產品原型,交互效果、空間組合、操做面板的選擇上也都不如Axure 靈活,並且不適用於PC端。總體設計APP原型仍是比較輕便、傻瓜式的。可是交互功能方面比較欠缺;而後是Axure的素材比較少,收集須要花必定的時間,這須要本身平時多收集素材;Mockplus是目前惟一專一原型設計軟件工具的公司,產品和團隊具有顯著優點,mockplus的專業版也是須要付費的。只要每個月16.5元。很是給力的價格,值得一試。app

二,需求分析

我選擇了博客園班級博客客戶端工具

博客園班級博客客戶端

項目需求:佈局

  面向了三個羣體用戶,有老師、助教、學生三個羣體。平臺須要提供登錄,識別登錄人員身份,對不一樣身份的用戶分配不一樣的權限。好比老師能夠對學生管理、發佈做業等等。而學生須要在線完成做業,而且對做業進行提交,同時助教能夠發佈做業要求,對做業進行評分。學習

項目背景:

  爲了助力同窗們的學習,同時方便老師對做業進行發佈和評分。這些都是平時若是紙質檔做業不能達到的,紙質檔在這個過程當中太過麻煩且不方便。

  所以咱們須要打造一款可以連接老師,助教,學生的平臺,在這個平臺上能夠達到平時交做業的流程,且易於操做,可以減小很大部分的麻煩。

  • 主要羣體:全部班級博客的教師、助教、學生都是潛在用戶,此外全部計算機專業有相似教學需求的教師、學生也可能成爲潛在用戶。
  • 需求量:粗略統計博客園班級博客中的活躍用戶約3000人。(暫未估計還未使用班級博客的潛在用戶)

需求分析以下:

  1)須要設計一個手機移動端,方便各種使用羣體使用班級博客

  2)在有網的時候可以自動緩存某些內容,方便離線時查看

  3)須要軟件具有完善的信息提示功能

  4)須要對博客內容進行分類,方便學生儘快找到本身須要內容

  5)須要對登錄人員進行識別,是老師仍是助教仍是學生

  6)老師的帳號須要對班級成員、教學內容、學生成績進行管理

  7)助教須要對班級成員進行管理,與學生交流,對學生評價

  8)學生須要在上面進行交流,完成做業,提交做業

3、原型設計

由於考慮到網頁連接,因此我使用的是墨刀進行的原型設計

1.部分截圖:

web端:

 

 手機端:

 

2.連接:

WEB端博客園原型設計

手機端博客園原型設計

3.心得體會

  是一場接觸原型設計,在這以前本身連原型設計是什麼都不知道,真的是很是尷尬啊。在設計的過程當中我特別想使用模板把原型弄得儘可能好看一些,可是每每事與願違,找了好久都找不到本身想要的模板,最後仍是隻有本身加工創做,這也致使最後的結果看起來顯得十分粗糙。可是不得不說,在這個過程當中,本身的收穫仍是挺大的,我以爲原型設計的過程也挺有趣的,就是太麻煩了,加上本身對工具的不熟悉,致使本身每每達不到本身想要的結果。

相關文章
相關標籤/搜索