如何利用Axure制作移动端产品原型

Axure是一款专业的快速原型设计工具,作为专业的原型设计工具,Axure 能够快速、高效地创建原型,同时支持多人协作设计和版本控制管理。它已经得到了许多大公司的采用,如IBM、微软、思科、eBay等,这些公司都利用Axure 进行产品设计和开发。

Axure的工作环境包括主菜单和工具栏、站点地图面板、控件面板、模块面板和线框图工作区,这个可视化工作环境使得用户可以轻松快捷地以鼠标的方式创建带有注释的线框图,而无需进行编程,在线框图的基础上,可以自动生成HTML原型和Word格式的规格

1总体说明

数通畅联的MDM基础数据平台可以使企业的多个业务系统中最核心、最需要共享的主数据进行整合,集中进行数据标准化,并用集成服务的方式把统一、完整、准确、具有权威性的主数据分发给需要的应用系统。MDM能创建并维护整个企业内主数据的单一视图,保证单一视图的准确性、一致性以及完整性,从而简化数据清洗工作,提高数据质量,加快业务系统对接、业务流程再造速度,提高业务响应速度,能有效优化企业IT环境、降低成本、提高企业效率

而想要进行后续移动端功能的开发,首先要通过移动原型设计将我们设计研发人员的设计想法更直观地呈现出来,帮助他们更好地理解设计思路和交互流程,同时通过原型也以提出更具体的意见和建议,有助于提高设计的可行性和易用性。

1.1工作需求

通过移动原型设计可以将我们设计研发人员的设计想法更直观地呈现出来,帮助他们更好地理解设计思路和交互流程,同时通过原型也可以提出更具体的意见和建议,有助于提高设计的可行性和易用性。

1.2工作要求

工作要求主要包括以下几个方面:

1.用户体验至上:在制作移动原型时,需要将用户体验放在首位,注重用户的操作习惯和心理需求,提供流畅、直观的用户界面。同时,还需要遵循常见的手势操作规范,确保用户可以通过滑动、捏合等手势进行操作。

2.从简单的页面开始:制作移动原型时,可以先从简单的页面开始,逐步完善产品功能和交互效果,再进行迭代升级。

3.注重细节:在制作移动原型时,需要注重细节处理,尽可能地模拟真实的场景和用户行为,以提升产品的质量和用户体验。

4.遵循设计规范:在制作移动原型时,需要遵循相应平台的设计规范和标准,以确保产品的一致性和易用性。

5.良好的团队协作:制作移动原型需要团队成员之间的密切协作和沟通,包括产品经理、开发人员等。团队成员需要相互配合,共同完成产品的设计和开发工作。

1.3工作挑战

在之前的工作经历中,并没有接触过Axure这个软件,对于Axure整体来讲比较陌生,并且对于MDM产品移动端的功能效果也是较为陌生,所以此项工作对于我来说算是一个挑战,但通过学习和实践是可以战胜工作中的挑战,并且可以将此过程熟记,掌握为自己的新技能。

2工作步骤

通过学习、实践可以战胜工作中的挑战,首先可以通过文档和视频去学习Axure的使用方法,其次要把设计文档中要实现的功能页面整理出来,再选择其他系统移动端的样式描摹整体页面规划。

2.1视频学习

首先在接到工作任务前,自己并没有了解过Axure这个软件,也不知道其使用方法,由于是在国庆假期前接到的工作任务,为了避免在节后回到公司因学习时间较长,耽误工作进度,在假期时通过在B站查找Axure的相关教学课程来学习Axure的使用方法,有的视频讲解地十分的详细,通过观看4-5节的视频已经了解了其基本操作。

2.2梳理功能

第二步是根据研发人员给出的设计文档来梳理每个页面,由于研发人员给出的设计文档内容非常详细,篇幅较长,把功能之间的链接,页面和页面之间的跳转单独梳理出来,就会方便进行原型的描绘。在功能梳理成功后,一定要和研发人员进行对接,确保自己的梳理成果和研发人员的设计思路一致,只有这样,才不会因为开始时方向的错误而耽误工作进度。

2.3系统参照

研发人员给出的设计文档中,很多页面是web端的设计样式,不能够直接照搬其结构,所以要考虑放到移动端原型里要改变为什么结构,尤其是表的结构以及按钮的结构,这些内容在移动端和web端所呈现出来的效果是不同的,后来经过查询,主要参照的是企业微信的结构。

3操作过程

学习之后就来到了实操步骤,首先进行页面的创建,再添加自己所需的元素,再根据功能跳转设置交互,整体完成之后进行预览,如在预览中出现交互不准确,页面不美观等问题及时进行调试优化,最后将成品导出分享。

3.1创建页面

在页面面板中,可以创建不同的页面,每个页面代表移动应用的一个界面,例如可能需要创建一个首页、一个详情页、一个列表页等。选择新建项目,并选择适合的尺寸,首先在Axure中选择矩形边框作为移动端的边框,在网上做了功课之后,选择高度为667,宽度为375是比较合适的尺寸。

3.2添加元素

在页面上添加各种元素,如按钮、文本框、图像、列表等。可以通过“工具箱”面板或者“库”面板来选择和添加元素,在Axure中预置的元素也比较丰富,在基本原件中有各种几何图形、文字样式和按钮、线条等,在表单原件里有下拉列表框、复选框等,在菜单和表格中可以添加菜单和表格,在标记原件中可以选择便签、标记等,除此之外还有很多个性化图标可供使用。

3.3设置交互

在Axure中,可以为元素设置各种交互,如点击、滑动、长按等,通过“交互”面板,可以为元素添加事件和动作。例如,当用户点击一个按钮时,可以显示一个弹窗或者跳转到另一个页面,而在本次工作中,我常用的交互是点击跳转以及单击隐藏显现。

3.4预览调试

在桌面浏览器中预览原型效果,检查交互和布局是否正确,如果在预览时存在一些布局不合理,交互不准确等问题,回到Axure进行调整,调整完毕后再次回到浏览器进行预览,点击刷新就可以查看修改后的效果,并且此时一定要将修改后的原型保存,否则直接关闭系统修改内容将无效了,根据预览和调试的结果,对原型进行优化和完善。这可能包括调整布局、修改颜色、优化交互等。

3.5导出分享

当完成原型设计后,可以将其导出为HTML文件也可以让团队成员进行查看和测试。在每次修改效果后,我都会找研发人员进行再次确认,对研发人员进行演示,让其查看是否和设计一致,最后将文件导出,将整体的效果以及功能交互通过文字和图片的方式整合成文档,发给领导进行查看、确认。

4问题总结

在进行整体工作的过程中,也发现了自己工作中存在的一些问题,由于是第一次接触Axure,存在例如思路不清,不知变动,没有站在用户的角度进行换位思考的问题,从而耽误了工作效率。

4.1思路不清

首先在正式开始测试之前,不仅没有具体的思路,完全处于懵懂状态,于是首先在平台下载了一个手机端移动原型的模板,但由于设计样式和我们产品存在的关系不大,并且图层过多,需要重新梳理所有页面,修改起来比较占用时间,所以还是决定自己从头开始,一点一点去建立各个页面,在自己的尝试下,发现只要掌握了基本操作方法,自己从头开始是思路比较清晰。

4.2不知变动

在本次使用Axure开始进行正式工作之前,并没有实际去思考web端和移动端应该存在的区别,在受到了领导提醒之后,通过自己上网查找以及寻求项目经理的帮助来解决了这一问题,项目经理指导我可以参照企业微信或者钉钉的整体样式去规划页面,这也让我茅塞顿开。

4.3换位思考

我们的产品就是为客户来进行服务,不论是原型设计还是其他的工作,都应该要站在用户的角度去思考问题,站在用户角度思考问题可以帮助我们更好地了解用户需求和体验,从而改进设计。通过模拟用户场景、简化操作流程也可以提升后续产品的可用性和用户体验,从而吸引更多的用户并提高产品的竞争力。

5后续思路

在进行利用Axure进行移动端产品原型工作的过程中,自己的工作方法得到了一些改善,并且有了一些心得体会,具体分为要多多了解产品,注重工作配合和对接,并且要及时进行记录反馈,以便更快、更好地完成工作。

5.1了解产品

在进行工作时,自己领悟到了如果想更好地完成此次工作,对于产品的了解必不可少,无论是在平时工作中接触到公司产品的积累还是在录制公司视频、撰写公司文档时都可以加深对产品的了解,对产品的了解越多,对于自己所做的工作就会越有底气,这样会减少反复修改的时间,能极大地提高工作效率。

5.2工作交互

工作可以促进团队协作、提高工作效率、增强团队凝聚力、促进个人成长,在工作过程中,我们应该注重工作交互的重要性,积极开展工作交互活动,以促进工作的顺利进行。例如在本次工作中,和研发部门的配合必不可少,一定要和研发部门进行工作内容需求确认,否则所出工作成果和预期不一致是非常失败的表现,在每次的工作调整前,都要先自己整理出相关文字和研发人员进行确认,遇到不懂得问题,寻求研发人员的帮助也能极大地提高工作效率。

5.3记录反馈

在工作中,记录反馈的重要性不容忽视,反馈是促进个人成长和组织发展的关键因素之一。通过记录反馈,进而采取行动加以改进,同时反馈也可以更好地理解组织的目标和期望,从而更好地完成工作任务。此外,记录反馈还可以促进团队成员之间的沟通和协作,增强团队凝聚力和工作效率。在本次的工作中记录反馈也尤为重要,首先要把领导的意见记录下来,再去和研发部门进行确认实施步骤,之后在每一次的改进过程中都要将改进的记录下来,帮助自己记录总结,也方便领导进行查看,可以提高整体的工作效率。

5.4持续学习

在本次工作中也让我认知到了持续学习的重要性,一开始自己并不会使用Axure,但经过学习也顺利的完成了工作。首先,持续学习可以帮助自己不断提高自己的专业知识和技能,以适应不断变化的工作环境和任务需求。随着科技的快速发展和市场竞争的加剧,我们都需要不断学习新的知识和技能,才能跟上时代的步伐,提高工作效率和质量。其次,持续学习可以提高自身的竞争力,使其在职业生涯中保持优势。第三,持续学习可以增强自身的自我价值和成就感。通过不断学习和成长,可以更好地实现自我价值,同时也会获得更多的成就感和满足感,这有助于提高自身的工作积极性和工作满意度。

总之,持续学习是工作中不可或缺的一部分,通过不断学习和成长,我们可以更好地适应不断变化的工作环境,提高工作效率和质量,实现自我价值,获得更多的成就感和满足感。同时,组织也可以通过支持员工的学习和发展,提高整体绩效和竞争力。因此,在工作中,我们应该注重持续学习的重要性。

通过本篇文章将如何利用Axure制作移动端产品原型进行了简单介绍,使用Axure无需编程或代码基础,具有丰富的交互效果,并且界面简洁易用,是一款非常实用的原型设计工具,它可以帮助设计者快速地设计出交互效果良好的产品原型。总之,Axure是一款非常实用的原型设计工具,它可以帮助设计者快速地设计出交互效果良好的产品原型,并且可以自动生成演示文件和规格文件,方便客户确认和开发。

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【Linux】地址空间

本片博客将重点回答三个问题 什么是地址空间? 地址空间是如何设计的? 为什么要有地址空间? 程序地址空间排布图 在32位下,一个进程的地址空间,取值范围是0x0000 0000~ 0xFFFF FFFF 回答三个问题之前我们先来证明地址空…

react中使用react-konva实现画板框选内容

文章目录 一、前言1.1、API文档1.2、Github仓库 二、图形2.1、拖拽draggable2.2、图片Image2.3、变形Transformer 三、实现3.1、依赖3.2、源码3.2.1、KonvaContainer组件3.2.2、use-key-press文件 3.3、效果图 四、最后 一、前言 本文用到的react-konva是基于react封装的图形绘…

Scrum

Scrum是一个用于开发和维持复杂产品的框架,是一个增量的、迭代的开发过程。在这个框架中,整个开发过程由若干个短的迭代周期组成,一个短的迭代周期称为一个Sprint,每个Sprint的建议长度是2到4周(互联网产品研发可以使用1周的Sprin…

序列的Z变换(信号的频域分析)

1. 关于Z变换 2. 等比级数求和 3. 特殊序列的Z变换 4. 因果序列/系统收敛域的特点 5. 例题

力扣 4. 寻找两个正序数组的中位数

题目 给定两个大小分别为 m 和 n 的正序(从小到大)数组 nums1 和 nums2。请你找出并返回这两个正序数组的 中位数 。 算法的时间复杂度应该为 O(log (mn)) 。 My class Solution {public double findMedianSortedArrays(int[] nums1, int[] nums2) {i…

LLM之Agent(五)| AgentTuning:清华大学与智谱AI提出AgentTuning提高大语言模型Agent能力

​论文地址:https://arxiv.org/pdf/2310.12823.pdf Github地址:https://github.com/THUDM/AgentTuning 在ChatGPT带来了大模型的蓬勃发展,开源LLM层出不穷,虽然这些开源的LLM在各自任务中表现出色,但是在真实环境下作…

按天批量创建间隔分区表(DM8:达梦数据库)

DM8:达梦数据库-按天批量创建间隔分区表 环境介绍1 生成按天批量创建间隔分区表的日志2 整合后的日志信息3 创建成功4 达梦数据库学习使用列表 环境介绍 由于未知原因限制,按天批量创建间隔分区表最大是103行记录,需要反复执行几次,提取日志,整合后最终创建成功; 1 生成按天批…

AGILE-SCRUM

一个复杂的汽车ECU开发。当时开发队伍遍布全球7个国家,10多个地区,需要同时为多款车型定制不同的软件,头疼的地方是: 涉及到多方人员协调,多模块集成和管理不同软件团队使用的设计工具、验证工具,数据、工…

python安装与工具PyCharm

摘要: 周末闲来无事学习一下python!不是你菜鸡,只不过是对手太强了!所以你要不断努力,去追求更高的未来!下面先了解python与环境的安装与工具的配置! python安装: 官网 进入官网下载…

【Linux】输出缓冲区和fflush刷新缓冲区

目录 一、输出缓冲区 1.1 输出缓冲区的使用 1.2 缓冲区的刷新 1.3 输出缓冲区的作用 二、回车换行 一、输出缓冲区 C/C语言,当调用输出函数(如printf()、puts()、fwrite()等)时,会给我们提供默认的缓冲区。这些数据先存…

Python绘制多分类ROC曲线

目录 1 数据集介绍 1.1 数据集简介 1.2 数据预处理 2随机森林分类 2.1 数据加载 2.2 参数寻优 2.3 模型训练与评估 3 绘制十分类ROC曲线 第一步,计算每个分类的预测结果概率 第二步,画图数据准备 第三步,绘制十分类ROC曲线 1 数据集…

C++学习笔记之五(String类)

C 前言getlinelength, sizec_strappend, inserterasefindsubstrisspace, isdigit 前言 C是兼容C语言的,所以C的字符串自然继承C语言的一切字符串,但它也衍生出属于自己的字符串类,即String类。String更像是一个容器,但它与容器还…

uniapp如何制作一个收缩通讯录(布局篇)

html&#xff1a; <view class"search"><view class"search_padding"><u-search change"search" placeholder"请输入成员名称" v-model"keyword"></u-search></view></view> <view…

【面试经典150 | 二叉树】从中序与后序遍历序列构造二叉树

文章目录 写在前面Tag题目来源题目解读解题思路方法一&#xff1a;递归 写在最后 写在前面 本专栏专注于分析与讲解【面试经典150】算法&#xff0c;两到三天更新一篇文章&#xff0c;欢迎催更…… 专栏内容以分析题目为主&#xff0c;并附带一些对于本题涉及到的数据结构等内容…

2020年第九届数学建模国际赛小美赛A题自由泳解题全过程文档及程序

2020年第九届数学建模国际赛小美赛 A题 自由泳 原题再现&#xff1a; 在所有常见的游泳泳姿中&#xff0c;哪一种最快&#xff1f;哪个冲程推力最大&#xff1f;在自由泳项目中&#xff0c;游泳者可以选择他们的泳姿&#xff0c;他们通常选择前面的爬行。然而&#xff0c;游泳…

中文分词演进(查词典,hmm标注,无监督统计)新词发现

查词典和字标注 目前中文分词主要有两种思路&#xff1a;查词典和字标注。 首先&#xff0c;查词典的方法有&#xff1a;机械的最大匹配法、最少词数法&#xff0c;以及基于有向无环图的最大概率组合&#xff0c;还有基于语言模型的最大概率组合&#xff0c;等等。 查词典的方法…

esxi全称“VMware ESXi

esxi全称“VMware ESXi”&#xff0c;是可直接安装在物理服务器上的强大的裸机管理系统&#xff0c;是一款虚拟软件&#xff1b;ESXi本身可以看做一个操作系统&#xff0c;采用Linux内核&#xff0c;安装方式为裸金属方式&#xff0c;可直接安装在物理服务器上&#xff0c;不需…

TCP传输数据的确认机制

实际的TCP收发数据的过程是双向的。 TCP采用这样的方式确认对方是否收到了数据&#xff0c;在得到对方确认之前&#xff0c;发送过的包都会保存在发送缓冲区中。如果对方没有返回某些包对应的ACK号&#xff0c;那么就重新发送这些包。 这一机制非常强大。通过这一机制&#xf…

Redis如何做内存优化?

Redis如何做内存优化&#xff1f; 1、缩短键值的长度 缩短值的长度才是关键&#xff0c;如果值是一个大的业务对象&#xff0c;可以将对象序列化成二进制数组&#xff1b; 首先应该在业务上进行精简&#xff0c;去掉不必要的属性&#xff0c;避免存储一些没用的数据&#xff1…

博途PLC SCL间接寻址编程应用

这篇博客里我们将要学习Pointer和Any指针&#xff0c;PEEK和POKE指令&#xff0c;当然我们还可以数组类型数据实现数组指针寻址&#xff0c;具体应用介绍请参考下面文章链接&#xff1a; https://rxxw-control.blog.csdn.net/article/details/134761364https://rxxw-control.b…