在线听歌原型设计作业

Posted 2023-04-17 momoCD

本随笔仅为本人学习使用。

一.对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点

　　

1. 墨刀：

　　　　(1) 优点：

　　　　　　① 用户界面简单易用，易上手

　　　　　　② 支持多人制作，可同时完成一份文件

　　　　　　③ 可以导出多种格式的文

　　　　(2) 缺点：

　　　　　　① 无法进行复杂场景交互

　　　　　　② 自定义组件支持较弱

　　　　　　③ 在线协作时文件过大会出现卡顿

　　　　(3) 适用领域：

　　　　　　① 中小型项目

1. Axure：

　　　　(1) 优点：

　　　　　　① 功能强，支持复杂交互设计

　　　　　　② 可以自定义组件

　　　　　　③ 支持多人协作，可分工合作完成

　　　　(2) 缺点：

　　　　　　① 操作复杂，不易上手

　　　　　　② 界面繁琐，需学习时间

　　　　　　③ 文件较大时会出现卡顿

　　　　(3) 适用领域：

　　　　　　① 大型项目和复杂交互场景

1. Mockplus:

　　　　(1) 优点：

　　　　　　① 操作简单，易上手

　　　　　　② 支持多种模板

　　　　　　③ 支持多人协作

　　　　(2) 缺点：

　　　　　　① 仅支持简单的交互

　　　　　　② 自定义组件支持较弱

　　　　　　③ 无法支持多样化交互

　　　　(3) 适用领域：

　　　　　　① 中型项目

 

二.原型设计

1.本组选择的原型设计主题为在线听歌，本组设计提供以下功能:

（1）在界面中进行相互跳转

（2）一键返回主页面功能；

2.本组制作了1张流程图，16张界面设计图

　　界面设计图分别为：

（1）主界面

（2）听歌识曲界面

（3）下载管理界面

（4）歌单界面

（5）歌曲信息界面

（6）视频界面

（7）视频播放界面

（8）个人信息界面

（9）编辑个人信息界面

（10）设置界面

（11）签到及关注界面

（12）关注界面

（13）邮件通知界面

（14）播客界面

（15）播放列表

（16）直播界面

本组的原型设计作业参考了网易云音乐PC端的界面设计，本组认为此程序界面功能丰富的同时又不冗杂，给人的直观感觉很清新舒适；

我在本此作业中负责(1)(2)(3)(4)四项及流程图的设计；

 

2.在本次原型设计作业中我负责以下几个页面的原型设计工作：

(1)主页面:

该界面是本组原型设计的核心界面，可以通过此界面进入其他各界面,点击播客则跳转至播客界面。

文字注释：

此界面为本组作业的初始界面，可通过以下热区跳转至其他界面；

文字区域描述:

视频则跳转至视频界面，关注则跳转至关注界面，直播则跳转至直播界面了，收藏的音乐则跳转收藏歌单界面，下载的音乐则跳转至下载管理界面；

图标区域描述:

：点击此图标则跳转至个人信息编辑界面;

：点击此图标则跳转至签到及关注界面;

：点击此图标则跳转至设置界面;

：点击此图标则跳转至信息提醒界面;

：点击此图标则跳转至听歌识曲界面;

 

：点击此图标则跳转至播放列表界面;

：点击此区域则跳转至当前播放歌曲的具体信息及歌词界面；

 

(2)听歌识曲界面

文字注释:

此界面继承了主界面中大部分的跳转功能，并添加了返回主界面功能；

此界面需要在任意界面中点击听歌识曲图标进入；

图标注释:

：点击此图标则跳转回主界面;

(3)收藏歌单界面：

文字注释：

此界面继承主界面的跳转功能并具有返回功能(同上);

此界面需要在任意界面中点击收藏的音乐区域进入；

 

(4)下载管理界面

文字注释：

本界面继承主界面的跳转功能，并继承返回主界面功能；

此界面需要在任意界面点击下载的音乐区域进入;

 

原型设计

 

课程类别	软件工程
作业要求	作业要求
作业目标	学习原型设计

 

 

 

一.工具选用

    作为原型设计工具，这类工具都具有一个显著的特点，为交互式设计提供框架，利用框架描述的方法进行软件设计，将描述的页面模块化，可以不使用代码就能完成以模块为基础的设计，同时支持团队协作。

1.墨刀

优点：模块化呈现方便，在网页上就可以使用

 

 

 缺点：网页容易崩溃，受到中心服务器影响

 2.AXURE

 

 

优点：拥有强大的模板库，使用方便

 

缺点：对专业化要求高，需要进行系统学习

 

 3.Mockplus

 

 

优点：使用十分简单 ，上手容易，功能较全

 缺点：很多新出的东西不能立即运用，东西收费，限制因素多

二.作业要求

项目需求如下：

面向普通学生和社团管理员，集合了各个社团的信息，特色功能是活动的浏览和报名，以及活动的发布、审核与通知，同时还具有加入社团、发送站内信等功能。

项目背景和解决的痛点：

学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。

社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。

因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。

项目面向的用户：

小程序： 主要面向西南石油大学学生，其中的社团管理功能，则面向社长等社团管理员。

网页端： 主要面向社长等社团管理员，还能面向社联。

程序思路：本次作业使用墨刀，将于网页上进行

需求分析：

 用户端：

    1. 用户能够在程序中使用时，需要对程序进行注册，以确定身份，同时，具有查看活动的功能

    2.能在小程序上进行活动的参与与预约，能在个人主页上查看预约情况和参与的活动详细

    3.能够进行活动的签到

    4.用户能在活动后进行对活动的评价及意见

    5.拥有个人中心，在个人中心中能查看自己的社团，参加的活动

网页端：

   1.可以对活动进行发布，同时可以发布签到，查看签到情况，确认参加的社员

   2.拥有自己的主页，可以对自己的风采推送

   3.可以对自己的社员进行管理

三.作业链接

用户端：https://free.modao.cc/app/t1hzudx1kdk16fj8akbizg3ws7cov

网页端：https://free.modao.cc/app/c0b98396uotk16kgqj2s7srlbeh967