首页 > 其他分享 >实验一:原型设计---大麦app(抢票平台)

实验一:原型设计---大麦app(抢票平台)

时间:2024-04-16 17:33:06浏览次数:14  
标签:界面 app 抢票 用户 --- 原型 搜索 演唱会

实验一 原型设计--大麦app(抢票平台)

一、实验题目:原型设计
二、实验目的:掌握产品原型设计方法和相应工具使用。
三、实验要求

  • 原型设计的相关步骤
        需求分析:明确产品的功能和用户需求,了解产品的目标和用户的期望。
        初步设计:设计师需要根据需求和用户反馈,将概念转化为具体的设计方案。
        交互设计:用户与产品之间的交互方式和用户体验。
              1.信息架构:在产品中组织信息的方式,包括页面结构、导航和标签等。通过良好的信息架构,用户可以更快速地找到所需信息,提高用户体验。
              2.界面设计:设计产品的界面元素和布局,设计师需要考虑颜色、字体、图标等元素的选择和排列,以及用户与界面的交互方式。
              3.原型制作:模拟产品的功能和用户界面。通过制作原型,设计师可以更好地展示产品的交互方式,并与用户进行测试和反馈。

  • 对比分析原型设计工具
    -----墨刀
    优点:
        1.操作简单,简单拖拽就可以将想法,创意变成产品原型;
        2.通过简单操作就可以实现页面跳转,还可以通过交互面板实现复杂交互,多种手势和转场效果;
        3.云端操作,网页分享,墨刀的APP原型可以支持下载在手机里;
        4.墨刀更倾向于链接、二维码形式输出。
        5.快速创建页面连接,独创的拖拽连接方式,让页面间的连接关系清晰呈现出来。
        6.适用领域与用户群体:适用于产品经理、设计师、开发、销售、运营及创业者等用户群体,可用于搭建产品原型、演示项目效果以及团队协作。
    缺点:
        1.价格较贵;
        2.部分操作功能不是很自由;
        3.免费帐号只能创建3个项目,最多20个页面。等于完全不免费。
    ------Axure
    优点:
        1.有强大的编辑功能, 使得制作素材库会更便捷一点。
        2.更快的复制粘贴,素材库和原型库会多一些。
        3.可以项目共享,使得同事间可以同步工作,并保留所有工作历史,并可以随时到处历史版本的项目文档。
        4..适用领域与用户群体:适用于广泛的用户群体,包括商业分析师、信息架构师、可用性专家、产品经理等。它适合软件团队和个人在软件开发的设计阶段使用,可以满足各种创新需求。
    缺点:
        1.正版的Axure售价高,学生等群体可能负担不起。
        2.动态面板和中继器较为复杂,要完全弄懂也需要一定的时间成本,学习成本。
        3.Axure只支持本地设计。
    ------Mockplus
    优点:
        1.永久免费使用,操作简单,上手快,交互简单(只需拖曳就可以);
        2.功能多样,组件资源丰富,预览方式和导出类型多样;
        3.有原型演示,可以帮助前端设计师,后端程序员更好地理解你的原型产品。
        4.支持团队协作,矢量设计、实时协同、资源复用、快速编辑、兼容主流设计稿、自由开放的插件机制、素材插件市场、云存储等非常的多的功能。
        5.适用领域与用户群体:适用于各类设计师和开发者,尤其适合那些需要快速搭建原型和进行团队协作的用户。
    缺点:
        1.不支持鼠标悬停,手机预览不是很清楚,日历表组件市静态的,不支持手势交互。
        2.表格功能还需要完善。
    四、实验步骤
    1、主题名称:大麦app
    2、功能介绍:为用户提供了全国各地的演唱会、话剧、体育比赛、电影和展览等活动演出的选座购票服务,还为用户提供了多种特色栏目,如“热门演出”、“明星专区”、“演出日历”等,让用户随时随地了解最新最热门的演出信息。此外,大麦app还提供了专业的客服服务,无论是购票问题还是退票问题,都可以随时联系客服解决。
    3、具体由以下界面构成:

  • 首页

    • 界面组成:上方为搜索页,中间为各个项目的入口,其次是最近演出的相关介绍,最下方是实现四个的页面跳转。
    • 界面功能:可进行相关信息的搜索或抢票功能,了解个人信息详情。
    • 操作步骤:通过点击搜索框进行相关信息的搜索;通过点击演唱会进入演唱会详情界面,选择想要购票的演唱会或其他项目;点击抢票播报站购买蔡依林演唱会的票;点击最下方“我的”进入个人信息界面,实现页面跳转。
  • 搜索界面

    • 界面组成:由搜索框和搜索历史及一些相关推荐构成
    • 界面功能:搜索想要了解的演唱会信息
    • 操作步骤:通过点击取消可退回到首页
  • 演唱会界面

    • 界面组成:最上方为搜索框,下方是项目分类以及一些热门演出
    • 界面功能:搜索想要了解的演唱会信息,选择想要购票的明星
    • 操作步骤:点击搜索框进入搜索界面;通过点击蔡依林可进入蔡依林的抢票界面;
  • 我的界面

    • 界面组成:上方是个人信息的介绍,中间是会员中心及相关服务等,最下方是实现四个的页面跳转。
    • 界面功能:查询个人的相关信息及购票记录等
    • 操作步骤:通过返回键可返回首页,通过点击最下方精选,可跳转到首页,实现页面跳转。
  • 购票界面

    • 界面组成:演唱会举办地点,时间,相关要求,以及预约抢票等
    • 界面功能:了解演唱会具体详情以及要求;并进行购票;
    • 操作步骤:点击返回键可返回到首页 ;通过点击预约抢票可进入抢票界面;

      946714.png)
  • 预约抢票界面

    • 界面组成:最上方为标题;中间为预约场次,预约想看票档
    • 界面功能:了解抢票时间以及抢票价格,以便直接抢票
    • 操作步骤:通过返回键返回到预约抢票界面

4、界面切换流程图:

5、原型动态演示:
视频演示:https://www.bilibili.com/video/BV1Jw4m1m7ec?vd_source=661d914bc5d9767525f2abaad0ae57d6【大麦app原型设计】
摹客原型演示:https://rp.mockplus.cn/run/WPencBgbiW/WBaRYrIMrP?cps=expand&rps=expand&nav=1&ha=0&la=0&fc=1&dt=iphoneX&out=0&rt=1&as=true

标签:界面,app,抢票,用户,---,原型,搜索,演唱会
From: https://www.cnblogs.com/ZhouYoujing/p/18137176

相关文章

  • 洛谷题单指南-数学基础问题-P1403 [AHOI2005] 约数研究
    原题链接:https://www.luogu.com.cn/problem/P1403题意解读:计算1~n每个数的约数个数之和。解题思路:1、数学方法1~n的约数范围也在1~n,要计算每个数的约数个数之和可以从约数出发,比如约数是x,那么在1~n中一共有n/x个数包含x这个约数x从1一直枚举到n,就可以得出每个约数是多少个......
  • 微服务Spring Cloud17-
    一、概述随着互联网的发展,网站应用的规模不断扩大。需求的激增,带来的是技术上的压力。系统架构也因此也不断的演进、升级、迭代。从单一应用,到垂直拆分,到分布式服务,到SOA,以及现在火热的微服务架构,还有在Google带领下来势汹涌的ServiceMesh。我们到底是该乘坐微服务的船只驶......
  • 回溯-切割
    切割与子集切割切割问题类似于组合问题,区别在于组合是从给定集合选取单个元素用以组合,而切割问题则是决定给定集合中连续元素块并加以组合。例如对于字符串abcdef组合问题:选取a之后,在bcdef中选取第二个字符,选取b之后在cdef中选取第三个字符.......切割问题:切割a之后,在bcdef......
  • 程序帮助文档出处-好用
    作者:醉酒肥猫链接:https://www.zhihu.com/question/435258463/answer/3030709269来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。有个社区叫CSDN,你遇到的各种问题,社区里的人基本上也遇到过。有个网站叫菜鸟教程,从头到尾给你把知识点捋的顺顺溜溜。......
  • go语言使用go-elasticsearch/v8如何操作es8.x版本实现索引的增删查改
    import("context""encoding/json""fmt""github.com/elastic/go-elasticsearch/v8""github.com/elastic/go-elasticsearch/v8/esapi""github.com/elastic/go-elasticsearch/v8/esutil&......
  • FR107-ASEMI快恢复二极管FR107
    编辑:llFR107-ASEMI快恢复二极管FR107型号:FR107品牌:ASEMI封装:DO-41最大平均正向电流(IF):1A最大循环峰值反向电压(VRRM):1000V最大正向电压(VF):1.20V工作温度:-55°C~150°C反向恢复时间:50ns芯片个数:1芯片尺寸:mil引脚数量:2正向浪涌电流(IFMS):30A包装方式:50/管1000/盘3000/箱F......
  • 立创泰山派学习06--TF挂载及测试
    1、关机(poweroff)断电,再插入TF卡2、开机,查看内核日志dmesg|grepmmcdmesg-c(查看并清除内核日志)      或者fdisk-l    3、创建一个目录,用于挂载TF卡sudo mkdir/media/sdcard      或者直接挂载到/mnt/sdcar......
  • 【概率论】4.16 P134 -136
    ......
  • M-in-M
    SubsetSum3仍然是有\(N\)个数\(A_i\),仍然是要求子集数量使得子集里面的数的和为\(X\)。让我给你看看范围:\(1\leN\le\color{Red}{40}\)dp!\(1\leA_i\le\color{Red}{10^9}\)Uhhh......(ByGraph_editor)如图,在起点和终点已知的情况下,我们可以起点捜一半,终点捜一......
  • 借助Messenger实现ViewModel间通信(communitytoolkit-mvvm)
    两个VM:MainViewModel,TestViewModel需求:TestViewModel中发消息到MainViewModel处理写法1:  1.MainViewModel中注册消息处理函数WeakReferenceMessenger.Default.Register<string,string>(this,"AddItem",DoMessage)  2.参数2用于校验,参数3为消息处理函数  3.TestViewM......