首页 > 其他分享 >实验一-原型设计-虎扑评分APP

实验一-原型设计-虎扑评分APP

时间:2024-04-23 17:46:11浏览次数:19  
标签:界面 评分 APP 用户 点击 球员 搜索 原型

一·对比分析墨刀,Axure,Mockplus等原型设计工具的各自的适用领域及优缺点。
1.墨刀
适用领域:墨刀适用于快速原型设计和交互设计,特别适合于移动应用、网页和小型项目的设计,并且提供丰富的组件库。
优点
用户界面简单直观,易于上手。提供了丰富的组件库和模板,方便用户快速创建原型。支持在线共享和协作,便于团队协作和用户反馈。
缺点
功能相对较为简单,不够强大。在复杂项目和大型团队中可能不够灵活和高效。
2.Axure
适用领域
Axure适用于复杂的交互设计和高保真原型设计,特别适合于大型项目和团队合作。它提供了丰富的交互组件和高度可定制的交互行为,可以满足各种复杂场景的设计需求
优点:功能丰富,功能丰富,高保真度,团队协作。
缺点:功能较为复杂,学习曲线较陡,需要一定时间来掌握和熟练使用。商业版的价格较高。
3.Mockplus
适用领域:适用于快速原型设计和中等复杂度的交互设计,特别是对于中小型团队和个人设计师
优点
丰富组件库: 提供丰富的预置组件和模板,方便用户快速搭建原型界面。简单易用且成本较低。
缺点
功能相对简单, 相比于其他工具,协作功能相对弱,不太适合大型团队使用。
二·原型设计
1.设计主题:虎扑评分
2.功能:虎扑评分是虎扑体育推出的一款评分软件,主要功能包括:
体育赛事球员评分:用户可以对篮球、足球、排球等体育赛事的比赛球员的表现进行评价。
查看其他用户评分和评论:用户可以查看其他观众对同一场比赛球员的评分和评论,进行对比和分析。
3.界面设计考虑因素:适合多种人群进行多元化的评价,需要简明直观的主题,考虑用户习惯和行为模式,使界面操作符合用户预期。
使用合适的色彩和图标,营造舒适的视觉体验。保护用户个人信息和数据安全,采取适当的安全措施和加密技术。
4.界面设计
(1)登录页面

界面功能:选择自己习惯的方式登录APP
界面组成:新用户注册以及手机登录,微信登录,QQ登录以及其他多种登录方式,用户协议以及隐私协议等
前置条件:打开虎扑评分APP
后置条件:进入登录页面
操作步骤:通过输入手机号密码和第三方账号进行登录,等待成功进入APP主页
(2)评分-“我的”页面

界面功能:展示用户的基本信息以及相关功能
界面组成:用户的头像名字等基本信息,包括我的“关注”和“评分记录”以及相关应用等。
前置条件:单击“我的”页面
后置条件:进入我的页面后,展示我的相关信息
操作步骤:点击“我的”页面查看个人信息,也可自行修改。编辑自己的主贴也可以查看自己的回帖,进入会员中心,查看会员权益
(3)搜索页面

界面功能:用户可以在搜索输入框中输入关键词来进行搜索操作。
界面组成:搜索输入框,搜索按钮,搜索结果以及热门搜索词组成
前置条件:用户登录后点击搜索框
后置条件:用户提交搜索请求后,搜索引擎会返回相关的搜索结果
操作步骤:点击搜索入口,输入搜索关键词提交后等待搜索结果
(4)搜索-结果界面

界面功能:搜索结果预览,显示搜索匹配的内容列表,例如文章、帖子、用户等
界面组成:搜索结果列表,搜索结果预览
前置条件:点击搜索按钮,等待搜索结果
后置条件:浏览搜索结果进行其他操作,或者返回前一页
操作步骤:用户可以点击搜索结果列表中的任何一项来查看详细信息或执行其他操作,浏览结果。
(5)评分界面

界面功能:点击评分: 用户可以点击评分按钮来给特定内容进行评分。可以看到每日更新的虎扑评分榜查看热门评分。
界面组成:评分图标或按钮,用户可以点击进行评分。当前评分显示区域,显示当前内容的平均评分或用户自己的评分。
前置条件:用户需要进入虎扑平台并找到需要评分的内容,例如文章、帖子、视频等,才能进行评分操作。
后置条件:用户提交评分后,评分数据会被记录并影响到内容的整体评分,后续用户访问该内容时可以看到最新的评分情况。
操作步骤:找到需要评分的内容: 浏览内容后,找到用户想要进行评分的具体内容。进入评分界面: 点击或触摸内容旁边的评分按钮或链接,进入评分界面。
(6)球员评分

界面功能:可以了解评分详情:点击某个球员的评分信息,以查看更详细的评分内容,包括得分细则、技术统计等。
界面组成:球员列表区域,评分详情区域
前置条件:搜索出球员
后置条件:查看或参与球员评分,了解球员表现
操作步骤:点击球员评分入口或链接,进入球员评分界面
(7)界面切换流程图

标签:界面,评分,APP,用户,点击,球员,搜索,原型
From: https://www.cnblogs.com/lichaolili/p/18146778

相关文章

  • 搭建SSM框架mapper.xml映射开发方式
    搭建SSM框架mapper.xml映射开发方式学习目标本节我们将学习如何搭建SSM框架映射文件开发方式,也就是将sql语句放在mapper.xml文件中进行开发,适用于频繁更新需求的项目。搭建方法pom.xml引入依赖以下依赖项为最低需求,可根据功能需要增加相关依赖。<?xmlversion="1.0"encodin......
  • centos8报错错误:为 repo 'appstream' 下载元数据失败 : Cannot prepare internal mirr
    出现如下错误的错误:为repo‘appstream’下载元数据失败:Cannotprepareinternalmirrorlist:NoURLsinmirrorlist原因在2022年1月31日,CentOS团队终于从官方镜像中移除CentOS8的所有包。CentOS8已于2021年12月31日寿终正非,但软件包仍在官方镜像上保留了一段时间。现在......
  • 为什么Mybatis Mapper不需要实现类?
    在学习Java动态代理之前,我想让大家先思考这样几个问题。JDK动态代理为什么不能对类进行代理?MybatisMapper接口为什么不需要实现类?目录代理模式说到Java动态代理,就不得不提代理模式。为什么要使用代理模式呢?生活中对代理模式的使用无处不在,例如明星经纪人对明星业务的代理;......
  • uniapp使用z-paging插件
    1.通过dcloud插件市场下载,导入Hbuiderx,参考官网:https://z-paging.zxlee.cn/start/install.html#%E9%80%9A%E8%BF%87%E6%8F%92%E4%BB%B6%E5%B8%82%E5%9C%BA%E5%AE%89%E8%A3%852.通过npm下载(uniapp小程序项目发现通过npm下载方式,主包体积比方式1小,所以使用)npminstallz-pa......
  • Web3核心概念解析:区块链、加密货币、DApp和智能合约
    Web3是指第三代互联网,它是由区块链技术和加密货币驱动的新一代互联网。在Web3中,用户可以更加安全、透明和去中心化地进行交互和传输价值。为了更好地理解Web3,我们需要了解一些核心概念。 区块链:区块链是一种分布式的、不可篡改的数据库,它以块的形式存储交易记录。每个块都包......
  • 数字养殖通风散热仿真APP助力科学养殖
      数值模拟技术的应用为解决养殖场的通风散热问题提供了强有力的解决工具。通过对养殖场进行几何建模,输入相关材料与边界参数,通过相关的CFD算法计算,就可以得到养殖场内的温度和速度变化情况。通过对不同条件的计算结果对比,就可以得到在养殖场设计问题上需要的关键参考数据,如......
  • 机械设备仿真APP专辑
    机械设备仿真APP专辑专注于机械系统仿真的应用程序集合。这些APP利用先进的物理引擎和仿真技术,为工程师、设计师和技术人员提供了一种便捷、高效的工具,用于模拟和分析机械系统的运动、动力学、强度和其他相关性能。https://www.simapps.com/i/simmech.html阀门仿真,精准模拟,优化流......
  • 电工电气仿真APP专辑
    电工电气仿真APP专辑电工电气仿真软件能够构建虚拟的电气系统模型,并在计算机上运行这些模型以预测实际系统的行为。通过仿真,工程师可以测试不同的设计方案、优化系统性能、评估故障情况,并在实际构建系统之前进行详细的验证。https://www.simapps.com/i/simelectrician.html开关......
  • 前端【uniapp】06-uniapp【练习项目 · 神领物流】【任务【交付】【回车登记】【已完
    uni-app(神领物流)项目实战学习目标:能够独立完成回交付、回车登记的功能能够自定义回车登记交互组件能够使用Pinia实现组件间数据共享能够打包发布H5、小程序和App项目应用能够配置App的图标及启动屏幕一、【神领物流】任务1、交付司机在将货物运达目......
  • 前端【uniapp】03-uniapp【练习项目 · 神领物流】
    uni-app(神领物流)项目实战学习目标:能够对Pinia进行初始化操作掌握创建Store及数据操作的步骤能够对Pinia数据进行持久化的处理掌握uniForm表单验证的使用方法能够根据业务需求配置请求/响应拦截器一、【神领物流】项目启动本节的主要任务是获取项......