首页 > 其他分享 >实验一:原型设计—大学生搜题app

实验一:原型设计—大学生搜题app

时间:2024-04-12 17:45:04浏览次数:28  
标签:功能 界面 app 搜题 搜索 设计 原型

一、实验题目:原型设计

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

三、实验要求

(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)我的界面
  • 功能:提供用户的个人信息管理、设置和历史记录查看。
  • 界面组成:头像、昵称、个人资料编辑、题目收藏记录,搜索记录等。
  • 前置条件:用户已完成登录。
  • 后置条件:用户可以查看和编辑个人信息,管理搜索历史。
  • 操作步骤:点击“我的”进入个人中心,选择相应的功能进行操作,如点击头像进行资料编辑,点击设置进行个性化配置。

    六、界面流程

标签:功能,界面,app,搜题,搜索,设计,原型
From: https://www.cnblogs.com/bianweihan/p/18131264

相关文章

  • APP上架流程解析
    在当今数字化时代,移动应用程序已经成为企业和个人推广业务、增加收入的重要途径之一。然而,许多开发者却面临着一个共同的问题:他们不知道如何将自己开发的应用程序上架到应用商店中。本文将深入探讨APP上架的流程,并为您提供详细的指导,以便顺利将您的App推向市场。准备上架所需......
  • 实验1 原型设计
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求:(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。-墨刀(Modao)适用领域:主要用于快速的移动应用和网页原型设计。适合设计师和非技术背景的人员使用,以及需要快速迭......
  • 原型模式
    1、原型模式的原理如果对象的创建成本比较大,而同一个类的不同对象之间差别不大(大部分字段都相同),在这种情况下,我们可以利用对已有对象(原型)进行复制(或者叫拷贝)的方式来创建新对象,以达到节省创建时间的目的。这种基于原型来创建对象的方式就叫作原型设计模式(PrototypeDesignP......
  • 手机商城APP-vivo
    1.墨刀是一款在线原型工具,具有丰富的组件库和模板,允许设计师创建具有丰富交互元素的原型。可以快速创建各种类型的原型。还支持实时协作和云端存储,方便团队成员之间的沟通和合作。优点:墨刀支持实时协作,团队成员可以在原型上直接评论和批注,方便及时沟通和反馈;多人在线编辑:墨刀......
  • 二手交易平台原型设计
    一:墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。1.墨刀:适用领域:适合用于APP和微信小程序的原型设计。优点:能够控制组件,并且模板自动匹配调整大小,使得设计体验流畅。同时操作简单,界面友好。具有丰富的组件库和模板库,可快速创建各种类型的原型。缺点:交互的深......
  • 实验1 原型设计
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。墨刀(Modao)适用领域:墨刀是一款在线的原型设计工具,主要用于移动应用和网页设计的原型设计。它非常适合快速原型......
  • 时光音乐原型设计
    目录一、原型设计工具对比1.Axure优点:缺点:2.墨刀优点:缺点:3.Mockplus优点:缺点:4.对以上三款工具优缺点总结二、对音乐原型设计因素说明原型图页面展示1.登录界面说明2.首页界面说明3.播放界面说明4.我的界面说明时光音乐原型设计一、原型设计工具对比1.Axure优点:1.功能强大,支持......
  • 智慧校园外卖app
    分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。墨刀(MockingBot):适用领域:墨刀适用于团队协作、快速原型设计和交互设计。它提供了丰富的组件库和交互功能,能够帮助设计师快速创建高保真度的原型。优点:简单易用:墨刀的界面简洁明了,操作简单,适合新手上手使......
  • uniapp做微信小程序遇到的一些问题汇总
    1.当我写完代码想手机预览的时候,小程序的启用组件按需注入显示未通过 加一句搞定//启用组件按需注入问题  "lazyCodeLoading":"requiredComponents", 2.微信开发者工具-右上角-详情-基本信息-代码依赖分析-可以看哪些文件比较大(如static下不超过200K,一般情况图片都......
  • 实验一 ——如果高情商跟说话APP
    一、原型工具优缺点对比墨刀、Axure、Mockplus都是常见的原型设计工具,它们在适用领域和优缺点上有着各自的特点:墨刀:适用领域:墨刀适用于快速原型设计和团队协作。它的界面简洁易用,支持多种交互和动画效果,适合用于移动应用和网页的设计。优点:简单易上手,无需编码经验;提供丰富的交......