一、实验题目:原型设计
二、实验目的:掌握产品原型设计方法和相应工具使用。
三、实验要求
(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。
(2)利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。主题可以是高校二手交易平台、高校社团、在线听歌、老年手机、家庭相册管理等。
四、原型设计工具优缺点分析
(1)墨刀
更偏向于“交互向”的原型设计工具,早期大部分用户使用的是web版本,简单高效的制作APP端交互,快速的可以放在手机端进行演示和体验,真正的让产品体验放在研发之前,提前确认效果,降低研发试错成本。
优点:
1、近乎完美的原型演示效果,几乎可以以假乱真,适合产品设计确认与交互验证。
2、丰富的元件,无需自己编写直接使用。
3、非常方便分享给他人,预览速度非常快。
缺点:
1、不适合做文档,只适合做交互设计(很多产品经理会把原型图修改为需求文档给研发)。
2、由于事件系统比较简单,无法演示复杂的交互效果,比如需要变量控制页面,数据排序等。
(2)Axure
更偏向于“技术向”的客户端产品设计工具,可能是因为“国内早期的产品岗大都是从技术岗转型而来”,自然对这种“类IDE”编程语言向的设计工具更加热衷。
优点:
1、即可以画图,又可以做文档,画图的难度比PS低,写文档比word灵活。
2、Axure有一套非常强大的交互编辑器,可以实现复杂的逻辑的关系处理,使得模拟更加真实。
3、使用成本几乎为零
缺点:
1、不好看,在设计师眼中,Axure的默认元件和样式都无法接受。
2、学习成本高,高级元件的使用有一定学习门槛。
3、手机端演示效果差,服务器不在国内,自带元件库用处不大等
(3)Mockpuls
更适用于快速原型设计和小型团队协作。它注重简洁高效,提供丰富的组件和模板,适合用于简单的移动应用和网页的设计。
优点:
1、基础版免费使用,操作简单,上手快,交互简单(只需拖曳就可以),功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。
2、有原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品。
3、mockplus有组件库和图标库,界面设计较为方便。
缺点:
1、不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的。
2、表格功能还需要完善。
五、实验过程
实验选题为大学生搜题app,软件的主要功能为拍照搜题、文字搜索与学习资料以及互动交流与学习社区等多项功能。这些功能使得大学搜题酱成为了一款全面、实用的学习工具,满足了学生在大学学习过程中的各种需求。以下是该APP的主要界面及其功能、界面组成、前置条件、后置条件和操作步骤的简单说明:
(1)登陆界面
用户可以手机号登陆,或者使用其他方式登录如微信,QQ或Apple ID。登录即视为同意《用户服务协议》《用户隐私政策》。
(2)首页界面
- 功能:提供主要的搜题功能入口,展示热门搜索和推荐资料。
- 界面组成:搜索框、热门搜索、推荐资料、功能入口(如拍照搜题、文档搜索等)。
- 前置条件:打开APP并完成必要的登录或注册。
- 后置条件:用户可以进行题目搜索或访问推荐内容。
- 操作步骤:用户在搜索框输入问题关键词,点击搜索按钮或直接选择热门搜索中的问题进行查询。
(3)拍照搜题 - 功能:通过拍摄题目照片快速获取答案。
- 界面组成:相机界面、拍摄预览、上传按钮。
- 前置条件:用户已授权相机使用权限。
- 后置条件:上传照片后,系统展示搜索结果。
- 操作步骤:点击拍照搜题图标,对准题目进行拍摄或上传已有照片,然后上传等待搜索结果。
(4)文字搜索 - 功能:搜索特定教材或资料的相关内容。
- 界面组成:搜索框、搜索按钮。
- 前置条件:用户知道所需搜索题目的内容。
- 后置条件:展示与输入内容相关的搜索结果。
- 操作步骤:在搜索框输入教材名称或扫描条形码,点击搜索查看相关内容。
(5)我的界面 - 功能:提供用户的个人信息管理、设置和历史记录查看。
- 界面组成:头像、昵称、个人资料编辑、题目收藏记录,搜索记录等。
- 前置条件:用户已完成登录。
- 后置条件:用户可以查看和编辑个人信息,管理搜索历史。
- 操作步骤:点击“我的”进入个人中心,选择相应的功能进行操作,如点击头像进行资料编辑,点击设置进行个性化配置。
六、界面流程