《构建之法》——第三次作业

这个作业属于哪个课程	课程的链接
这个作业要求在哪里	作业要求的链接
这个作业的目标	了解并学习使用原型设计工具，学会通过需求分析，利用原型设计工具大概的设计出整个项目框架

一、常见原型工具

 常见的三种原型工具：墨刀、Axure RP、Mockplus

  a.墨刀[百度百科][1]

• 优点
  • 我个人认为对于小白来说初期效率会高一些
  • 免费版本自带的部件、交互、功能，基本上能满足移动端产品原型的设计要求
  • 控件都是基于APP，以及系统平台IOS和安卓
• 缺点
  • 仅限移动端产品原型，交互效果、空间组合、操作面板的选择上也都不如Axure 灵活，而且不适用于PC端
  • 由于效果切换是采用连线的方式，容易给使用者造成错乱的感觉，影响设计时的体验
  • 如果要使用更强大的共享创建功能，如团队协作、单机版下载，则还需要付费购买

  b.Axure RP[简书][2]

• 优点
  • “自由”，在控件、素材、控制上，可以通过Axure设计出千奇百怪的动态效果
  • 直观地模拟网站的真实使用场景
• 缺点
  • 素材比较少，收集需要花一定的时间
  • 是动态面板很复杂，如果要搞懂，需要花费一定的时间
  • 只支持在本地设计，如果需要拿回家画，就需要在家里的电脑上也进行安装

  c.Mockplus

• 优点
  • 可以帮助UI设计师在最短的时间内完成产品原型图的设计
  • 从性能和成熟度上来说，mockplus更胜一筹
  • mockplus不依赖网络更加灵活
• 缺点
  • 工作界面有限制
  • 由于效果切换是采用连线的方式，容易给使用者造成错乱的感觉，影响设计时的体验
  • mockpuls想使用更多的功能的话，需要用钱升级

 个人看法：当我们在和用户在沟通过程中，用户通常只能说出心中所想的80%，但我们听到的最多只能是60%，听懂的却只有40%，结果执行时，只有20%了。心中的想法也许很完美，但执行起来却差之千里，

 这是由“沟通的漏斗”造成的，因此必须采取适当的方法，去克服这一“漏斗”现象，也即所谓的沟通的成本。原型的制作成本和演示成本都比较低，有原型的演示的话，一目了然，用户可以根据自身的判断，再结合

 演示者的描述，理解起来就不那么费劲了。通过原型设计，我们可以判断自己做的软件是否符合用户的需求，可以找到对需求描述的不足，从而进一步去改进我们的软件产品，以符合用户的实际需求。

[1]: https://jingyan.baidu.com/article/d7130635f9ec7513fdf475f6.html "墨刀和axure的区别"
[2]: https://www.jianshu.com/p/81bd1a859219 ''工欲善其事必先利其器：墨刀和axure使用经验分享''

二、需求分析

我选择的是第二个项目，以下是项目简介

• 主要群体：所有班级博客的教师、助教、学生都是潜在用户，此外所有计算机专业有类似教学需求的教师、学生也可能成为潜在用户。
• 需求量：粗略统计博客园班级博客中的活跃用户约3000人。（暂未估计还未使用班级博客的潜在用户）
  需求分类

整体	需要在手机上更加方便的使用班级博客 有时可能在离线的情况的需要浏览某些内容 需要更简洁美观适应手机的界面 需要完善的信息提醒功能 更加体系化的班级博客内容，更加完善的分类，会更方便用户找到自己需要的内容
教师	需要更加方便的对班级成员、教学内容及学生成绩进行管理
助教	需要更方便地对班级成员进行管理、与学生交流，对学生进行评价
学生	需要更方便的相互交流，完成作业

具体分析如下：

• 目标群体：所有班级博客的教师、助教、学生以及计算机专业有类似教学需求的教师、学生
• 背景：老师和助教在管理学生平时成绩以及与学生交流沟通上不方便，学生在完成作业的时候也不方便
• 系统的功能：
  • 老师
    与学生们交流、沟通
    查看已加入班级的同学博客
    查看班级学生成绩
    发布与更改教学内容
  • 助教
    查看自己加入的班级
    查看管理的班级
    管理班级成员
    与学生沟通
    对学生进行评价
  • 学生
    查看自己加入的班级
    查看已加入班级的同学博客
    进行同学之间的交流
    完成作业
    浏览博客园中其他人的技术博客
    保存一些博客，没网的时候也可以进行查看
• 解决问题
  • 老师可以随时随地和学生进行交流
  • 助教、学生可以随时在手机上完成作业
  • 随时对学生进行评价

以下是原型设计（因为墨刀免费的只能建20张页面所以有些功能暂时没有写）：

点击登录或者注册，如果点击登录，会进入以下界面

因为是模型，不需要验证账号密码，再次点击登录 即可进入首页，首次登录默认为学生登录，如果是点击注册，会进入以下界面

因为页数的原因所以后两步省略了。再来看看主页，相当于一个缩小版的博客园，在这里面可以浏览其他人的博客，并进行收藏等操作，如下图

点击我的班级，可以进入聊天的界面，在这个界面就类似QQ一样，学生所加入的班级都会有这样的一个群聊，这样就很方便大家一起交流、学习

点击我，可以进入以下界面

在这个页面我们可以查看我们加入的班级，如下图

还可以查看我们加入的班级所发布的作业，右上角可以选择加入的班级，如下图

点击写作业，然后可以选择当前选择班级已经发布的并且未完成的作业

如果点击了助教/老师认证，可以通过学号或者教职工号以及密码来进行验证，验证通过，头像旁边会变成相应的助教/或者老师，进行验证之后 以上功能会有一点点小的变化

如果验证为助教，那么作业界面会多一个发布作业的按钮，用于作业的发布

同样在已加入的班级这里面，助教会多一个按钮叫做 我管理的班级，从这里可以对管理的班级中的学生进行评价

如果验证为老师的话，那么作业界面是查看成绩以及作业的发布

在已加入的班级中，老师可以对学生的成绩进行查看，同时可以查看自己创建的班级，并进行管理

网页端的话，是给老师用的，老师也可以通过web网页查看学生成绩，管理班上的学生，以及教学内容的发布

以下是班级成员管理

以下是班级成绩管理

以下是教学内容的发布

还有一个是班级博客，在这里面我们可以查看，班级中其他同学发表的博客

前往小程序点我

前往web端点我