首页 > 其他分享 >实验一 原型设计—游戏商城app

实验一 原型设计—游戏商城app

时间:2024-04-12 21:02:54浏览次数:26  
标签:界面 游戏 app 用户 原型 按钮 搜索 商城 页面

问题一

1.墨刀

是一款在线原型工具,具有丰富的组件库和模板,允许设计师创建具有丰富交互元素的原型。可以快速创建各种类型的原型。还支持实时协作和云端存储,方便团队成员之间的沟通和合作。
优点:

墨刀支持实时协作,团队成员可以在原型上直接评论和批注,方便及时沟通和反馈;
多人在线编辑:墨刀可以通过网页在线编辑的方式推进工作,还能将项目分享给团队成员,实现多人在线编辑,提高协作效率;
云端存储:墨刀支持云端存储,团队成员可以随时随地访问和编辑项目,不受时间和地点的限制。
缺点:
功能相对较为简单,对于复杂交互和动效的设计支持有限;
在大型项目中可能会遇到性能问题
安全性和保密性没有保障

2.Axure

是一款功能强大的交互设计工具,被广泛用于创建高保真度的原型和交互式场景。Axure具有丰富的交互组件和动态面板,可以模拟复杂的用户行为和动态效果。
优点:
提供强大的交互功能,支持复杂的交互设计和动态效果的展示;
可以生成高保真原型,接近最终产品的效果,有助于用户测试和产品演示;
支持团队协作和版本控制,适合多人合作开发。
缺点:
学习曲线较陡,需要一定的时间来掌握其功能和操作;
价格较高,对于个人用户或小团队可能不太实惠;
手机端演示效果差,服务器不在国内,自带元件库用处不大;

3.Mockups

是一种静态的、以图像为基础的原型工具,它允许设计师创建具有高保真度的用户界面原型.。
优点:
操作简单,拖拽式的界面设计方式,适合快速搭建原型;
提供丰富的交互组件和模板,支持常见的交互设计需求;
价格相对较低,适合个人用户和小团队;
缺点:
功能相对较为简单,不适合复杂交互和高保真原型设计;
在大型项目中可能缺乏一些高级功能和定制能力;
页面流程图不能自由操作

问题二

实验主题名称:游戏商城app

1. 介绍app:

以下是一个关于游戏商城的原型设计,商品独特,提供正版低价游戏,游戏预售、游戏促销折扣、免费游戏、游戏周边等游戏激活及周边购买服务,还有游戏新闻资讯、游戏攻略、玩家交流等应有尽有,是正版玩家的专业信赖平台,用户可以随时随地搜索自己需要的游戏。在本次的原型设计中,我们采用了导航栏设计,提升了用户的体验,画面也更加简洁。

2. 功能描述:

  • 在游戏商店app主页可以进行游戏的浏览和搜索
  • 浏览游戏商城列表,和游戏的详情页面,和下单购买
  • 查看个人主页,可以与专属客服进行交流

3. 页面演示

1.游戏商城主页

界面功能

  • 在主页进行部分商品的浏览
  • 可以直接进入商品的详情页面
  • 可以在这此页面参加活动,了解优惠等功能

界面组成

  • 搜索框
  • 浏览页面
  • 导航栏
  • 活动跳转图标
  • 购物车按钮
  • 消息按钮

前置条件

  • 用户打开并登录app

后置条件

  • 可以通过点击该界面的按钮,进行各个页面的跳转

操作方法

  • 页面上方可以进行游戏商品的搜索,页面中间可以进行活动的跳转,页面下面导航栏可以方便用户使用

2.搜索页面

界面功能

  • 可以搜索全部的游戏商品
  • 记录之前的历史搜索
  • 显示当前热门的游戏排名

界面组成

  • 搜索框
  • 历史搜索
  • 热门搜索排名
  • 返回按钮

前置条件

  • 用户打开主页后点击搜索按钮,显示该页面

后置条件

  • 可以通过点击该界面的按钮或者点击该界面的热门搜索,进行画面的跳转,跳转到商品的详情页

操作方法

  • 在搜索框输入查找的游戏即可,如不需要可点击左上角按钮返回到主页

3.商品列表

界面功能

  • 根据标签查找全部的商品,同时也可以使用搜索栏进行精准搜索

界面组成

  • 搜索框
  • 标签栏
  • 导航栏
  • 返回按钮

前置条件

  • 用户打开主页后,点击导航栏商店图标

后置条件

  • 进行画面的跳转,跳转到商品的详情页

操作方法

  • 可以通过点击搜索或者直接点击商品,查看详情

4.商品详情页

界面功能

  • 用户对感兴趣的游戏商品进行详细的了解

界面组成

  • 立即购买按钮
  • 分享按钮
  • 返回按钮
  • 游戏商品页面

前置条件

  • 用户点击商品,进入此页面

后置条件

  • 用户点击立即购买后跳转到购买页面

操作方法

  • 可以通过点击分享按钮,分享给其他人
  • 点击立即购买,购买该游戏商品

5.购买页面

界面功能

  • 用户购买游戏商品

界面组成

  • 订单信息
  • 搜索栏
  • 返回按钮
  • 删除订单按钮

前置条件

  • 用户付款完成之后

后置条件

  • 用户可以在该页面了解自己的订单信息

操作方法

  • 直接点击即可查看信息

6.个人主页

界面功能

  • 用户查看个人信息,可以充值SVIP等操作

界面组成

  • 用户信息
  • 用户订单信息
  • 导航栏

前置条件

  • 用户通过导航栏跳转到个人界面

后置条件

  • 用户可以在该页面了解自己的个人信息

操作方法

  • 直接点击即可查看信息详情

7.客服页面

界面功能

  • 用户可以和人工客服进行沟通交流

界面组成

  • 返回按键
  • 输入框

前置条件

  • 用户通过个人页面点击专属客服

后置条件

  • 用户和客服反映自己待解决的问题

操作方法

  • 直接输入问题等待客服回复

4. 界面切换流程图

标签:界面,游戏,app,用户,原型,按钮,搜索,商城,页面
From: https://www.cnblogs.com/HongQQ/p/18131978

相关文章

  • 实验一原型设计
    一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。(1)墨刀(Moqupslus)优点:易用性高:墨刀提供了直观易用的界面,让用户能够快速上手。在线协作:支持团队在线协作,多人可以实时编辑同一个项目。可视化编辑:提供丰富的可视化编辑工具,方便用户创建高保真的原......
  • 汽车信息与交易平台原型设计
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。(2)利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。主题可以是高校二......
  • 网易云音乐搜索与播放APP设计
    一、原型工具优缺点对比墨刀、Axure、Mockplus都是常见的原型设计工具,它们在适用领域和优缺点上有着各自的特点:墨刀:适用领域:墨刀适用于快速原型设计和团队协作。它的界面简洁易用,支持多种交互和动画效果,适合用于移动应用和网页的设计。优点:简单易上手,无需编码经验;提供在线协......
  • 背单词APP
    一、对墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点的分析1.墨刀适用领域:网页设计和移动应用界面设计快速原型制作和协作设计用户体验设计和交互设计优点:(1)界面直观,上手简单,适合初学者快速学习和使用。(2)支持实时协作,多人可以同时在同一个项目上工作,提高团队协......
  • apple 各手机尺寸说明
     iPhone是苹果公司最受欢迎的产品线之一,其尺寸从4英寸到6.7英寸不等。以下是iPhone各型号的尺寸:机型屏幕尺寸(英寸)分辨率(pt)像素(pixel)图片后缀iPhone4/4s 3.5(326ppi) 320x480 640x960 @2xiPhone5/5c/5s/SE1 4(326ppi) 320x568 640x1136 @2xiPhone6/6s/7/8/SE2-3 4.7(326ppi) 375......
  • 实验1 原型设计
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求:(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。一、Axure的优缺点1.适用领域:适用于复杂的桌面和移动应用设计。适合需要高度交互设计和详细文档输出的专业设......
  • 实验一原型设计
    对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点1.墨刀优点:云端操作,网页分享,墨刀的APP原型可以支持下载在手机里界面优美整洁。简洁的界面在一定程度上有助于提高开发人员的效率。强大的演示能力。墨刀在轻量......
  • 原型设计
    用原型设计工具制作《微信界面跳转》一、常见使用的原型设计工具墨刀、Axure、Mockplus.下面是墨刀、Axure、Mockplus等原型设计工具优、缺点以及适用领域(1)优点:墨刀:容易上手,界面很简单明了一些,和PPT类似左面是自己的项目页面右面是对项目添加的一些操作;可以直接生产分享链接和......
  • 音乐软件原型
    对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。答:适用领域墨刀:适合移动端原型设计,尤其是APP原型设计。Axure:适合Web端原型设计,也可以用于APP原型设计。Mockplus:适合Web端和移动端原型设计,尤其是快速原型设计。优点墨刀:操作简单,上手容易,......
  • 实验一:原型设计—大学生搜题app
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。(2)利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。主题可以是高校二......