实验一 二手交易平台APP原型设计

news/发布时间2024/5/5 8:38:19

一、实验题目:原型设计
二、实验目的:掌握产品原型设计方法和相应工具使用。
三、实验要求
1.对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。
墨刀的适用领域及优缺点
适用领域
墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。
优点
(1)墨刀对于APP的原型设计体验很好,其控件的拖拉、大小的调整,都会自然的去匹配相应的母版大小。
(2)从记录想法的思维导图开始,到原型绘制,设计产出,流程图记录进程,产生的文件墨刀都能一站管理,作品之间能够互相导入导出,满足多样化的场景需求。
(3)原型区提供了许多兼具实用性与美感的高级组件,类型涵盖基础图标、页面、按钮、导航栏、弹窗、动态轮播、各式下拉菜单等......可以在素材广场中搜索不同类型的组件直接添
加到本地,拖拽即可复用.
(4)进行原型编辑时可直接拖动链接区域的小闪电图标到跳转页面。拖拽一下,就能实现页面跳转效果,动作+目标+动效,交互逻辑清晰可见。
(5)团队可以协作,交流方便。
缺点
(1)墨刀的定位为移动端原型设计工具,因此在交互效果上、控件组合上,操作面板的选择上都不如AXURE 灵活,并且效果切换因为是采用连线的方式,有时候会让使用者脑子错乱的感
觉。
(2)目前原型的交互效果系统自带的还比较少,但基本满足日常所有原型的使用。
(3)需要充费才能够使用更强大的共享创建功能。
Axure的适用领域及优缺点
适用领域
Axure是专门用来画原型的工具,当然也可以画流程图。也可以说,Axure是产品经理必备的工具,甚至是专门为产品经理设计的工具。鉴于Axure具有比较简单的文本编辑功能和表
格功能,因此做教学示意图,或者作为板书书写工具,也是可以的。
优点
(1)既可以画图,又可以做文档,画图的难度比PS低,写文档比word灵活。
(2)Axure有一套非常强大的交互编辑器,可以实现复杂的逻辑的关系处理,使得模拟更加真实。
(3)使用成本几乎为零
缺点
(1)不好看,在设计师眼中,Axure的默认元件和样式都无法接受。
(2)学习成本高,高级元件的使用有一定学习门槛。
(3)手机端演示效果差,服务器不在国内,自带元件库用处不大等。
Mockplus的适用领域及优缺点
适用领域
Mockplus用于软件产品的设计,包括原型设计、交互设计和用户体验设计,正式发布于2015年初,具有自主的研发技术和知识产权,为全球四千万的产品经理、项目经理、UX/UI设计师、开发工程师提供更快更简单的设计解决方案,为软件企业创造持续增长的价值。
优点
(1)基础版免费使用,操作简单,上手快,交互简单(只需拖曳就可以),功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。
(2)有原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品。
(3)mockplus有组件库和图标库,界面设计较为方便。
缺点
(1)不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的。
(2)表格功能还需要完善。
2.原型设计
(1)主题名称:清闲APP
(2)背景分析:在信息化产业蓬勃发展的时代背景下,二手交易也成为了电子商务产业的一个主流分支。就当代的大学生来说,一般都会选择在二手交易平台购买一些廉价的教材;对于临近毕业的大学生群体,二手交易平台更是一个出售闲置的好去处。
(3)功能:商品展示功能,实现用户登录注册,用户点评,购物车,订单管理,商品搜索功能,商品分类的功能。
(4)界面设计:清闲APP的主色调是绿色,绿色,代表可回收,进行二次利用。顾名思义,清闲,就是清理闲置的物品。字体大多统一,每个页面的图片和图片之间的距离、上下间距合理。
用户可以根据界面下方的导航栏进行点击,满足自己的需求。
3.界面
(1)登录界面

  • 功能:输入自己的账号密码进行登录,以便进行后续操作。
  • 界面组成:logo,用户昵称输入框,密码输入框,手机号输入框,验证码输入框,登录和注册按钮。
  • 前置条件:点击清闲APP,需要有提前注册过的账号。
  • 后置条件:进入APP主界面
  • 操作步骤:输入信息进行登录。

    (2)主界面
  • 功能:可以搜索自己想要的物品,通过用户经常浏览的物品分析喜好。
  • 界面组成:搜索框,推荐,地址,分类。
  • 前置条件:用户登录成功。
  • 后置条件:点击状态栏的任意图标可以跳转到所点击的页面。
  • 操作步骤:滑动浏览。

    (3)搜索界面
    功能:进行搜索,通过分类将商品分区展示,让顾客有更好消费体验感,可以更精准的定位到自己想要的商品。
    界面组成:搜索框,商品分类区,商品展示区。
    前置条件:点击主界面的搜索框。
    后置条件:搜索到自己想要的物品。
    操作步骤:可以搜索想要的物品、分区观看感兴趣的物品、滑动浏览推荐页的商品。

    (4)会玩界面
  • 功能:各个用户可以分享自己的心情,互相交流。
  • 界面组成:文字,图片,粉丝数,关注,广场,好货,推荐。
  • 前置条件:用户点击“会玩”。
  • 后置条件:看到其他用户的分享。
  • 操作步骤:可以看到其他用户的分享,可以关注自己喜欢的用户,喜欢的内容。

    (5)卖闲界面
  • 功能:发布自己闲置的物品,转卖自己的物品,回收物品。
  • 界面组成:发布、回收、转卖按钮,返回按钮。
  • 前置条件:用户点击“卖闲”
  • 后置条件:发布,回收,转卖。
  • 操作步骤:可以发布自己想要卖的闲置物品,将物品转卖到其他平台,回收自己想要的物品。

    (6)消息界面
    功能:和其他用户交流,搜索聊天记录。
    界面组成:通知消息,互动消息,设置,可能感兴趣的人。
    前置条件:用户点击“消息”
    后置条件:看中了某件商品,和卖家咨询,互动。
    操作步骤:与商家或买家进行沟通。

    4.界面切换流程

    墨刀演示
    [https://modao.cc/proto/V9PnkY9Esbr5haiMCgnj/sharing?view_mode=device&screen=rbpU9alSZ5dBrzDnY&canvasId=rcU9alTWfWeOurjH #未命名原型-分享]
    视频演示
    [【12-26-58】 https://www.bilibili.com/video/BV12r421V7Mf/?share_source=copy_web&vd_source=4deafdc9daabe00bd0dea4b66bf81e30]

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ulsteruni.cn/article/03087004.html

如若内容造成侵权/违法违规/事实不符,请联系编程大学网进行投诉反馈email:xxxxxxxx@qq.com,一经查实,立即删除!

相关文章

一周涨 15k Star 的开源项目「GitHub 热点速览」

https://www.cnblogs.com/xueweihan/p/18137334你训练大语言模型(LLM)用的什么框架?有没有想过不用框架训练 GPT-2? GitHub 上就有这么一位大神(Andrej Karpathy),他仅用大约 1k 行的 C 代码就完成了 GPT-2 模型的训练,代码纯手撸、不依赖任何机器学习框架,作者这么做…

大报文之道:优化策略与实践

写在前面 在做正常的需求开发时,当我们提供了一个接口或是调用别人接口时,我们需要考虑接口除了正常的逻辑处理外,还需要考虑接口能接收报文的上限,性能,响应时间等一系列非功能性需求。如果不注意这些问题,就可能在某一天的某个时刻收到一系列系统告警,严重者甚至导致系…

FlinkSQL 实时同步 MySQL

本文主要介绍了使用 FlinkSQL 实现 MySQL 数据的实时同步。准备工作MySQL 数据库(version: 5.7.25),注意,MySQL 数据库版本必须大于 5.6,否则不支持。开启 MySQL 的 log-bin: [mysqld] # Binary Logging. log-bin=mysql-bin server-id=1Flink (version : 1.15.4)添加 fli…

FlinkSQL 实时数据同步

准备工作MySQL 数据库(version: 5.7.25),注意,MySQL 数据库版本必须大于 5.6,否则不支持。开启 MySQL 的 log-bin: [mysqld] # Binary Logging. log-bin=mysql-bin server-id=1Flink (version : 1.15.4)添加 flink-connector-jdbc-1.15.4.jar 和 flink-sql-connector-mys…

关于虚拟机内存和JVM内存设置的思考

关于虚拟机内存和JVM内存设置的思考背景 最近有同事总问JVM的设置问题. 之前总结过不少. 但是感觉没法讲对方说服 当然了, 自己能力有限, 只能自说自话. 现在这个就是留存一个底稿. 希望能人能帮忙解释关于内存和CPU的观点 CPU的能力有上限. 一般情况下不建议让CPU处于高峰作业…

04-drf视图层详细

drf的request请求 这里的request请求是基于APIView的,也就是新的request 正常情况下,request请求分为:urlcoded、json、form-data,可以控制只接受哪一个请求导入模块 from rest_framework.parsers import JSONParser, MultiPartParser, FormParser模块 描述 请求JSONParser…