Rocío Castillo Tarea 4 - UxAtron

De Casiopea



TítuloRocío Castillo Tarea 4 - Taller de Diseño de Interacción 2020
AsignaturaTaller de Diseño de Interacción
Del CursoTaller de Diseño de Interacción 2020
CarrerasDiseño, Diseño Gráfico, Diseño Industrial
4
Alumno(s)Rocío Castillo

Introducción de diseños de paginas web

Cardsorting(Primer Etapa)

Como primer etapa del encargo n° 4 se utilizara una herramienta llamada "Cardsorting" en la cual ubicaremos todos los patrones que hemos estudiado y los agruparemos de forma que cada uno de estos se relacione con otros , formando grupos mas grandes de patrones conteniendo otros que pueden ser parte del proceso mismo es decir formaremos categorías nombrándolas y uniéndolas con otros patrones parecidos , este proceso ayudara a la hora de construir una pagina web en la cual necesitaremos de estos grupos grandes para comenzar.

Cardsorting,agrupación de patrónes similares


Wireframes(Segunda Etapa)

En la segunda etapa del encargo se tiene como objetivo realizar un sitio web en el cual seamos capaces de nombrar y aprender a utilizar las herramientas de la pagina Figma , con esto se se realiza una manera de mostrar los patrones y profundizar el tuyo mostrando consigo las ventajas y desventajas de estos a través de ejemplos.

Para explicar como fue mi procedimiento primero comencé por elegir una pantalla de celular en la cual intente hacer un sitio web en esta experimente la aplicación y en la aplicación que realiza esta mas completa en la cual se llama Aton , el nombre aun esta en investigación ,la plataforma y su nombre , pero se intenta mostrar como desde las categorías de los patrones aparecen redes que los conectan entre ellos, intentando facilitar la experiencia al usuario.


Pantallas de móvil en sitio web

  IPhone 8 Plus - 8 (2).png IPhone 8 Plus - 15 (1).png IPhone 8 Plus - 16 (1).png IPhone 8 Plus - 17.png IPhone 8 Plus - 18.png

Pantallas de móvil

Pagina Principal de aplicación


 IPhone 8 Plus - 91.png  IPhone 8 Plus - 2.png  IPhone 8 Plus - 3.png  IPhone 8 Plus - 4.png IPhone 8 Plus - 5.png  IPhone 8 Plus - 6.png WhatsApp Image 2020-03-31 at 01.14.29.jpeg IPhone 8 Plus - 9.png IPhone 8 Plus - 10.png IPhone 8 Plus - 11.png IPhone 8 Plus - 12.png IPhone 8 Plus - 13.png IPhone 8 Plus - 14.png WhatsApp Image 2020-03-31 at 01.21.16.jpeg IPhone 8 Plus - 16.png IPhone 8 Plus - 19.png IPhone 8 Plus - 20.png

Pie de imagenes:

  1. Pagina inicial al ingresar a la aplicación.
  2. Introducción a la pagina de diseños de interfaz .
  3. Muestra de que trata los patrones de interacciones,Inicio de Sesión y Crear cuenta.
  4. Formas de registrarse en la pagina.
  5. Registro de usuario.
  6. Categorías de Patrones.
  7. Ingreso a categoría de Patrones y sus sub-patrones.
  8. Ingreso a sub-patrones en particular y detallado(Ventajas,Desventajas,Ejemplos).