Diferencia entre revisiones de «G10/ S.O.L.I.D.»

De Casiopea
Línea 15: Línea 15:
*Link para visualizar en Miro App: https://miro.com/welcomeonboard/MJqGYtP5MAH7adz5xJiI5ZxqoLsNACNjyBvFOzSZ3qMhu8Xwsr62Aa3pKurUefXq
*Link para visualizar en Miro App: https://miro.com/welcomeonboard/MJqGYtP5MAH7adz5xJiI5ZxqoLsNACNjyBvFOzSZ3qMhu8Xwsr62Aa3pKurUefXq


==Tarea 03: Wireframes==
==Tarea 03==


===Wireframes 01===
Para el sitio proponemos una navegación interactiva donde a través de las mismas letras del acrónimo '''S.O.L.I.D.''' se produzca una suerte de juego donde se expongan los contenidos divididas (dentro de lo posible) en 5 pantallas + la pantalla home. Se busca desde la propuesta que los usuarios tengan la posibilidad de poder volver (cada vez que lo necesiten) a revisar la información cuantas veces sea necesario para lograr llegar a comprender los principios.
Para el sitio proponemos una navegación interactiva donde a través de las mismas letras del acrónimo '''S.O.L.I.D.''' se produzca una suerte de juego donde se expongan los contenidos divididas (dentro de lo posible) en 5 pantallas + la pantalla home. Se busca desde la propuesta que los usuarios tengan la posibilidad de poder volver (cada vez que lo necesiten) a revisar la información cuantas veces sea necesario para lograr llegar a comprender los principios.
Dado que el tema abarca tecnicismos y conceptos que no son de conocimiento general, la idea es que se pueda exponer el contenido de tal forma que sea un proceso inicialmente de lectura, para poder introducir a los usuarios, para entonces transformar la experiencia a una mucho más '''visual y de relaciones'''.  
Dado que el tema abarca tecnicismos y conceptos que no son de conocimiento general, la idea es que se pueda exponer el contenido de tal forma que sea un proceso inicialmente de lectura, para poder introducir a los usuarios, para entonces transformar la experiencia a una mucho más '''visual y de relaciones'''.  
Línea 27: Línea 28:


* Link para visualizar la propuesta de navegación: https://www.figma.com/proto/Xjh1JhFHV0XWt8PKY0Lq8l/Tarea-03-Catalina-Vel%C3%A1squez-Karol-Aramayo?node-id=50%3A93&scaling=scale-down
* Link para visualizar la propuesta de navegación: https://www.figma.com/proto/Xjh1JhFHV0XWt8PKY0Lq8l/Tarea-03-Catalina-Vel%C3%A1squez-Karol-Aramayo?node-id=50%3A93&scaling=scale-down
===Wireframes 02===
[[Archivo:Diseño desde el código - S.O.L.I.D. 01.png|800px|center]]

Revisión del 17:44 17 nov 2020


TítuloG10/ S.O.L.I.D.
AsignaturaDiseño desde el Código
Del CursoDiseño desde el Código 2020
CarrerasDiseño
1
Alumno(s)Karol Aramayo, Catalina Velásquez
PDFArchivo:Tarea 01, G10 - S.O.L.I.D.pdf

Proyecto Semestral: S.O.L.I.D.

Tarea 01: Mapa de contenidos

My First Board (3).jpg

Tarea 03

Wireframes 01

Para el sitio proponemos una navegación interactiva donde a través de las mismas letras del acrónimo S.O.L.I.D. se produzca una suerte de juego donde se expongan los contenidos divididas (dentro de lo posible) en 5 pantallas + la pantalla home. Se busca desde la propuesta que los usuarios tengan la posibilidad de poder volver (cada vez que lo necesiten) a revisar la información cuantas veces sea necesario para lograr llegar a comprender los principios. Dado que el tema abarca tecnicismos y conceptos que no son de conocimiento general, la idea es que se pueda exponer el contenido de tal forma que sea un proceso inicialmente de lectura, para poder introducir a los usuarios, para entonces transformar la experiencia a una mucho más visual y de relaciones.

Notas: En Figma encontrarán que hay ciertas diferencias entre diagramación, tamaños de texto y colores de fondo, esto se debe a que todavía nos encontramos en el proceso de definir todas esas variables, por lo que nos concentramos inicialmente en la manera en la que queremos que se produzca la navegación.

Diseño desde el código - S.O.L.I.D. Tarea 03, home.png


Wireframes 02

Diseño desde el código - S.O.L.I.D. 01.png