top

原型设计

这个作业属于哪个课程 https://edu.cnblogs.com/campus/fzu/2020SpringW
这个作业要求在哪里 https://edu.cnblogs.com/campus/fzu/2020SpringW/homework/10400
结对学号 221701414,221701431
这个作业的目标 学习并设计产品原型
作业正文 https://www.cnblogs.com/aahorse/p/12365343.html
其他参考文献 https://www.iconfont.cn


一、效能分析和 PSP

PSP2.1 Personal Software Process Stages 预估耗时(分钟) 实际耗时(分钟)
Planning 计划 150 160
Estimate 估计这个任务需要多少时间 30 25
Development 开发 200 210
Analysis 需求分析 (包括学习新技术) 800 810
Design Spec 生成设计文档 90 80
Design Review 设计复审 10 10
Design 具体设计 200 230
Test 测试(自我测试,修改代码,提交修改) 50 50
Reporting 报告 150 150
Test Repor 测试报告 20 20
Size Measurement 计算工作量 10 10
Postmortem & Process Improvement Plan 事后总结, 并提出过程改进计划 120 130
合计 1830 1885

这次作业的时间主要花在了需求分析阶段。因为这次作业是两个人合作,所以在交流意见的时间也花了不少。前期制定的 PSP 表,在完成作业的过程中,基本能够按照计划执行。不足的是,做出来的东西还有很多地方需要完善。


二、原型模型设计工具

本次作业原型模型设计采用:墨刀


三、博客 PDF 附件

pdf下载


四、NABCD 模型


1.需求(N)

最近的武汉新冠状病毒牵动着全中国人民的心,提到新冠状病毒,不得不提 17 年前的那一场同样席卷全国的非典。

非典爆发的年代,信息不发达,各种传闻闹得沸沸嚷嚷,人们获取信息的渠道过少,谣言更是助长了病毒的肆虐,使得人们普遍处于一种恐慌的状态。

现如今,信息相对发达,智能手机已经基本普及,我们希望通过开发一个手机 APP 来满足人们希望获取疫情实时信息的心理,缓解面对疫情紧张的情绪。

对此,我们拟定了一下需求:

核心需求

  • a.软件简单易用。在 Android 手机端即可操作。
  • b.可以通过全国地图上的颜色情况大概了解确诊人数区间。
  • c.可以获得全国的感染、疑似患者、治愈和死亡人数。
  • d.可以通过点击省份来具体查看省份的感染、疑似患者、治愈和死亡人数。
  • e.可以显示该省份到目前为止的新增确诊趋势、新增疑似趋势、治愈趋势和死亡趋势。

拓展需求

  • f.可以获得官方机构权威发布的最新的关于新冠状肺炎疫情信息。
  • g.可以通过设备的定位信息显示所在省份的疫情信息。
  • h.提供辟谣功能,将流传比较广的谣言做成排行榜。
  • j.提供图片疫情功能,此功能收集一些漫画加油图片集、以及一些与疫情相关的图片集

2.做法(A)

  • ① 对于需求 a:
    追求的较方便使用,并且我们选择 Android 手机端作为我们的界面。

  • ② 对于需求 b、c、d、e:
    关于应用的数据问题,我们将爬取网上的数据,以获得全国和各省市的疑似患者人数,感染人数,治愈人数,死亡人数,放入数据库中,并定时更新相应的人数。以完成需求 b、c、d、e。

  • ③ 对于需求 g:
    我们将获取设备定位权限,若用放行权限,我们获得省份信息后,从数据库中提取相应的信息展示给用户看。

  • ④ 对于需求 f:
    我们将爬取最新的有关疫情的新闻。出于尊重原编者的知识产权,我们仅提供新闻的标题供点击后跳转至新闻原界面。

  • ⑤ 对于需求 g:
    我们将从网上利用爬取对应的谣言内容和相应的权威辟谣内容。放入数据库,每日定时检查更新。

  • ⑥ 对于需求 h:
    我们通过爬取相关的信息,进行展示。

  • ⑧ 对于需求 j:
    需求 j ,这是一个新的功能,也是我的一种尝试。这个功能前期计划通过人工爬取图片的方式,获得资源。在后面版本升级时,可以增加用户上传功能。

  • (为了尊重知识产权,我们会附带信息来源,并且本项目任何内容仅作为学习使用,不用做商业盈利。)


3.好处(B)

  • ① 能够快速了解全国的疫情情况。还有所在省市的疫情情况。
  • ② 收集整理关于疫情的新闻资料。让用户能更好更容易的了解和掌握疫情的发展和防治情况。
  • ③ 收集整理和谣言,并给出了辟谣。让用户能更好的分辨所接受到的信息是否可信。让用户
    免于谣言的侵扰。

(以下是一条让人痛心的新闻,可见谣言是多么的可怕!)

image

4.竞争者(C)

疫情当头,很多互联网大公司都提供了自己的关于疫情信息查询的功能。据不完全统计,包括支付宝、微信、知乎、哔哩哔哩、百度等,都提供了相关的产品。作为学习型开发者,小打小闹,但也拔高到他们的层次,客观分析。

竞争者的优势

  • 市面上的相关产品,都由专业的团队开发和维护。
  • 拥有众多的用户,能够迅速得到海量的用户使用反馈,便于优化。

同样都实现的功能

  • 查看全国疫情的情况。
  • 获得特定省份的疫情情况。
  • 查看疫情的趋势图。
  • 辟谣功能。
  • 收集发布权威信息功能。

同竞争者相比所有的优势

  • 开发的程序服务的受众面小,更具有针对性。
  • 一键分享朋友圈,在家待久了难免会闲得想发一下朋友圈。
  • 提供图片疫情功能。简单的说,区别于传统的新闻显示模式,增加这个功能的目的是为了换一种方式对疫情进行展示。比如说,一些带有数据的新闻,我们可以通过将数据转化为数学图像,然后再将数学图像转化为图片,这样子只需要通过看一张图片,就可以了解一则新闻。当然,我们的产品不是撰写新闻,而是提供这样子的一个平台,服务用户。


    举例子:
    下面这一组图片集,完全可以是一篇传统的新闻稿,但是央视将其拆成的图片的形式,使得显示出来的信息更为直观。但是看了许多相关的产品,并没有将这种形式的新闻单独拎出来,通过对需求的分析,我们注意到了这一点。所以,在本次需求原型设计中,我们增加了图片疫情这个功能,专门用来为这样子的新闻或者某些有意义的图片组,提供一个展示的平台。
    image
    image
    image

5.推广(D)

值得注意的一点,这个产品具有很强的针对性,导致最有效的使用时间会很短,但是我们希望的是,在疫情过后,设计的产品可以转型,保留主要功能,剔除过时功能。

① 前期推广到班级和自己所在的地方进行一定程度的试用,根据反馈意见,完善产品不足。使得产品质量趋于稳定。

② 使用产品参加比赛或者其他推广活动,让使用过的人进行推荐,将用户扩大到学校学院和更广的地区使用。进一步得到反馈并更新产品。

③ 完善产品后,将产品推广上架软件商城供用户下载使用并获得用户意见修改完善硬件内容。


五、项目实现过程

先说总结:每次作业都是一次从零开始的摸索,这次也不例外。这次作业完成后,基本学会了用墨刀设计原型,也开始明白需求要打在用户痛点处,这样的产品才有竞争力。


1)开发工具的选择

在作业博客里面,列出了一系列可选择的开发工具,了解过后,决定在 Axure Rp 和墨刀间二选一。权衡如下:① 墨刀界面操作简单,适合快速上手;② 墨刀设计 App 有较好的环境,包括很多自动完成的步骤;③Axure Rp 操作复杂,适合专业人群;④ 目前只是把墨刀当做一个辅助表达需求的软件,可以满足要求。


2)设计思路

本着先重后轻的原则,计划先完成主干需求,再添加额外功能。主干需求包括:直观显示疫情信息部分,有:疫情地图、疫情表格、疫情曲线图。额外功能包括:辟谣功能、实时疫情信息功能、图片疫情功能。


3)遇到的问题

这次又是新的东西,实现过程中,遇到了不少的问题。

① 合作沟通问题

结对完成后,开始准备开始写作业。但是发现两个人之间无法发起 QQ 语音交流。对于这个问题,我们很果断地选择了通过打电话的方式。


② 需求确定问题

我们知道,网上早已有各种疫情相关的产品。并且,作业需求里面提到的东西,网上也有现成的。如何才能让我们的产品稍微有竞争力,我们两个人通过讨论,有所收获。

我们希望通过增加一个图片看疫情的功能,让用户通过图片直观地感受疫情各方面的影响。并且,把这个功能更作为我们区别同类产品的创新点。


③ 墨刀技术实现问题

一开始接触墨刀的时候,对于里面涉及的组件、状态、链接区域等概念不熟悉。

后面通过对视频教程的学习,很快就解决了。


**④ 地图高亮问题**

实现地图高亮其实一开始就开始考虑的一个问题。

但是,后面在原型中并没有真正解决这个问题。

我们只是通过已有的图片,设置热力区域,来回切换图片来表达这一个需求。

对于这个问题,如果换一个工具,可能会有彻底的解决方式。


**收获**

遇到问题,解决问题,这是一个摸索的过程,是一个增长经验的过程。在整个开发过程中,有些地方做得很好,比如说两个人通过讨论,确定需求,确定创新点。也要地方做得不好,比如说地图高亮的问题。

这次作业最大的收获是,对自己又是一次历练,增长了产品原型方面的经验。并且因为现在由于疫情原因,是在家里面做项目,所以有对于如何平衡家庭、工作以及学习,也是一种很大的考验。


六、结对过程

结对前是有所考虑的,因为一个负责前端,一个负责后端才是最佳的搭配。

以下是寻求结对过程:

image

以下是电话讨论过程:

image

黎猛男为了照顾郑猛男的颜值问题选择了拨打电话的方式。 -----BB 语


以下是结对讨论照片:

image
image

七、产品原型


原型地址:https://free.modao.cc/app/08f0783f1012d6fec1edc35f024065e849aaefda?simulator_type=device&sticky

八、总结

郑斯彬:

在最先看到作业的时候,对于原型开发工具的使用是懵逼的。两脸彷徨无助,不知道怎么弄出地图原型,但时间紧,任务重。只能硬着头皮上去弄。在 axureshop 上面发现有付费原型可以使用,但因为家境原因,只能自己动手干。最终在集众人智慧后弄出还行的原型。这次的实践让我们了解到了原型设计也需要掌握复杂的交互和动态功能,在学习实践的时候不能只想着直接上手写,要学着适应现代软件工程的构建方法。

黎家泽:

说到合作,已经很久没有和别人一起合作开发东西了,这次和郑斯彬的合作还是挺愉快的。
再说说项目,开始逐渐体验到了软件设计从零开始的过程,并且意识到了软件设计的整体观。慢慢地摸索,一步一步前行。

posted @ 2020-02-26 16:53  aaHorse  阅读(...)  评论(...编辑  收藏