首页 > 其他分享 >实验一 二手交易平台APP原型设计

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

时间:2024-04-16 12:44:05浏览次数:16  
标签:界面 APP 二手交易 用户 原型 物品 设计 墨刀

一、实验题目:原型设计
二、实验目的:掌握产品原型设计方法和相应工具使用。
三、实验要求
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]

标签:界面,APP,二手交易,用户,原型,物品,设计,墨刀
From: https://www.cnblogs.com/sun-fangwei/p/18133317

相关文章

  • 实验一原型设计——网抑云在线听歌APP
    1、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。(1)墨刀(MockingBot):适用领域:墨刀适合初级到中级的原型设计者,特别适用于快速设计简单的界面原型,可用于移动应用和网页设计。优点:界面简洁,易于上手,对于不熟悉专业设计软件的用户友好。支持在线......
  • 实验一:在线听歌APP原型设计
    一、原型设计工具的各自的适用领域及优缺点墨刀:适用领域:交互设计:墨刀提供了丰富的交互组件和动画效果,能够快速创建具有交互功能的原型。移动应用原型设计:墨刀专注于移动应用的原型设计,支持各种常见移动设备的屏幕尺寸和分辨率。用户测试和反馈收集:墨刀支持在线分享原型,轻......
  • 肖sir__app实战运用
    一、打开模拟器 二、cmd中打开dos命令adb connect  127.0.0.1:62001   三、安装测试包adb install  D:\app\baiduyuedu_3760.apkE:\dcs\two\app\mojibase.apk  四、打开appium    五、( 定位元素没有xpath的就删除原有uiautomatorviewer.......
  • 在线听歌-原型设计
    一、墨刀、Axure、Mockplus原型设计工具的对比分析(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点1、优点:墨刀:(1)墨刀拥有PC端、手机端、网页版,可以随时随地进行产品原型设计。(2)墨刀控件的拖拉、大小的调整,都会自然去匹配相应母版的大小,无需去担心有多......
  • Scratch3之AI集成 - flappy bird AI版本
    AI神秘且有趣,我们一个经典的游戏flappybird集成AI,实现自训练成长的聪明的笨鸟。先上效果:初始化的笨鸟拥有分身,每个分身都有自我学习功能,根据自己的移动轨迹和得分情况进行汇总,进行新一代的笨鸟的迭代,基本经过数十轮的训练和迭代,能完成高智慧的笨鸟,自我闯关能力强。 需要了解......
  • 实验一原型设计—恰饭app
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求:对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。答:1.适用领域:墨刀:墨刀是一款在线的移动应用原型与线框图工具,适合设计团队和个人用户使用,用于移动端和We......
  • 实验一原型设计——东南西北行app
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。墨刀、Axure和Mockplus都是流行的原型设计工具,它们各自在适用领域和优缺点上有所不同。以下是对这些工具......
  • 肖sir__app搭建笔记(18)
    app搭建一、app自动化测试环境和用途:主要用于做app端UI自动化,熟悉adb命令(a表示安卓,d表示debug,b表示桥)adb是连接手机设备二、搭建环境的工具(1)jdk  已安装,java的一种编译器 (本地windows安装)(2)android-sdk 软件开发工具组,里面存放一些类和函数    (3)appium-pyt......
  • 肖sir__app测试之介绍(18.0)
    app测试app功能测试和app自动化测试===============================(一)app手工测试app手工测试:就是在app上进行手工测试app自动化测试使用代码或工具来代替手工测试(二)web测试和app测试区别?(1)单纯从功能测试的层面上来讲的化,app测试、web测试在流程和功能测试上是没有区别(2)......
  • 实验一 驾考app
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。好的,下面是对这三款原型设计工具的适用领域及优缺点的分析比较:墨刀适用领域:适用于移动应用和网站的快......