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

随笔3个月前发布 极品香烟
33 0 0

问题一

1.墨刀

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

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

2.Axure

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

3.Mockups

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

问题二

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

1. 介绍app:

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

2. 功能描述:

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

3. 页面演示

1.游戏商城主页
实验一 原型设计—游戏商城app

界面功能

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

界面组成

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

前置条件

用户打开并登录app

后置条件

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

操作方法

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

2.搜索页面
实验一 原型设计—游戏商城app

界面功能

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

界面组成

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

前置条件

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

后置条件

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

操作方法

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

3.商品列表
实验一 原型设计—游戏商城app

界面功能

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

界面组成

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

前置条件

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

后置条件

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

操作方法

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

4.商品详情页
实验一 原型设计—游戏商城app

界面功能

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

界面组成

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

前置条件

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

后置条件

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

操作方法

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

5.购买页面
实验一 原型设计—游戏商城app

界面功能

用户购买游戏商品

界面组成

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

前置条件

用户付款完成之后

后置条件

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

操作方法

直接点击即可查看信息

6.个人主页
实验一 原型设计—游戏商城app

界面功能

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

界面组成

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

前置条件

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

后置条件

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

操作方法

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

7.客服页面
实验一 原型设计—游戏商城app

界面功能

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

界面组成

返回按键
输入框

前置条件

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

后置条件

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

操作方法

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

4. 界面切换流程图

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

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...