Este documento ofrece consejos para principiantes sobre el uso de Axure para el diseño de prototipos. Explica que Axure es una herramienta popular para crear prototipos de alta fidelidad sin necesidad de conocimientos de programación y destaca algunas de sus características clave como la posibilidad de trabajar en equipo, controlar acciones e interacciones y publicar prototipos en línea de forma gratuita. También incluye recomendaciones sobre cómo empezar a utilizar Axure y recursos adicionales para aprender sobre la herramient
¿Qué es el sketching? ¿Qué etapa debemos utilizar sketching?¿Cual es la mejor forma de hacer sketching?. Sketching durante el proceso de DCU o Design Thinking.
Responsive Web Design, ventaja, inconvenientes y recomendacionesXavi Cardet
La evolución del responsive web design. Diferenciación RWD con Web-app y aplicaciones nativas. Consejos para aplicar rwd, teniendo en cuenta el contexto de uso y los contenidos.
Cómo prototipar exitosamente tu proyectoIxDA Mendoza
Los prototipos conectan la estructura y arquitectura con la superficie de un sitio web o aplicación móvil. Son representaciones visuales de una interfase que se utilizan para comunicar los detalles y lograr que todos los miembros de un proyecto tengan un entendimiento mutuo en lo que se está trabajando.
Si hay una pregunta que entre la comunidad de diseño se plantea es: y tú ¿con qué programa diseñas las aplicaciones? Repaso por las distintas herramientas de diseño de aplicaciones y análisis de las ventajas e inconvenientes de cada una.
¿Qué es el sketching? ¿Qué etapa debemos utilizar sketching?¿Cual es la mejor forma de hacer sketching?. Sketching durante el proceso de DCU o Design Thinking.
Responsive Web Design, ventaja, inconvenientes y recomendacionesXavi Cardet
La evolución del responsive web design. Diferenciación RWD con Web-app y aplicaciones nativas. Consejos para aplicar rwd, teniendo en cuenta el contexto de uso y los contenidos.
Cómo prototipar exitosamente tu proyectoIxDA Mendoza
Los prototipos conectan la estructura y arquitectura con la superficie de un sitio web o aplicación móvil. Son representaciones visuales de una interfase que se utilizan para comunicar los detalles y lograr que todos los miembros de un proyecto tengan un entendimiento mutuo en lo que se está trabajando.
Si hay una pregunta que entre la comunidad de diseño se plantea es: y tú ¿con qué programa diseñas las aplicaciones? Repaso por las distintas herramientas de diseño de aplicaciones y análisis de las ventajas e inconvenientes de cada una.
Herramientas para desarrollar rápidamenteCarlos Toxtli
Más de 150 herramientas en linea que debes conocer para crear desarrollos asombrosos en muy poco tiempo. La era de hacer todo desde cero cada vez es más lejana, ahora tenemos herramientas que pueden hacer que un desarrollo antes tardaría 2 meses tarde menos de 2 semanas.
Diseño de la Experiencia de Usuario con AgileJohnny Ordóñez
La presentación de mi charla en la ESPOCH acerca del Diseño de una Experiencia de Usuario memorable al crear productos con Agile.
Espero les guste y gracias por su feedback!
Diapositivas presentadas por Ramiro Alvarez Caffaro, Coordinador de Diseño (UI/UX) Lyracons, en el eCommerce IT Camp dentro del marco del eCommerce Day Buenos Aires 2016.
En la primera sesión para Comunidad Platzi, Alysson enseña acerca de como aplicar la metodología de Design Thinking y LEAN UX para crear Experiencias en un MVP en 2 meses.
Este es la presentación realizada sobre desing thinking en la universidad de la Sabana, en donde se explicaron algunos conceptos sobre Design Thinking y se trabajó un taller basado en entrevistas para diseñar un producto
Principios básicos de UX para móvilesJavier Cuello
Empezar a diseñar aplicaciones para teléfonos no es nada fácil, sobre todo si se viene del mundo del diseño web, donde el conocimiento adquirido puede —incluso— llegar a jugar en contra.
En esta presentación, Javier «Simón» Cuello explica los secretos para lograr una perfecta transición del diseño web al diseño de apps y no cometer errores en el camino.
Presentación de AyerViernes a cargo de Darcy Vergara, Per Arellano y Maximiliano Martin sobre tres de las cinco principales etapas de la Metodología desarrollada en AyerViernes
Herramientas para desarrollar rápidamenteCarlos Toxtli
Más de 150 herramientas en linea que debes conocer para crear desarrollos asombrosos en muy poco tiempo. La era de hacer todo desde cero cada vez es más lejana, ahora tenemos herramientas que pueden hacer que un desarrollo antes tardaría 2 meses tarde menos de 2 semanas.
Diseño de la Experiencia de Usuario con AgileJohnny Ordóñez
La presentación de mi charla en la ESPOCH acerca del Diseño de una Experiencia de Usuario memorable al crear productos con Agile.
Espero les guste y gracias por su feedback!
Diapositivas presentadas por Ramiro Alvarez Caffaro, Coordinador de Diseño (UI/UX) Lyracons, en el eCommerce IT Camp dentro del marco del eCommerce Day Buenos Aires 2016.
En la primera sesión para Comunidad Platzi, Alysson enseña acerca de como aplicar la metodología de Design Thinking y LEAN UX para crear Experiencias en un MVP en 2 meses.
Este es la presentación realizada sobre desing thinking en la universidad de la Sabana, en donde se explicaron algunos conceptos sobre Design Thinking y se trabajó un taller basado en entrevistas para diseñar un producto
Principios básicos de UX para móvilesJavier Cuello
Empezar a diseñar aplicaciones para teléfonos no es nada fácil, sobre todo si se viene del mundo del diseño web, donde el conocimiento adquirido puede —incluso— llegar a jugar en contra.
En esta presentación, Javier «Simón» Cuello explica los secretos para lograr una perfecta transición del diseño web al diseño de apps y no cometer errores en el camino.
Presentación de AyerViernes a cargo de Darcy Vergara, Per Arellano y Maximiliano Martin sobre tres de las cinco principales etapas de la Metodología desarrollada en AyerViernes
DIA DE LA BANDERA PERUANA EL 7 DE JUNIO DE 182062946377
Diseño del dia de la bandera. El 7 de junio se celebra en todo el Perú el Día de la Bandera, una fecha que conmemora el aniversario de la Batalla de Arica de 1880, un enfrentamiento histórico en el que las tropas peruanas se enfrentaron valientemente a las fuerzas chilenas durante la Guerra del Pacífico.
Porfolio livings creados por Carlotta Designpaulacoux1
La sección de porfolio de livings de Carlotta Design es una muestra de la excelencia y la creatividad en el diseño de interiores. Cada proyecto en el porfolio refleja la visión única y el estilo distintivo de Carlotta Design, mostrando la habilidad del equipo para transformar espacios en ambientes acogedores, elegantes y funcionales. Desde salas de estar modernas y contemporáneas hasta espacios más tradicionales y clásicos, la variedad de estilos y diseños en el porfolio demuestra la versatilidad y la capacidad del equipo para adaptarse a las necesidades y gustos de cada cliente.
Las fotografías de alta calidad en el porfolio capturan la atención al detalle, los materiales de alta calidad y la combinación de texturas y colores que hacen que cada sala de estar sea única y especial. Además, la sección de porfolio de livings de Carlotta Design destaca la integración de muebles y accesorios cuidadosamente seleccionados para crear ambientes armoniosos y sofisticados.
En resumen, la sección de porfolio de livings de Carlotta Design es una ventana a la excelencia en el diseño de interiores, mostrando el talento y la dedicación del equipo para crear espacios extraordinarios que reflejan la personalidad y el estilo de cada cliente.
Arquitectura Ecléctica e Historicista en Latinoaméricaimariagsg
La arquitectura ecléctica e historicista en Latinoamérica tuvo un impacto significativo y dejó un legado duradero en la región. Surgida entre finales del siglo XIX y principios del XX, esta corriente arquitectónica se caracteriza por la combinación de diversos estilos históricos europeos, adaptados a los contextos locales.
El movimiento moderno en la arquitectura venezolana tuvo sus inicios a mediados del siglo XX, influenciado por la corriente internacional del modernismo. Aunque inicialmente fue resistido por la sociedad conservadora y los arquitectos tradicionalistas, poco a poco se fue abriendo camino y dejando una huella importante en el país.
Uno de los arquitectos más destacados de la época fue Carlos Raúl Villanueva, quien dejó un legado significativo en la arquitectura venezolana con obras como la Ciudad Universitaria de Caracas, considerada Patrimonio de la Humanidad por la UNESCO. Su enfoque en la integración de la arquitectura con el entorno natural y la creación de espacios que favorecen la interacción social, marcaron un punto de inflexión en la arquitectura venezolana.
Otro arquitecto importante en la evolución del movimiento moderno en Venezuela fue Tomás Sanabria, quien también abogó por la integración de la arquitectura con el paisaje y la creación de espacios abiertos y funcionales. Su obra más conocida es el Parque Central, un complejo urbanístico que se convirtió en un ícono de la modernidad en Caracas.
En la actualidad, el movimiento moderno sigue teniendo influencia en la arquitectura venezolana, aunque se ha visto enriquecido por nuevas corrientes y enfoques que buscan combinar la modernidad con la identidad cultural del país. Proyectos como el Centro Simón Bolívar, diseñado por el arquitecto Fruto Vivas, son ejemplos de cómo la arquitectura contemporánea en Venezuela sigue evolucionando y adaptándose a las necesidades actuales.
5. PARA PADAWANSAxure
“oh… no… otro UX
explicando como debe
ser el proceso de diseño”
| El proceso del diseño y la toma de decisiones
El amigo consultor
6. PARA PADAWANSAxure
Antes de hacer pinturitas y jugar con ellas…
| El proceso del diseño y la toma de decisiones
usuarios contexto goals necesidades AI
…define tu producto
7. PARA PADAWANSAxure
Ahora si, saca ese artista que llevas dentro
| El proceso del diseño y la toma de decisiones
SKETCH TEST
ITERA
sketch
WIREFRAME PROTOTYPETEST TEST
DESIGN
DEVELOP
COPY
ITERA
wireframe
ITERA
prototipo
8. PARA PADAWANSAxure
¿Dónde se encuentra AXURE?
| El proceso del diseño y la toma de decisiones
Fidelidad de tu diseño
Tiempo
Sketches
Wireframes
Prototype
Mockup
9. Nunca empieces usar AXURE sin antes
tener plasmada tu idea con un papel y
un lápiz
Grandma's UX advice
| El proceso del diseño y la toma de decisiones
Grandma's UX advice
Axure PARA PADAWANS
Encarna
10. PARA PADAWANSAxure
“¡Pero no puedo hacer user testing!”
| El proceso del diseño y la toma de decisiones
https://popapp.in/
Haz paperprototype y testéalo
11. Grandma's UX advice
Sketching = Drawing
Wireframing = Designing
Axure PARA PADAWANS | El proceso del diseño y la toma de decisiones
Prototyping = The Product
12. PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
Una aplicación de diseño
sirve para diseñar y una
aplicación de prototipado
sirve para prototipar
13. PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
Hay muchas aplicaciones…
http://www.cooper.com/prototyping-tools
Prototyping Tool Selector
14. PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
No todas sirven para lo mismo
SOLO WIREFRAME PROTOTIPADO TESTING / SIMULAR
Low Fidelity Hight Fidelity HTML Prototype Only Wireframe
15. PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
¿Cuál es la combinación perfecta?
“Adobelievers”
UX
“solo” diseñadores
WIREFRAME PROTOTYPE
SIMULATE OR
USER TESTING
16. PARA PADAWANSAxure
AVOCADO AXURE RP BALSAMIQ MOCKUPS CACOO CODEPEN CSS DECK
DABBLET DRAW.IO FLASH CC FLINTO FLUID UP FRAMER STUDIO
FRAMER.JS GLIFFY GOOGLE WEB DESIGNER INDESIGN CC INDIGO STUDIO
INVISION JS BIN JS FIDDLE JUSTINMIND KEYNOTE LIVEWEAVE LUCID
CHART MAGIC MOCKUPS MARVEL OMNIGRAFFLE ORIGAMI PIXATE PLACE
IT POLYMER DESIGNER POP POWERPOINT PROTO.IO SOLIDIFY TWITTER
BOOTSTRAP UX PIN VISIO VUE WIREFRAME.CC
AVOCADO AXURE RP BALSAMIQ MOCKUPS CACOO CODEPEN CSS DECK
DABBLET DRAW.IO FLASH CC FLINTO FLUID UP FRAMER STUDIO
FRAMER.JS GLIFFY GOOGLE WEB DESIGNER INDESIGN CC INDIGO STUDIO
INVISION JS BIN JS FIDDLE JUSTINMIND KEYNOTE LIVEWEAVE LUCID
CHART MAGIC MOCKUPS MARVEL OMNIGRAFFLE ORIGAMI PIXATE PLACE
IT POLYMER DESIGNER POP POWERPOINT PROTO.IO SOLIDIFY TWITTER
BOOTSTRAP UX PIN VISIO VUE WIREFRAME.CC
17. PARA PADAWANSAxure | El proceso del diseño y la toma de decisiones
Venga… muy interesante…
¿Qué tiene de bueno
AXURE?
18. PARA PADAWANSAxure
¿Qué tiene AXURE?
| El proceso del diseño y la toma de decisiones
Cosas buenas
Popularidad de la app en las empresas
Comunidad muy activa
Curva de aprendizaje baja
*No necesitas saber nada de programación
Prototipos en HTML
Publicación gratuita en la red
Gestión de librerías y infinidad de repositorio
Posibilidad de trabajar en equipo
Creación de User Flow
Linea fina entre prototipo y realidad
22. PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
TOOLBAR
PÁGINAS
WIDGETS
MASTERS
- ACCIONES
- NOTAS
- ESTILOS
ELEMENTOS
DE LA PÁGINA
ÁREA PRINCIPAL
23. PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
Páginas vs Paneles Dinámicos
PÁGINAS PANELES DINÁMICOS
No hay curva de aprendizaje
Funciona el botón volver atrás Control de los gestos
Animaciones y transiciones
PARA APPS O ESTADOSPÁGINAS WEB
24. PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
Usa Axure solo si es necesario
25. PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
No utilices imágenes, utiliza widgets y pon estilos
26. PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
Pon un nombre a casi todo
27. PARA PADAWANSAxure
Cosas que debes saber antes…
| El proceso del diseño y la toma de decisiones
Los “masters” pueden ser tus grandes aliados
29. PARA PADAWANSAxure
Recomendaciones
| El proceso del diseño y la toma de decisiones
Visitar su FORUM
http://www.axure.com/c/forum.php
Webs de librerías de elementos y widgets
http://www.axure.com/support/download-widget-libraries
http://www.humbleux.com/
http://axureland.com/
http://axutopia.com/