如何利用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是一款非常实用的原型设计工具,它可以帮助设计者快速地设计出交互效果良好的产品原型,并且可以自动生成演示文件和规格文件,方便客户确认和开发。

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

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

相关文章

SAP UI5 walkthrough step7 JSON Model

这个章节,帮助我们理解MVC架构中的M 我们将会在APP中新增一个输入框,并将输入的值绑定到model,然后将其作为描述,直接显示在输入框的右边 首先修改App.controllers.js webapp/controller/App.controller.js sap.ui.define([&…

python变量的命名和使用

变量名只能包含字母、数字和下划线 变量名只能包含字母、数字和下划线。变量名可以字母或下划线打头,但不能以数字打头。例如,可将变量命名为message_1,但不能将其命名为1_message。 Python 语言中,以下划线开头的标识符有特殊含…

翻译: 生成式人工智能的经济潜力 第3部分工作和生产力的影响 The economic potential of generative AI

麦肯锡报告 翻译: 生成式人工智能的经济潜力 第一部分商业价值 The economic potential of generative AI翻译: 生成式人工智能的经济潜力 第2部分行业影响 The economic potential of generative AI 1. 工作和生产力的影响 技术几十年来一直在改变工作的解剖学。多年来&…

c++新经典模板与泛型编程:const修饰符的移除与增加

const修饰符的移除 让你来写移除const修饰符&#xff0c;你会怎么样来写&#xff1f; &#x1f602;&#x1f602;trait类模板&#xff0c;如下 #include <iostream>// 泛化版本 template<typename T> struct RemoveConst {using type T; };// 特化版本 template…

阿里云(云服务器)上搭建项目部署环境

目录 安装docker docker安装MySQL5.7.37 安装MySQL 方式一&#xff1a;docker中MySQL时区调整 方式二&#xff1a;docker中MySQL时区调整 docker安装MySQL8.0.27 docker安装redis5.0.14 云服务器上安装jdk1.8 安装docker 1、先卸载docker&#xff0c;因为有一些服务器…

西南科技大学C++程序设计实验十(函数模板与类模板)

一、实验目的 1. 掌握函数模板与类模板; 2. 掌握数组类、链表类等线性群体数据类型定义与使用; 二、实验任务 1. 分析完善以下程序,理解模板类的使用: (1)补充类模板声明语句。 (2)创建不同类型的类对象,使用时明确其数据类型? _template<typename T>__…

c-语言->数据在内存的存储

系列文章目录 文章目录 系列文章目录前言 前言 目的&#xff1a;学习整数在内存的储存&#xff0c;什么是大小端&#xff0c;浮点数的储存。 1. 整数在内存中的存储 在讲解操作符的时候&#xff0c;我们就讲过了下⾯的内容&#xff1a; 整数的2进制表⽰⽅法有三种&#xff0…

动手学习深度学习-跟李沐学AI-自学笔记(3)

一、深度学习硬件-CPU和GPU 芯片&#xff1a;Intel or AMD 内存&#xff1a;DDR4 显卡&#xff1a;nVidia 芯片可以和GPU与内存通信 GPU不能和内存通信 1. CPU 能算出每一秒能运算的浮点运算数&#xff08;大概0.15左右&#xff09; 1.1 提升CPU利用率 1.1.1 提升缓存…

自动驾驶学习笔记(十六)——目标跟踪

#Apollo开发者# 学习课程的传送门如下&#xff0c;当您也准备学习自动驾驶时&#xff0c;可以和我一同前往&#xff1a; 《自动驾驶新人之旅》免费课程—> 传送门 《Apollo 社区开发者圆桌会》免费报名—>传送门 文章目录 前言 匹配关联 轨迹记录 状态预测 总结 前…

【文件上传系列】No.2 秒传(原生前端 + Node 后端)

上一篇文章 【文件上传系列】No.1 大文件分片、进度图展示&#xff08;原生前端 Node 后端 & Koa&#xff09; 秒传效果展示 秒传思路 整理的思路是&#xff1a;根据文件的二进制内容生成 Hash 值&#xff0c;然后去服务器里找&#xff0c;如果找到了&#xff0c;说明已经…

【智能家居】七、人脸识别 翔云平台编程使用(编译openSSL支持libcurl的https访问、安装SSL依赖库openSSL)

一、翔云 人工智能开放平台 API文档开发示例下载 二、编译openSSL支持libcurl的https访问 安装SSL依赖库openSSL(使用工具wget)libcurl库重新配置&#xff0c;编译&#xff0c;安装运行&#xff08;运行需添加动态库为环境变量&#xff09; 三、编程实现人脸识别 四、Base6…

12.4每日一题(备战蓝桥杯顺序结构程序设计)

12.4每日一题&#xff08;备战蓝桥杯顺序结构程序设计&#xff09; 题目1000: 【入门】AB Problem题目描述输入输出样例输入样例输出来源/分类 题解 1000: 【入门】AB Problem题目 2124: 计算(ab)c的值题目描述输入输出样例输入样例输出来源/分类 题解 2124: 计算(ab)c的值题目…

UML案例分析

首先需要花大约20分钟来思考解决这个问题&#xff0c;如果对问题不是很熟悉&#xff0c;也可以在完成题目之后&#xff0c;找相关的资料翻阅&#xff08;例如看UML类图的基本情况&#xff0c;UML状态图的基本情况&#xff0c;然后结合这些信息 做一个自我评价&#xff0c;看这个…

matlab 最小二乘拟合空间直线(方法三)

目录 一、算法原理1、算法过程2、参考文献二、代码实现三、结果展示四、相关链接博客长期更新,GPT与爬虫自重,你也未必能爬到最新版本。 一、算法原理 1、算法过程 空间直线的点向式方程为:

poe与chatgpt那个功能更强大

在当前的人工智能领域&#xff0c;Poe Al Chat以其卓越的聊天能力和实用的功能&#xff0c;受到了大家的广泛关注和喜爱。本文好为您个绍Poe Al Chat的功能&#xff0c;以及我们国内用户如何进行充值订阅。Poe Al Chat是一个基于OpenAl的GPT模型开发的人工智能聊天工具。它能够…

基于Springboot的校园失物招领系统(有报告)。Javaee项目,springboot项目。

演示视频&#xff1a; 基于Springboot的校园失物招领系统&#xff08;有报告&#xff09;。Javaee项目&#xff0c;springboot项目。 项目介绍&#xff1a; 采用M&#xff08;model&#xff09;V&#xff08;view&#xff09;C&#xff08;controller&#xff09;三层体系结构…

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

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

C语言有哪些预处理操作?

C语言的预处理是在编译之前对源代码进行处理的阶段&#xff0c;它主要由预处理器完成。预处理器是一个独立的程序&#xff0c;它负责对源代码进行一些文本替换和处理&#xff0c;生成经过预处理的代码。以下是C语言预处理的一些重要特性&#xff1a; 1&#xff0c;头文件包含 #…

Ansible中执行流控制

1.ansible中的迭代循环 创建目录和文件 vim createfile.yaml - name: create file playbook hosts: all tasks: - name: create file file: path: "/mnt/{{item[name]}}" state: …

Unity 自定义窗口

放在Editor文件夹下&#xff1b; #if UNITY_EDITORusing System; using UnityEditor; using UnityEngine;namespace EditorCustumTool {/// <summary>/// 自定义窗口/// </summary>public class CustomWindow : EditorWindow{public enum FlagType{Flag1 101,Fl…