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

问题一

1.墨刀

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

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

2.Axure

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

3.Mockups

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

问题二

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

1. 介绍app：

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

2. 功能描述：

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

3. 页面演示

1.游戏商城主页

界面功能

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

界面组成

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

前置条件

• 用户打开并登录app

后置条件

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

操作方法

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

2.搜索页面

界面功能

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

界面组成

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

前置条件

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

后置条件

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

操作方法

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

3.商品列表

界面功能

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

界面组成

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

前置条件

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

后置条件

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

操作方法

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

4.商品详情页

界面功能

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

界面组成

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

前置条件

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

后置条件

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

操作方法

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

5.购买页面

界面功能

• 用户购买游戏商品

界面组成

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

前置条件

• 用户付款完成之后

后置条件

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

操作方法

• 直接点击即可查看信息

6.个人主页

界面功能

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

界面组成

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

前置条件

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

后置条件

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

操作方法

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

7.客服页面

界面功能

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

界面组成

• 返回按键
• 输入框

前置条件

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

后置条件

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

操作方法

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

4. 界面切换流程图