首页 > 其他分享 >实验一原型设计————电商系统

实验一原型设计————电商系统

时间:2024-04-27 21:24:23浏览次数:20  
标签:功能 微信 实验 设计 原型 Axure 电商 墨刀

一、实验题目:原型设计

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

三、实验要求

(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。
1.墨刀:

适用领域:
产品设计,项目管理,可以利用墨刀绘制流程图,明确项目流程和时间节点,提高项目执行效率。

优点:

支持多种平台的原型设计,如Web、iOS、Android等,还提供了强大的共享创建功能,方便用户在手机上预览原型。
产品界面简洁易用,用户只需使用简单的拖放功能即可创建原型。同时,该工具也支持自定义组件库,用户可以将自己常用的组件保存在其中,以便在以后的项目中重复使用。
不仅适用于产品设计,还适用于项目管理、团队协作等多种场景,真正实现了设计与协作的无缝对接。
团队成员可以方便地与客户或开发人员共享设计及代码规范,并且可以更容易地跨部门合作。
缺点:

墨刀在交互效果、控件组合、操作面板的选择上可能不如其他原型设计工具(如Axure)灵活。
部分功能需付费:墨刀的部分高级功能,如更强大的共享创建功能,可能需要付费才能使用。
2.Axure:

适用领域:
大型项目和Web应用程序的原型设计,视觉稿和高保真原型设计以及大型复杂项目。

优点:

生态圈相比其他原型工具更为丰富和完善。有大量的教程、视频、原型和元件库可供用户参考和学习,如Axure中文网、产品大牛等社区网站都提供了丰富的资源。
在视觉设计和交互层面有出色的表现。它提供了丰富的交互事件和规则,使得用户可以制作出非常多而且流畅的交互效果,这在其他原型工具中是很难达到的。
缺点:

操作相对复杂,上手难度较大。
价格相对较高,不适合小型团队或个人使用。
3.Mockplus:

适用领域:
软件团队和个人在软件开发的设计阶段使用。

优点:
1.界面和操作方式直观易用,用户无需长时间学习即可快速上手。
2.注重低保真设计,这使得它能够很好地表达自己的设计,同时避免了高保真设计可能带来的复杂性和时间成本。
3.提供在线版的设计方式,适应不同团队的需求。

缺点:
1.与Axure相比,Mockplus的交互效果可能显得不够灵活和丰富。对于一些需要高交互原型的场景,Mockplus可能无法满足所有需求。
2.在大型项目中可能缺乏一些高级功能和定制能力。
(2)一款以出售商品为主的app
主题名称:旭东商城
功能:这是一款基于SpringBoot+Vue的电商管理系统,主要功能是实验商品的购买。
1.主页
功能:实现商品的浏览访问
界面组成:由搜索框,产品列表以及任务栏组成
前置条件:需要微信登陆才可以访问
后置条件:此页面为导航页面,可点击进入不同主题分页面
操作步骤:微信搜索小程序即可进入

2.个人中心
功能:查看账户状态
界面组成:由个人头像,订单状态,退出登录
操作步骤:微信搜索小程序即可进入

3.商品预览页面
功能:查看商品的详细信息
界面组成:商品图片,商品价格,评论区
前置条件:必须登录才可以购买,必须购买了商品才可以实现评论
操作步骤:微信搜索小程序即可进入

4.商品选配页面
功能:查看商品配置信息
界面组成:商品价格,商品图片,商品配置情况
操作步骤:微信搜索小程序即可进入

标签:功能,微信,实验,设计,原型,Axure,电商,墨刀
From: https://www.cnblogs.com/furongji/p/18147275/furongji

相关文章

  • 实验3 C语言函数应用编程
    1#include<stdio.h>2#include<stdlib.h>3#include<time.h>4#include<windows.h>5#defineN8067voidprint_text(intline,intcol,chartext[]);//函数声明8voidprint_spaces(intn);//函数声明9voidprint_blank_......
  • 实验19-使用keras完成语音识别
    版本python3.7tensorflow版本为tensorflow-gpu版本2.6运行结果:  注意:在运行wavs_to_model.py时候需要切换版本:python3.6tensorflow1.14结果: ......
  • c语言实验三
    task1#include<stdio.h>#include<stdlib.h>#include<time.h>#include<windows.h>#defineN80voidprint_text(intline,intcol,chartext[]);//函数声明voidprint_spaces(intn);//函数声明voidprint_blank_lines(intn);//函数声......
  • C语言实验三
    **Task1**点击查看代码#include<stdio.h>#include<stdlib.h>#include<time.h>#include<windows.h>#defineN80voidprint_text(intline,intcol,chartext[]);//函数声明voidprint_spaces(intn);//函数声明voidprint_blank_lines(i......
  • 实验3 C语言函数应用编程
    1.实验任务11#include<stdio.h>2#include<stdlib.h>3#include<time.h>4#include<windows.h>5#defineN8067voidprint_text(intline,intcol,chartext[]);8voidprint_spaces(intn);9voidprint_blank_lines(intn);//函......
  • 实验3
    task1#include<stdio.h>#include<stdlib.h>#include<time.h>#include<windows.h>#defineN80voidprint_text(intline,intcol,chartext[]);//函数声明voidprint_spaces(intn);//函数声明voidprint_blank_lines(intn);//函数声......
  • 实验3 C语言函数应用编程
    实验任务1#include<stdio.h>#include<stdlib.h>#include<time.h>#include<windows.h>#defineN80voidprint_text(intline,intcol,chartext[]);//函数声明voidprint_spaces(intn);//函数声明voidprint_blank_lines(intn);//函数声......
  • 实验3
    task1点击查看代码#include<stdio.h>#include<stdlib.h>#include<time.h>#include<unistd.h>#defineN80voidprint_text(intline,intcol,chartext[]);//函数声明voidprint_spaces(intn);//函数声明voidprint_blank_lines(intn);......
  • 实验16-使用GAN生成手写数字样本
    版本python3.7tensorflow版本为tensorflow-gpu版本2.6运行结果: 代码:from__future__importprint_function,divisionfromkeras.datasetsimportmnistfromkeras.layersimportInput,Dense,Reshape,Flatten,Dropoutfromkeras.layersimportBatchNormalizatio......
  • 实验14-1使用cnn完成MNIST手写体识别(tf)+实验14-2使用cnn完成MNIST手写体识别(keras)
    版本python3.7tensorflow版本为tensorflow-gpu版本2.6实验14-1使用cnn完成MNIST手写体识别(tf)运行结果: 代码:importtensorflowastf#Tensorflow提供了一个类来处理MNIST数据fromtensorflow.examples.tutorials.mnistimportinput_dataimporttime#载入数据集mn......