首页 > 其他分享 >实验一原型设计——东南西北行app

实验一原型设计——东南西北行app

时间:2024-04-15 18:22:53浏览次数:30  
标签:界面 登录 app 用户 东南西北 原型 按钮 搜索

一、实验题目:原型设计

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

三、实验要求

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

墨刀、Axure和Mockplus都是流行的原型设计工具,它们各自在适用领域和优缺点上有所不同。以下是对这些工具的对比分析:

1.墨刀

适用领域: 适用于高保真原型设计,特别擅长处理复杂多交互项目。 安卓/iOS端项目的原型设计。

优点: 操作效率高,易于上手,对于初学者较为友好。

提供大量的素材和组件,方便用户快速构建原型。

支持下载到手机进行预览,方便在实际设备中查看效果。

缺点: 在后台和网页设计方面稍显乏力。

归档能力不足,对于大型项目的组织管理可能不够便捷。

输出形式更倾向于链接和二维码,不如其他工具支持多种输出格式。

2.Axure

适用领域: 适用于视觉稿和高保真原型设计。 大型复杂项目,特别是Web线框图和网页原型的设计。

优点: 强大的编辑功能,使得制作素材库和原型库更为便捷。

支持项目共享,便于团队成员间的协作和同步工作。

提供完整的教程和支持文档,有助于用户更好地学习和使用。

缺点: 正版软件售价较高,可能对一些用户群体构成负担。

动态面板和中继器等高级功能较为复杂,学习成本较高。

仅支持在本地进行设计,可能不如云端协作工具灵活。

3.Mockplus

适用领域: 适用于中低保真原型设计,快速构建原型。

WEB/移动端/平板原型设计,以及线框图和视觉稿的制作。

优点: 操作简单,上手快,适合快速原型设计。

交互设计简单直观,通过拖曳即可实现。

组件资源丰富,预览方式和导出类型多样。

缺点: 不支持手势交互,对于某些移动端项目可能不够满足需求。

在高保真原型设计方面可能不如墨刀和Axure强大。

综上所述,墨刀、Axure和Mockplus各自在适用领域和优缺点上有所不同。

(2)利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。

旅游手机软件主题名称:东南西北行

一、功能概述

“东南西北行”是一款集旅行规划、酒店预订、行程管理、社交互动等功能于一体的旅游手机软件。它旨在为用户提供全方位的旅行服务,帮助用户轻松规划旅程,享受愉快的旅行体验。

二、界面设计考虑因素

用户友好性:界面设计简洁明了,易于操作,使用户能够快速上手。

信息架构:信息布局合理,重要信息突出显示,方便用户快速获取所需信息。

视觉吸引力:采用美观的图标、配色和排版,提升用户的视觉体验。

三、功能概述

用户管理:提供用户注册、登录功能,保障用户信息安全,实现个性化服务。

兴趣定位:根据用户选择,分析旅游兴趣点,为用户推荐相关内容。

社区交流:用户可发布游记、分享经验,与其他旅游爱好者互动。

目的地搜索:提供全面的目的地搜索功能,包括景点、其他用户发布相关地点游记、旅游团、交通、民宿等。

收藏管理:用户可收藏心仪的景点、攻略、酒店等,方便日后查看。

好友聊天:支持用户与好友实时聊天,分享旅行中的点滴。

四、切换界面及功能说明

  • 登录界面

界面功能:用户输入账号和密码进行登录。

界面组成:输入框、登录按钮、用户协议等。

前置条件:用户打开软件。

后置条件:登录成功,同意用户协议,之后进入用户兴趣界面。

操作步骤:用户输入账号和密码,点击登录按钮。翻看服务协议并点击下方同意按钮,拒绝将返回登录界面

  • 用户兴趣定位界面

界面功能:展示旅游兴趣点,用户选择后获得个性化推荐。

界面组成:兴趣点列表、选择按钮。

前置条件:用户登录成功。

后置条件:根据用户选择,展示相应的推荐内容。

操作步骤:用户浏览兴趣点列表,选择感兴趣的内容,点击选择按钮。

  • 主界面

界面功能:展示热门城市推荐、兴趣推荐、旅游资讯等。

界面组成:顶部可以进行搜索,中部旅行推荐展示区并且可以选择酒店、飞机火车票、租车、美食,底部功能导航栏。

前置条件:用户登录成功。

后置条件:用户可进入其他功能界面或进行搜索操作。

操作步骤:用户打开软件,进入主界面,可浏览旅行推荐或点击底部导航栏进入其他功能界面。

  • 个人中心界面

界面功能:展示用户个人信息、充值提现、查询订单、积分、查看收藏等等。

界面组成:个人信息展示区、钱包、退出登录。

前置条件:用户点击主页顶部导航栏中的横杠按钮进入。

后置条件:用户可编辑个人信息、查看旅行记录、兑换积分等。

操作步骤:用户进入个人中心界面,浏览个人信息,查看自己钱包余额,进行积分兑换等操作。

  • 社区页界面

界面功能:展示用户发布的游记、经验分享,支持互动评论。

界面组成:动态列表、关注、评论、点赞等。

前置条件:用户登录成功。

后置条件:用户可浏览动态,发布新动态,参与评论互动。

操作步骤:用户浏览动态列表,点击发布按钮发布新动态或游记,或点击评论框进行评论。

  • 搜索页

界面功能:搜索用户想要去的地方

界面组成:包括搜索框、热门搜索词、历史搜索、广告等区域。

前置条件:用户在首页点击顶部搜索栏。

后置条件:用户可根据搜索结果进行进一步操作,如查看景点详情、预订酒店等。

操作步骤:用户在搜索框中输入关键词,点击搜索按钮,查看搜索结果。

  • 收藏页界面

界面功能:展示用户收藏的景点、攻略、酒店等信息。

界面组成:收藏列表、查看按钮、删除按钮等。

前置条件:用户登录成功,且有收藏内容。

后置条件:用户可查看、删除收藏内容。

操作步骤:用户浏览收藏列表,点击查看按钮查看详细内容,或点击删除按钮删除收藏。

  • 好友聊天页

界面功能:与用户好友实现聊天互动

界面组成:包括好友列表、聊天窗口、消息记录、群聊等区域。

前置条件:用户添加了好友。

后置条件:用户完成聊天后,可以退出聊天窗口,回到消息记录窗口,之后可以回到任意界面

操作步骤:用户可以与好友发起聊天,发送文字、图片等信息,也可以查看历史聊天记录。

四、界面切换流程说明

     用户打开软件后,首先看到登录界面,输入账号和密码登录。登录成功后,会让用户查看用户协议保障用户信息安全。第一次进入的新用户,可选择进入用户兴趣定位界面,选择自己感兴趣的旅游方式等等。同时也可以选择界面下方的跳过从而直接进入软件首页。进入首页后,软件根据之前用户的兴趣选择推荐相关旅游信息。用户也可随时切换到社区页界面,查看其他用户的游记和经验分享,也可以发布自己的动态和评论。当用户需要搜索特定目的地时,可以点击主页顶部的搜索栏进行搜索。同时,用户还可以进入收藏页界面,查看和管理自己收藏的景点、攻略等信息。在旅途中,用户还可以进入消息页界面,与好友实时分享旅行中的点滴。整个界面切换流程流畅,用户可以根据自己的需求轻松切换到不同界面进行操作。

演示视频:

实验一原型设计——东南西北行 (chaoxing.com)

 

标签:界面,登录,app,用户,东南西北,原型,按钮,搜索
From: https://www.cnblogs.com/mhsdoris/p/18136487

相关文章

  • 肖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条)。好的,下面是对这三款原型设计工具的适用领域及优缺点的分析比较:墨刀适用领域:适用于移动应用和网站的快......
  • 实现iOS App代码混淆
     简介在开发iOS应用程序时,保护代码安全是至关重要的。代码混淆是一种常用的技术,可以增加逆向工程的难度,防止他人对代码的篡改和盗用。本文将介绍如何实现iOSApp代码混淆的步骤和操作方法。整体流程下面是实现iOSApp代码混淆的整体流程: 接下来,我们将逐步介绍每个步骤的具......
  • 实验一——母婴购物App
    一、分析墨刀、Axure、Mockplus原型设计工具的各自的适用领域及优缺点(一)墨刀适用领域:适用于中小型项目的快速原型设计,尤其适合移动应用设计,需要云端操作和网页分享的场景。优点:1.用户界面简单易用,易上手,支持多人协作,可同时完成一份文件。2.交互制作功能强大,支持多种手势和转......
  • App内测分发是什么意思?内测方式有哪些?
    App内测分发是软件开发流程中的一个重要环节,主要目的是在正式发布前,将尚未公开的应用程序版本分发给特定的测试用户,以获取反馈并发现和修复潜在的问题。内测分发有助于确保应用的质量和用户体验,并减少在正式发布后可能遇到的bug或性能问题。具体来说,App内测分发的方式可以细分为......
  • Applescript成功实现imessage数据筛选,imessage蓝号检测,无痕检测是否注册imessage的
    一、imessages数据检测的两种方式:1.人工筛选,将要验证的号码输出到文件中,以逗号分隔。再将文件中的号码粘贴到iMessage客户端的地址栏,iMessage客户端会自动逐个检验该号码是否为iMessage账号,检验速度视网速而定。红色表示不是iMessage账号,蓝色表示iMessage账号。2.编写苹果MacO......
  • uniapp优缺点
    UniApp是一个使用Vue.js开发跨平台应用的开发框架。它允许开发者使用同一套代码基础来构建面向iOS、Android、以及各种小程序、H5等多个平台的应用。优点:一次编写,多端运行:只需编写一次代码,便可以生成可以运行在不同平台(iOS、Android、H5、小程序等)的应用。学习成本低......
  • 自己开发的App如何上架,详细解读App上架操作流程
     对于企业或个人开发的App,上架是必经之路。然而,许多人不清楚如何进行App上架。工信部在2023年规定,App必须备案才能上架。那么,让我们一起了解App上架流程吧。 1.准备上架所需材料在上架App之前,需要准备应用图标、应用截图、应用描述等材料。这些材料需要精心设计,以吸引用户......
  • uniapp小程序页面实现元素与胶囊进行居中对齐
    无论是否为uni,关键在于获取胶囊中点的位置,如果是原生小程序根据小程序文档获取,其余逻辑处理是一致的代码语法都只是技术选择,重点是逻辑处理,对于技术的运用,代码技术好比是积木,好的程序就是好的组合代码,利用技术的特点进行组合,1.效果实现代码fixedTop(){lets......