产品入门第五讲:Axure交互和情境

目录

一.Axure交互和情境的介绍 

1.交互介绍

概念

常见的Axure交互设计技巧

2.情境介绍

概念

常见的Axure情境设计技巧:

二.实例展示

1.ERP登录页到主页的跳转

2.ERP的菜单跳转到各个页面


                       📚📚 🏅我是默,一个在CSDN分享笔记的博主。📚📚 

​​​​​​

🌟在这里,我要推荐给大家我的专栏《Axure》。🎯🎯

🚀无论你是编程小白,还是有一定基础的程序员,这个专栏都能满足你的需求。我会用最简单易懂的语言,带你走进代码的世界,让你从零开始,一步步成为编程大师。🚀🏆

🌈让我们在代码的世界里畅游吧!🌈

🎁如果感觉还不错的话请记得给我点赞哦!🎁🎁

💖期待你的加入,一起学习,一起进步💖💖

一.Axure交互和情境的介绍 

1.交互介绍

概念

Axure是一个功能强大的原型设计工具,可以帮助用户快速创建高保真度的交互式原型

常见的Axure交互设计技巧

  1. 链接和按钮:通过链接和按钮来创建页面之间的转换。在Axure中,你可以使用超链接或者按钮来实现这个功能。将链接或按钮拖到页面上,并指定目标页面或外部网址。

  2. 动态面板:使用动态面板来展示元素的状态变化。动态面板是一个容器,它可以包含多个面板状态。你可以通过交互动作或条件逻辑来控制面板的状态,从而模拟元素在应用程序中的动态变化。

  3. 显示/隐藏:使用显示/隐藏来模拟元素的视觉效果。在Axure中,你可以使用交互动作来控制元素的可见性。这通常用于创建下拉菜单、浮动面板等交互效果。

  4. 滚动效果:在Axure中,你可以使用交互动作来模拟页面或区域的滚动。例如,你可以创建一个页面,其中包含一个可以滚动的区域。然后,使用交互动作将滚动条与该区域相关联。

  5. 表单验证:在Axure中,你可以使用条件逻辑来实现表单验证。例如,当用户提交一个表单时,你可以使用条件逻辑来检查表单是否填写完整,并显示相应的提示信息。

  6. 交互动画:在Axure中,你可以使用交互动作来创建简单的动画效果。例如,你可以使用移动/旋转/缩放等动作来模拟元素的运动效果。

2.情境介绍

概念

在Axure中,情境(Scenario)是指一组预定义的用户操作序列,用于模拟用户在应用程序中的使用场景。通过创建情境,你可以更加真实地模拟用户交互,发现潜在问题并改进设计。

常见的Axure情境设计技巧:

  1. 定义情境: 在Axure中,你可以使用“情境”功能来创建一组用户操作序列。你可以定义情境的名称、描述以及包含的操作步骤。

  2. 操作步骤: 在情境中,你可以定义一系列用户操作步骤,以模拟用户在应用程序中的使用场景。例如,你可以定义一个情境,其中包括用户登录、浏览产品、添加到购物车等操作步骤。

  3. 转换规则: 在Axure中,你可以为情境设置转换规则,以指定在一个操作步骤完成后,要跳转到哪个操作步骤。这可以帮助你模拟用户在应用程序中的不同操作路径和使用场景。

  4. 反馈机制: 在情境中,你可以使用反馈机制来展示用户与应用程序的交互结果。例如,在购物车页面中,你可以使用条件逻辑来检查购物车是否为空,并提示用户添加商品。

  5. 测试情境: 在Axure中,你可以使用“测试”功能来测试情境,以模拟用户与应用程序的交互过程。通过测试情境,你可以发现潜在问题,并改进设计。

通过利用Axure的情境功能,你可以更加真实地模拟用户交互,发现潜在问题并改进设计。这有助于提高应用程序的用户体验,并减少后期开发中的调整成本。

二.实例展示

1.ERP登录页到主页的跳转

2.ERP的菜单跳转到各个页面

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/278617.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Github 2023-12-16开源项目日报Top10

根据Github Trendings的统计,今日(2023-12-16统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Python项目2非开发语言项目2TypeScript项目1Jupyter Notebook项目1Go项目1PHP项目1JavaScript项目1C#项目1 精…

实战 | OpenCV传统方法实现密集圆形分割与计数(详细步骤 + y源码)

导 读 本文主要介绍基于OpenCV传统方法实现密集圆形分割与计数应用,并给详细步骤和代码。 背景介绍 实例图片来源于网络,目标是分割下图中圆形目标并计数。 本文实现效果如下: 实现步骤 【1】灰度转换 + 均值滤波 + 二值化,得到参考背景 img = cv2.imread(src.jpg)c…

【论文阅读】Uncertainty-aware Self-training for Text Classification with Few Label

论文下载 GitHub bib: INPROCEEDINGS{mukherjee-awadallah-2020-ust,title "Uncertainty-aware Self-training for Few-shot Text Classification",author "Subhabrata Mukherjee and Ahmed Hassan Awadallah",booktitle "NeurIPS",yea…

浅析LDPC软解码对SSD延迟的影响-part1

此前,存储随笔有发布一篇关于SSD QoS相关问题,文章中有从以下方面做了全景的分析: 扩展阅读: 全景解析SSD IO QoS性能优化 SSD基础架构与NAND IO并发问题探讨 本文主要在之前文章的基础上,再做个补充,本…

【Java】5分钟读懂Java虚拟机架构

5分钟读懂Java虚拟机架构 Java虚拟机(JVM)架构JVM是如何工作的?1. 类加载器子系统2. 运行时数据区3. 执行引擎 相关资料 本文阐述了JVM的构成和组件。每个Java开发人员都知道字节码经由JRE(Java运行时环境)执行。但他们…

PythonGame图形绘制函数详解

文章目录 五种图形矩形圆形 五种图形 除了直线之外,pygame中提供了多种图形绘制函数,除了必要的绘图窗口、颜色以及放在最后的线条宽度之外,它们的参数如下表所示 函数图形参数/类型rect矩形Rectellipse椭圆Rectarc椭圆弧Rect, st, edcircl…

拼多多买家页面批量导出订单excel

拼多多买家页面批量导出订单excel 由于拼多多不支持订单导出excel清算起来很麻烦,就自己写了一个页面批量导出脚本代码。 首先打开拼多多手机端网站:https://mobile.pinduoduo.com/ 登录后点击我的订单打开f12审查元素 在控制台引入jquery,引…

Python等比例缩放图片并修改对应的Labelme标注文件(v2.0)

Python等比例缩放图片并修改对应的Labelme标注文件(v2.0) 前言前提条件相关介绍实验环境Python等比例缩放图片并修改对应的Labelme标注文件Json文件代码实现输出结果 前言 此版代码,相较于Python等比例缩放图片并修改对应的Labelme标注文件&a…

巴贝拉葡萄酒是单一品种还是混合品种制成的?

大多数巴贝拉葡萄酒都是由单一的巴贝拉葡萄品种制成的,许多意大利葡萄酒商开始尝试在巴贝拉葡萄酒中加入其它葡萄品种,其中两个最受欢迎的意大利品种是皮埃蒙特的巴贝拉德阿尔巴和达斯蒂。和朋友在一家意大利餐厅吃饭,被酒单吓到了&#xff1…

YOLOv8改进 | Conv篇 | 轻量级下采样方法ContextGuided(涨点幅度)

一、本文介绍 本文给大家带来的是改进机制是一种替换Conv的模块Context Guided Block (CG block) ,其是在CGNet论文中提出的一种模块,其基本原理是模拟人类视觉系统依赖上下文信息来理解场景。CG block 用于捕获局部特征、周围上下文和全局上下文&#…

Linux环境下安装JDK

本文将介绍在Linux环境下,如何安装JDK 1.用yum方式安装(无需配置环境变量) 检索yum中有没有java1.8的包:yum list java-1.8*安装:yum install java-1.8.0-openjdk* -y检查是否安装合适 2. 用JDK安装包安装 查看是否已经安装JDK&#xff1…

RabbitMQ插件详解:rabbitmq_message_timestamp【Rabbitmq 五】

欢迎来到我的博客,代码的世界里,每一行都是一个故事 RabbitMQ时空之旅:rabbitmq_message_timestamp的奇妙世界 前言什么是rabbitmq_message_timestamprabbitmq_message_timestamp 的定义与作用:如何在 RabbitMQ 中启用消息时间戳&…