在线听歌原型设计作业

发布时间 2023-04-17 11:51:50作者: momo_CD

一.对比分析墨刀、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)下载管理界面

文字注释:

本界面继承主界面的跳转功能,并继承返回主界面功能;

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