mantener el color de objetos entre ventanas

respetar la relación aspecto, posición y comportamiento de elementos gráficos, y/o de interface.

corregir problemas de diseño en layers (capas) de pantallas sean móviles o web

compactar elementos de un diseño para hacerlos mas ligeros

dibujar interfaces web y móviles para prototipos de diferentes frameworks y luego crear código de ellas generando paginas html5 exclusivas.

consolidar modelos de datos y diseños web flash versátiles.

facilitar el diseño web creando de forma sencilla webs de diseño adaptable a cualquier dispositivo.

unir codigos PHP, Html, JS y hacer que funcionen en un solo entorno.

Este codigo genera un contenido web responsive para contenedor de navegador chrome donde muestra la palabra row en una fila y luego muestra la palabra col 1 y col 2 alineadas

Este codigo genera contenido web responsive en un contenedor bootstrap , coloca un texto ejemplo de titulo y crea dentro de el una fila, y en esa fila dos columnas tipo flex mostrando las palabras UNO y DOS respectivamente.

Este codigo crea un contenedor coloca el titulo texto ejemplo, y crea aisladamente dos columnas llamadas con etiquetas UNO y DOS, esto ademas muestra la palabra col en cada uno y las divide en partes iguales.

Invision, ProtoIO, SketchUP, Acrobat

Inkscape, Gimp, Adobe Illustrator, Adobe fireworks

Marvel, PhotoPro, Inkcapsule, InVideo

sketch

proto.io

CorelDraw

photoShop

Un único formulario con 20 opciones hasta completarlo

Un formulario por etapas con 4 etapas y 5 opciones por etapa

Un formulario dividido en dos en la misma pantalla con 10 opciones por cada segmento

lo lógico sería que plantearas la misma estructura, pues un potencial cliente conoce el funcionamiento del e-commerce y espera algo así. te centrarías en mejorar a partir de ahí la experiencia .... ¡No le harías pensar nuevamente en como navegar!.

innovarías creando para el usuario una nueva estructura donde el precio no aparece sino solo el producto y debe dar click en el para que aparezca el precio... entonces creas una nueva experiencia y esto simplifica el requerimiento de agilizar la adopcion de los usrs de esa region.

colocas precio y detalles con mas interaccion, con un zoom cuando se acerca al producto, con mas detalles, mas colores, mas interactividad y asi simplificas la navegacion y la agilidad del sitio nuevo.

padding

color: #ffffffff

background-color: #1883ba

boton_personalizado:hover

11

5

7

3

“Una buena UX contempla o intenta contemplar todas las opciones que un usuario se va a encontrar e intenta simplificar el camino para que complete el servicio que estás ofreciendo”.

"hay que crear iconos símiles al máximo posible y ampliar su tamaño"

"el color azul zimarro es mas visible a la mayoria de usuarios"

"es mejor unificar efectos de colores a no mas de dos variantes en una misma pagina web o pantalla de aplicacion"

es una herramienta lean CX para crear mapas de viaje customizables para empresas de diversas industrias.

es una herramienta de Design Thinking que permite plasmar en un mapa, cada una de las etapas, interacciones, canales y elementos por los que atraviesa nuestro cliente desde un punto a otro de nuestro servicio

es un mapa interactivo creado por software para diagramar etapas de atencion a clientes en procesos de manofactura.

son las etapas de mapa de trabajo en el diseno de software para clientes diversos