软件工程实验1-产品原型设计

一、实验题目:原型设计

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

三、实验要求

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

  适用领域:

    1. 墨刀:
          * 中低保真原型:墨刀可以快速创建和测试产品原型,适合在产品初期进行低保真原型设计。
          * 快速原型:墨刀拥有丰富的组件库和模板库,可以快速搭建产品原型,提高设计效率。
          * WEB/移动端/平板原型:墨刀支持多种设备预览,可以方便地设计不同设备的原型,满足多平台产品设计的需求。
          * 线框图:墨刀提供了丰富的线条和形状工具,可以方便地绘制线框图,帮助设计师更好地规划产品界面布局。
          * 视觉稿:墨刀支持导入图片和自定义颜色、字体等,可以设计出高保真的视觉稿,满足设计师对细节的追求。

    2. Axure:
          * 产品设计:Axure可以帮助产品设计师快速构建原型,以供团队评估和迭代。
          * 用户交互设计:Axure可以帮助交互设计师快速绘制交互流程图,确定用户导航和体验。通过Axure的交互设计功能,可以更好的向开发人员交流设计意图。
          * 用户测试和反馈:Axure可以帮助团队进行用户测试和反馈,推动产品迭代和优化。

    3. Mockplus:
          * 中低保真原型设计:Mockplus适用于制作中低保真的产品原型,帮助设计师快速构建产品框架和界面布局。
          * 快速原型制作:Mockplus提供了丰富的UI元件库和模板,方便设计师快速制作实际效果的交互原型,提高设计效率。
          * 团队协作和审阅:Mockplus支持多人在线协作和评论功能,方便团队成员之间的沟通和审阅,促进团队协作和产品设计的完善。
          * 线框图和视觉稿设计:Mockplus提供了线条和形状工具,可以绘制线框图,并支持导入图片和自定义颜色、字体等,满足设计师对视觉稿的设计需求。
          * 多设备预览:Mockplus支持多设备预览,包括手机、平板和电脑等,方便设计师在不同设备上查看和测试原型效果。

  优点:

    1. 墨刀:
          * 容易操作:轻松拖放设置,将创意转化为产品原型。
          * 演示方式多样:真实设备边框、沉浸式全屏、离线模式等多种演示方式,项目演示效果逼真。
          * 团队协作方便:能够和同事一起编辑设计原型,提高效率;一键分享,发送给他人,分享方便;也可以打点样机,收集意见,高效合作。
          * 交互简单:只需拖动即可实现页面跳转,还可以通过界面实现复杂的交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。
          * 自动化标注与图形切割:把项目的链接分享给开发者,不需要登入就能直接获得每个元素宽高、字体间距、字体颜色等信息,支持一键下载。
          * 素材库丰富:内置了丰富的行业素材库,还可以创建自己的素材库,共享团队组件库,可以直接使用高频素材。

    2. Axure:.
          * 具有丰富的设计模式:AxureRP包括流程图、线框图、交互模型等,用户可以快速梳理产品的逻辑结构,从而加快产品开发过程。
          * 操作简单易学:与其他原型设计工具相比,AxureRP的操作非常简单,即使没有设计经验的用户也可以快速掌握各种设计技巧,实现创造力。
          * 具有实时显示产品交互细节的强大交互功能:在设计阶段,用户可以直观地感受到产品的体验,并及时进行修改和优化,从而提高最终产品的质量。
          * 可以一键生成需要的需求文档:通过注释、word文档生成等功能,能直接生成需要的特定格式的需求文档,提高效率。
          * 可以进行项目共享:Axure具有项目共享功能,使得同事间可以同步工作,并保留所有工作历史,并可以随时导出历史版本的项目文档。

    3. Mockplus:
          * 操作简便:无需繁琐学习,即可快速上手。
          * 兼容性强:无论是安卓App、iOS App,还是Windows和Mac OS的桌面程序,甚至是Web原型设计,Mockplus都能无缝兼容,适应快速迭代的开发模式。
          * 团队协作方便:创建原型后,只需邀请团队成员加入,批注功能让交流更加高效,每一次修改和建议都能实时保存,实现国内独有的高效协作体验。
          * 功能丰富:提供内置拖放组件,支持页面和组件一键克隆,简单方便的导出选项可以快速完成设计的图片或HTML输出,快捷页面和组件库有助于进一步提高工作效率。
          * 设计体验好:独特的素描风格保证了设计草图的质量,手绘风格的组件能带给用户真实的绘画体验感。

  缺点:

    1. 墨刀:
          * 交互效果不够灵活:墨刀内置的交互效果包括点击、滑动、滚动等,做高保真原型的时候不够用。
          * 效果切换可能会让用户产生错乱的感觉:因为墨刀采用连线的方式实现页面跳转,有时会让用户产生错乱的感觉。
          * 不适用于PC端:墨刀主要是用于设计移动APP原型,不适用于PC端,交互效果、控件组合、操作面板的选择上都不够灵活。
          * 模板较少:墨刀提供的模板较少,可能不能满足一些用户的需求。
          * 学习成本高:虽然墨刀的操作相对简单,但对于初学者来说,仍然需要一定的学习成本来掌握其使用技巧。

    2. Axure:
          * 学习成本高:Axure的功能架构较为专业庞大,对新手的要求较高,需要花费较多的时间在学习和熟悉软件上。
          * 在线协作效率低:尽管Axure可以连接到其他工具和服务进行协作,但其在线协作效率较低,上传速度较慢,可能会影响产出。
          * 使用成本高:Axure仅可以免费试用30天,而专业版则需要付费购买,对于个人用户和小团队来说可能是一笔不小的开销。
          * 对移动端设备支持不足:尽管Axure可以创建高保真度的原型,但它在移动端设备上的支持并不够完善,可能会存在一些兼容性问题。

    3. Mockplus:
          * 不支持鼠标悬停:这是Mockplus的一个明显缺陷,对于需要展示鼠标悬停效果的设计来说,可能会造成一些不便。
          * 手机预览效果不佳:在预览或导出为手机应用时,可能会发现一些细节或布局问题,这需要在设计时进行更多的调整和优化。
          * 日历表组件是静态的:这可能会限制一些需要动态日历功能的设计需求。
          * 表格功能需要完善:对于需要复杂表格设计的需求,Mockplus可能无法完全满足。
          * 组件库和图标库有限:虽然Mockplus提供了一些基本的组件和图标,但对于一些特定需求或个性化设计,可能会发现可用的资源有限。

(2)利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。主题可以是高校二手交易平台、高校社团、在线听歌、老年手机、家庭相册管理等。

四、主题名称:学习网

五、功能分析:

  • 屏幕界面:
    手机主屏幕界面。

  • 首页界面:
    首页提供了学习课程的功能。

  • 消息界面:
    消息界面可以查看近期老师的消息,也可以查看对应课程的情况。

  • “我的”界面:
    我的界面具备了自己的个人信息,同时还兼备了待办,图书,笔记等功能。
    六、界面设计:

七、具体界面分析

  • 主屏幕界面:

  • 主页界面:
    可以查看对应的课程,对应的课程有相应的连接,供用户进行学习。

  • 消息界面:
    可以看到课程发布的消息和通知,也可以和其他人进行交流聊天。

  • 我的界面:
    进行个人信息的查看,还能进行一些附加功能。

八、界面切换流程
通过单击对应的图标即可触发各个页面的交互效果。

九、实验原型:https://rp.mockplus.cn/run/uJnlaGFzyv/bNCqXgVlsu?cps=expand&rps=expand&nav=1&ha=1&la=1&fc=1&dt=none&out=0&rt=1&as=true

posted on 2024-04-14 14:04  Symbol、King  阅读(60)  评论(0编辑  收藏  举报