第三次做業原型設計-《構建之法》

這個做業屬於哪一個課程 系統分析與設計
做業要求 做業要求
這個做業的目標 讓咱們知道什麼是原型設計,而且熟悉一些工具來設計原型,也可肯定後續軟件開發的方向。

1.對比原型設計工具

  • 原型的設計大體分爲如下幾類:交互性原型設計工具,手機原型工具,網頁原型工具,靜態原型工具,動態原型工具。
    (1)交互性原型設計工具
  • Invision,Chinaco,Marvel,Flinto for Mac,Atomic
    (2)手機原型設計工具
  • Justinmind,Mockplus,Pixate
    (3)網頁原型設計工具
  • Axure RP,Webflow,Webydo,Protoshare
    (4)靜態原型設計工具
  • Fluid,Mackflow,Balsamiq
    (5)動態原型設計工具
  • Axure RP,Mockplus,UXPin,Origami,Principle

我比較熟悉的原型工具就是墨刀,由於以前作Android的時候就設計過原型,一個原型是一個早期樣品,模型。對後續軟件的開發確實有很大幫助。如今來比較幾個比較流行的原型工具。html

  • 墨刀
    Image text
    能夠說是專爲移動端產品原型設計而生的。簡單好用。上手快,改進速度也很快。可支持iOS、Android端預覽。
  • Mockplus(慕客)
    Image text
    作原型更快、更簡單。除了作APP原型。還能夠製做PC、網頁的原型。適合軟件團隊、我的在軟件開發的設計階段使用。其低保真、無需學習、快速上手、功可以用。並可以很好地表達本身的設計。
  • Axure RP
    Image text
    高保真的原型設計工具,名聲大。用axure製做原型的速度比較慢(交互操做太多),經常耽誤時間,並且修改起來也比較繁瑣。功能不少,學習起來有點難度。小程序

    總結

  • 若是需求不是很強大,能夠傾向於墨刀和Mockplus。由於Axure學習起來確實比較麻煩,作的時間也比較長。我以爲目前階段咱們用墨刀以及Mockplus徹底能知足咱們對原型設計的大部分需求。app

2.需求分析

我選擇了社團管理項目。工具

  • 項目背景

    1.學生剛入西南石油大學時缺少了解社團的長期的、便利的渠道;社團公衆號文章分散各處;羣裏發的活動報名問卷容易被水過去,並且每次要填的信息都差很少。

    2.社團管理員在管理社員時沒有一個很好的工具,來發布活動、統計報名人員、通知活動變動等。

    3.社聯在管理全部社團時,在審覈活動申請、審覈場地申請、星級評定、材料收取等方面也存在一些困難。所以,咱們但願能打造一款軟件鏈接學生、社團和社聯,根據用戶不一樣的使用需求,咱們計劃給將社團展現、活動報名等功能放在手機小程序端,在社團管理的大部分功能放在網頁端。
  • 項目面向的用戶

    小程序: 主要面向西南石油大學學生,其中的社團管理功能,則面向社長等社團管理員。

    網頁端: 主要面向社長等社團管理員,還能面向社聯。
  • 項目的需求分析

    我對題目中項目的需求作了一些提煉:

    小程序端

    學生:活動瀏覽、報名,加入社團,發生站內信。

    社團管理員以及社長:活動發佈、審覈、通知和統計報名的人數。

    PC端

    社聯以及社團管理員(社長):審覈活動申請,審覈場地申請,星級評定,材料收取。
  • 具體的實現細節:

    小程序端

    1.校園活動主頁

    2.學生主頁

           2.1我加入的社團

           2.2我添加的活動

    3.管理員主頁

    4.參與人數

    5.活動首頁

           5.1活動詳細信息

           5.2參加成功頁

           5.3活動管理

    6.社團首頁

           6.1加入成功頁

           6.2社團詳情

    PC端

    1.登陸

    2.註冊

    3.社團管理頁頁

    4.活動管理頁頁

    5.活動評價

3.原型設計

  • 小程序端
  1. 首先是校園活動首頁。

    Image text
  2. 而後是學生主頁

    Image text

    學生主頁下有兩個模塊,2.1我加入的社團
    Image text

    2.2我加入的活動

    Image text

    3.管理員主頁

    Image text
  3. 參與人數

    Image text
  4. 活動首頁

    Image text

    5.1活動詳細信息

    Image text

    5.2參加成功頁

    Image text

    5.3活動管理

    Image text
  5. 社團首頁

    Image text

    6.1加入成功頁

    Image text

    6.2社團詳情

    Image text
  • PC端
  1. 登陸
    Image text
  2. 註冊
    Image text
  3. 社團管理頁面
    Image text
  4. 活動管理頁面
    Image text
  5. 活動評價
    Image text

4.總結

  • 此次的原型設計並未參照模板來設計,界面上來講不是特別的美觀。但功能上大概的按照題目的要求都設計了出來。作這個確實不太容易,真的是一個細活,對界面的佈局那些仍是有必定的要求的。我以爲設計出原型,對後面團隊項目的原型設計上有了很大的幫助。這樣不只加快了咱們對項目的構思,還增長了開發速度。
相關文章
相關標籤/搜索