个人第三次作业

这个作业属于哪个课程 https://edu.cnblogs.com/campus/xnsy/2019autumnsystemanalysisanddesign/
这个作业要求在哪里 https://www.cnblogs.com/harry240/p/11524127.html
这个作业的目标 掌握一种原型工具,熟悉原型设计流程

Part 1.常见原型工具

1.墨刀

优点:

  • 可以说是专为移动端产品原型设计而生。它的免费版本自带的部件、交互、功能,基本上能满足移动端产品原型的设计要求,并且墨刀的控件都是基于APP,以及系统平台IOS和安卓,因此在创建项目时可以首先选择相应的设备布局,减少了不少工作环节;
  • 墨刀是线上化的产品,只需要记住帐号和有网,在公司和家里都能对其设计,十分方便,当然也要避免账号信息泄露导致作品丢失的情况。付费用户可以下载单机版原型,并且可以通过手机查看,普通用户只能通过页面分享、或者扫一扫的形式进行观看。

缺点:

  • 墨刀仅限移动端产品原型,交互效果、空间组合、操作面板的选择上也都不如Axure 灵活,而且不适用于PC端;
  • 由于效果切换是采用连线的方式,容易给使用者造成错乱的感觉,影响设计时的体验。另外,如果要使用更强大的共享创建功能,如团队协作、单机版下载,则还需要付费购买。

2.Axure RP

优点:

  • 首先,Axure RP可以满足日常处理图片使用;
  • 其次,Axure给人的一个感觉就是“自由”,在控件、素材、控制上,你可以通过Axure设计出千奇百怪的动态效果。由于Axure的画图区域可以自由设置,能够很直观地模拟网站的真实使用场景,画PC端原型,Axure应该是首选。用Axure画移动端原型,当然也是一个不错的选择。

缺点:

  • Axure的素材比较少,收集需要花一定的时间;

  • 动态面板和中继器较为复杂,要完全弄懂也需要一定的时间成本;

  • Axure只支持在本地设计,如果需要拿回家画,就需要在家里的电脑上也进行安装。虽然支持生成在线原型,但是在线查看需要给浏览器安装插件,而且经常出现网络卡顿的情况。

  • 正版的Axure售价高。

3.Mockplus

优点:

  • 差异化。尤其对于Axure。Mockplus的产品线路为简洁高效,完全区分于Axure的高保真,臃肿和陡峭学习曲线。差异化策略可以排除和过滤所谓的对手。

  • 同质的价格更优。国外虽然同类产品繁杂,但对Mockplus构成有效竞争的有五、六家。国内较低的人力成本回报,使Mockplus有这个基础。

  • 扩展标记组件和图标,内置400多个图标及200个精心设计的组件。它的“顶栏+菜单+底栏”的组件让你可以轻松创建应用程序页,无需USB或者远程发布。其协作等功能可以把你的交互线框图进一步转化为让人赏心悦目的图片或者html原型。

缺点:

  • 不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的;
  • 表格功能还需要完善;
  • 不支持多人协作。

4.我对原型设计的看法

​ 原型设计要做的是,当把用户的需求确定后,把各种业务流程的界面效果以及产品模型给人显示出来。所以我认为原型设计工具最重要的是高效、快速,力求在最短的时间内把软件界面效果展示给用户,以确认用户需求是否表达清晰,并且一个好的原型工具也应该支持团队协作,以减少设计人员之间的沟通成本,提高团队工作效率。

Part 2.项目需求分析

学生:

1.查看社团信息。学生可以在主页面上看到各个社团的信息、文章,对于自己加入的社团,则可以专门看到自己社团的通知、文章;

2.查看社团活动。学生可以查看各个社团的活动,并在此页面上报名;

3.加入社团。学生在查看社团信息的页面可以选择加入社团;

4.给社团发送消息。在手机端上学生可以给社团发消息。

社长:

1.修改社团的信息。

2.发布活动、通知、文章。

3.审核学生。审核学生报名活动或者社团。。

4.查看、回复消息。

5.活动申请。社长给社团联申请活动,需要填写相关的活动信息。

社团联:

1.审核。社团联审核社团活动以及文章,需要填写拒绝的原因。

2.管理社团。这里主要是对社团星级的评定。

3.查看所有的活动。每个活动里面包含活动的信息以及相关材料,这样便能做到收集材料方便。

Part 3.原型设计

  1. 针对于手机端的学生用户,根据Part 2的需求分析,我主要设计了5张界面:

    1. 主页:用来显示社团的文章和活动以及通知。其中又分为三个界面:
      • 一是所有社团,上面包含所有社团所有的消息;
      • 二是我的社团,上面包含用户加入的社团所发布的通知、以及活动;
      • 三是所有活动,上面包含所有社团开展的所有活动。
    2. 社团文章/活动/通知内容界面:用来显示文章,对于社团介绍一类的文章,用户可以在里面选择加入社团或者是发送消息;对于活动介绍一类的文章,用户可以在里面选择参加活动。
    3. 我的活动:用来显示用户对于活动以及加入社团的申请进度的查询。
    4. 消息:用户可以在此界面看到与社团之间的消息。
    5. 我:用来显示用户信息,比如专业年级、加入的社团、参加的活动等。

    这是手机端学生用户的主界面:

  1. 针对于手机端的管理员用户,我主要设计了6张界面:

    1. 主页:用来显示社团的文章和活动以及通知。其中又分为三个界面:
      • 一是所有社团,上面包含所有社团所有的消息;
      • 二是我的社团,上面包含用户所发布的通知、文章;
      • 三是我的活动,上面包含用户所开展的所有活动。
    2. 社团文章/活动/通知内容界面:用来显示文章,对于用户自己发表的文章,用户可以在里面选择修改。
    3. 我的活动:用来显示用户对于开展活动团的申请进度的查询。
    4. 消息:用户可以在此界面看到与学生用户之间的消息。
    5. 我:用来显示社团信息,比如社团成员、申请加入社团、申请参加活动等。
    6. 发布文章、活动界面:用来显示用户发布文章及活动。

    这是手机端管理员用户的主界面:

  1. 针对于网页端的社长用户,我主要设计了4张界面:

    1. 发布活动:用来显示用户发布文章及活动。
    2. 审核活动:用来显示学生参加活动的申请、入会申请,可以对于申请进行审核。
    3. 我的文章:用来显示用户已经发表了的文章,可以选择编辑和保存。
    4. 审核状态:用来显示用户对于开展活动的申请进度的查询。

    这是网页端社长用户的主界面:

  1. 针对于网页端的社团联用户,我主要设计了4张界面:

    1. 审核活动:用来显示社团开展活动的申请,可以对于申请进行审核。
    2. 社团管理:用来显示校内所有社团,可以选择星级评价。
    3. 活动管理:用来显示校内所有社团的的所有的活动,方便材料收集。
    4. 审核文章:用来显示社团发表的申请,可以对于申请进行审核。

    这是网页端社长用户的主界面:

下面是原型设计的网址:

手机端-学生:https://free.modao.cc/app/cs8upjw8wxk0vr87vq4kt2fotohf

手机端-社长:https://free.modao.cc/app/aqriywurx7k0wh50e544uh14w4sm7

网页端:https://free.modao.cc/app/tyxrr2cb7rsk0xst9auahm8ulmo4hv

posted @ 2019-09-25 17:02  Caravan  阅读(185)  评论(1编辑  收藏  举报