Aura: Skin wiki Casiopea/Semestre 2 - Semana 2
| Título | Aura: Skin wiki Casiopea/Semestre 2/Semana 2 |
|---|---|
| Asignatura | Taller Casiopea |
| Del Curso | Taller Casiopea |
| Carreras | Diseño |
| Nº | 2 |
| Alumno(s) | Francisca Ortega |
| < Volver a la Página del Proyecto |
|---|
Objetivos de esta semana
Segmentación de la página
- ■ Identificar cómo las demás skins segmentan la página en distintas pantallas
- ■ Hacer propuestas propias de cómo segmentar la página en distintas pantallas
- ▶ (pospuesto por resfrío) Ponernos deacuerdo con Fauve sobre cómo segmentar la pantalla
- ■ Ponerse deacuerdo, si los breakpoints que están, serán los finales
- ■ Diseñar las grillas para tablet y celular y hacer variables de estas (modos)
Demás componentes
- □ Limpiar el documento del sistema de diseño.
- ■ Tener la lista de componentes (moléculas y organismos) claros que necesita Fauve para el testeo de la semana 6 (segunda semana de septiembre) y trabajar en ellos la semana que viene.
Mostrar avances
- ■ Hacer una presentación (aprovechando de explorar más las funciones de Figma Presentations)
- ◎ (Active Task)Subir los avances a la wiki
Avances
| Link a Presentación de Figma |
|---|
Segmentación de la página
Segmentación de la página en otras skins
| Link a Figma |
|---|
Propuestas personales
Chamelion es la más tradicional, o quizá la percibo como tal por la costumbre, pero de todas formas hay espacio para innovar. Se puede tomar un orden similar de navegación, moviendo grupos de distintos ekementos de lugar, pero manteniéndolos juntos. Por ejemplo, mover la barra de navegación, pero que el orden de las cosas se mantenga similar (logo, escuela, wiki, [+], búsqueda y usuario).
La edición de la página, podría separarse de la barra de navegación principal, similar a lo que hacen otras skins, que dejan las opciones de la página debajo del título. En este caso se podría visibilizar la página de discusión, para que los usuarios puedan encontrarla. De esta forma, se pueden colocar las opciones de "ver página" y "ver discución" por un lado, y cercano a eso "editar" y "más opciones", dejando las demás opciones en un menú desplegable (como historial, trasladar, etc).
Como se discutió previamente, se dejaría la tabla de contenidos a un costado derecho, por debajo del título y opciones de página, similar a la segmentación de Citizen.
Otros factores a considerar en el futuro son las microinteracciones (especialmente de los elementos de navegación) y cómo otros elementos (como imagenes, pdfs, tablas, videos, etc.) se ajustan entre distintas pantallas, por lo que, aunque la propuesta en este momento pueda parecerse mucho a la skin Citizen, también hay otras cosas rescatables de cómo están construidas las demás skins que tiene descargada la wiki.
Demás componentes
Lista de componentes (primeras pantallas a testear)
Caso de Estudio: Aura: Skin wiki Casiopea/Semestre 2 - Semana 2/ Caso de Estudio - Primeras Pantallas
Nota: Después de revisar las páginas, pude ver que ya todos los componentes existían, por lo que no fue necesario crear ninguno nuevo.
Nota 2: Los componentes que realmente faltan, son todo lo relacionado a la navegación, ahora diseñaré una propuesta de mayor fidelidad.
