Modificaciones:
- El copy de la Home “Muestra tu trabajo a todo el mundo - Reúne tu contenido online y reinventa tu portfolio”
- reinventa tu portfolio -> link a un imagen de cómo quedaría un portfolio full equiped de plantilla básica + al hacer clic otras plantillas
Aún Falta….
- Mail de repuesta al pedido de Nueva Contraseña
Para ver el WIREFRAME PINCHA AQUÍ
Modificas del wireframe del apartado de importacion de contenido desde Facebook a Mediaculum.
visualizar
Modificaciones:
- Los errores de Crea tu cuenta
Falta:
- Mail de repuesta al pedido de Nueva Contraseña
Para ver el WIREFRAME PINCHA AQUÍ
La idea principal de esta visualización de la hora radica en su comparación con las acciones de un ojo. Si bien en el post anterior, dichas acciones se referenciaron de una determinada manera; finalmente, y en busca de una mayor lógica en la visualización, se establece la relación entre:
- La dilatación de la pupila como segundero: cada amplliación es un segundo.
- El movimiento del iris como minutos: cuando la pupila llega a su tamaño máximo, incrementa la posición en el movimiento giratorio.
- La caída de la lágrima como horas: cuando el iris realiza todo su recorrido, se precipita una lágrima al mismo tiempo que crece el nivel de líquido.
Para ver el ejemplo pinche aquí
Hemos hablado muchas veces que la arquitectura de la información de un proyecto Web puede cambiar a medida que se desarrolla el proyecto debido a que surgen o desaparecen funcionalidades, se testea si es entendible por el usuario o incluso por una cuestión de etiquetado.
Para los que no la vieron. aquí va la arquitectura original que si hizo junto con una versión de la arquitectura actualizada para que podamos tener todos las ideas más claras (no es un diagrama perfecto, pero mientras sea usable…).
¡Por cierto! La original se hizo con el programa Inspiration y el actualizado está realizado con Gliffy. El segundo tiene la ventaja de que es online y permite además de hacer diagramas, crear prototipos o incluso el plano de una casa.
Esta es la misma gente de Krop, pero lo que se me hace interesante es cómo han conformado un formato de “familia” en el que incluyen diferentes aplicaciones y funcionalidades complementarias. Me parece interesante considerarlo a la hora de planificar la evolución de Mediaculum. Pensando a futuro.
Aquí el link
De esta vez cambiamos:
- Los copies
- El “Iniciar sesión”
- Aplicación de la imagen principal de la animación.
- La página “Ayuda”, volviendo un poco a lo que ya se tenia. Se eliminó el link “Trucos”, ya que por ahora no tenemos trucos a ofrecer al usuario.
-Se adicionó al footer el link “Cómo funciona” ya por ahora no va haber botón en la home a la demo devido a que esta está hecha con los wireframes.
Por ahora es todo! a ver si os gusta…
Para ver el Wireframe de Mediaculum.com PINCHA AQUI!!!
Bueno, de la famosa y bien aprovechada lanzadera de Isra aqui os va el link donde se pudieron juntar todos los wireframes con las ultimas actualizaciones.
Para ver los 3 en 1…. PINCHA AQUI!!!!
Aquí van los cambios a los textos Mediaculum.
- Cambios en los copys
- Error al entrar el usuario
- Redimensionamento del wireframe
Para ver el wireframe de mediaculum.com PINCHA AQUI!!
Antes de empezar con las semanas intensivas de programación del proyecto, quería hacer un post con imágenes de la transformación de la versión digital del diario El Mundo, comparando la antigua edición y la nueva, incluyendo algunas renovaciones que han hecho a posteriori. El cambio lo hicieron a comienzos de año y antes de que lo cambiaran hice corriendo un par de pantallazos… nunca se sae qué puede venir después.
Sobretodo, ha habido una enorme limpieza en todos los aspectos. Los textos se han acortado y han ganado más importancia las imágenes, no hay esa sensación terrible de saturación y pérdida. Sin embargo, alguna apuestan que lanzaron al comienzo las han modificado, como son el footer o los servicios, que en un mes ocupan el doble ¿sería porque no llegaban a tiempo de cerrar el nuevo diseño, porque no funcionó la idea original o porque ea última solución es mejor?
Espero que os entretenga al menos viendo tanto la transformación del diseño como de la arquitectura de la información.
Bueno, ahora lo que se hizo fue:
- Aplicar un poco el diseño de la home a todo el wireframe (asi ya tenemos una pequeña idea de como podría quedar mediaculum.com)
- Colocar el registro en la home tal como está en el diseño
- Hacer un mail para cuando el usuario se olvide de la contraseña
Para ver el wireframe de mediaculum.com PINCHA AQUI!!!!
Aquí va la última versión de wireframes de admin.
El grupo está formado por Toni, Jorge, Rolando, Patri, Nuria, Laura, Israel, Arturo, Gina, Alba y Javi.
Nuevos cambios en el wireframe, después de las revisiones al Escenario de Uso.
Para verlo, PINCHA AQUI!
En la última clase de repaso de los wireframes y también en la clase de diseño hablamos mucho sobre formularios. Las funcionalidades que ofrecía la página de registro (que apareciese el check box de “Acepto las condiciones…” activado, los formularios para la activación de cuentas, los dos “examinar” para las imágenes en “Mi perfil”, la búsqueda de contenidos en nuestros proveedores a través de tags en sus sites… y en el fondo, muchas de las plantillas que identificamos las denominamos como “formularios”.
Investigando sobre el “diseño emocional” de Don Norman acabé en el blog “El Factor Humano” de Nelson Rodríguez-Peña. Está muy interestante e incluye mucha información sobre usabilidad. Uno de sus últimos post es sobre el reciente libro Web Form Design: Filling In the Blanks, de Luke Wroblewski. Nelson Rodríguez simplemente añade que el libro cumple con todas sus expectativas y más y lo recomienda como referencia en el azaroso mundo este de los formularios Web.
Ahora vamos a estar centrados en la fase de “hachazos” para acotar todos los aspectos que faltan de los wireframes y no tenemos mucho tiempo. De todos modos, en un futuro y con más tiempo puede ser muy intersante echar un vistacillo si no al libro (a no ser que alguien se lo compre) a las imágenes que el autor usa de ejemplo y que están disponibles en Flickr.
Hay muchísimos ejemplos de buenas y no tan buenas prácticas. Si nos hubiesen dicho toda la tela que lleva detrás esto de los formularios, no nos lo habríamos creido… de todos modos, como dice el autor, un formulario es una de las partes clave en la interacción con la Web ya sea para comprar entradas de cine, meter los datos para participar en alguna encuesta o concurso, registrarse en una red social, etc.
Aqui está el link donde está colgado el video del Escenario de Uso de Mediaculum
Personaje: Lucía
Lucía tiene 31 años. Lleva cinco años trabajando para una agencia de publicidad además de ejercer como ilustrador freelance para algunos encargos. De estos últimos trabajos, unos los tiene en su perfil de MySpace donde los compartía con sus amigos y otros los tiene en un perfil de Flickr.
Caso: Registrarse en Mediaculum y comenzar a usar sus funciones básicas.
Principales cuestiones detectadas a partir del escenario de uso:
Últimas modificaciones en el wiframe
- Aplicación del logo final en todas las páginas (solo estaba en algunas)
- En la página del registro un ejemplo de usuario que se olvidaria de aceptar los términos y condiciones de Mediaculum.
Para ver este “nuevo” wiframe PINCHA AQUI!!
En el siguiente link puedes descargar el primer bosquejo del escenario de uso de Mediaculum.com, es decir, la parte de Mediaculum destinada a nuevos usuarios.
Elaborado por: Eduardo, Audrey, Ana, Patricia, yGioia
Aquí va la última versión de la propuesta para Mediaculum/admin.
Para comenzar a navegar, pincha aquí.
El grupo está formado por Israel, Nuria, Rolando, Gina, Alba, Patricia, Arturo, Toni, Jorge, Patricia y Javi.
Para ver el wiframe pincha AQUI
Grupo Aaron JimenezAudrey LingstuylEduardo ChinaGioia FueterMaria Patricia Posada
trabajo de: trabajo de: Chiara Lera, Laia Rovira, Juan Fernando Gonzalez, Ivan Beldarrain, Joan Ardiaca, Yolanda Gil, Lluís Tallada
El grupo que ha realizado estos wireframes está formado por Nuria, Israel, Rolando, Alba, Toni, Arturo, Laura, Jorge, Gina, Patricia y Javi.
Para comenzar a probar, pincha aquí.
Para ver el wiframe pincha AQUI
Grupo Aaron JimenezAudrey LingstuylEduardo ChinaGioia FueterMaria Patricia Posada
En la arqutectura de la información dejamos claro qué queríamos. Ahora estamos en el momento de ver cómo lo vamos a hacer. En ello se centra el diseño funcional centrado en el usuario y usamos los wireframes.
“Wireframe” quiere decir “diseño de alambre”. los Wireframes son bocetos funcionales de cada una de las pantallas de la interacción de un usuario con un sistema o una aplicación. En él se determina el contenido de cada pantalla y se especifican los botones, las pestañas, los menús de navegación, etc. Para llegar a un wireframe en condiciones se han de pasar por muchos prototipos de prueba.
Una parte esencial del wireframe es que no está en absoluto customizado. Es decir, que prescinde de todo tipo de trabajo estético, ya sean imágenes, colores, líneas, tramas… a no ser que sean necesarios para entender la interacción básica de la aplicación. Por ello recibe ese nombre de “diseño de alambre” porque debe responder a la simpleza y claridad de un diseño que únicamente estuviera hecho con ese material.
No podía resistir incluir unas imágenes de un artista y fotógrafo genial llamado Vik Muniz. Al igual que Fontcuberta, su trabajo se centra en la investigación sobre la mirada y las imágenes. ¡Nada de su trabajo tiene desperdicio! En este caso, Muniz realiza unos diseños donde la simpleza del alambre no está reñida con la belleza y la profunda evocación de sus imágenes.
Para ver los wireframes del grupo de Mediaculum/Admin pincha aquí.
El equipo está formado por Alba, Toni, Nuria, Israel, Jorge, Patricia, Gina, Rolando, Arturo, Javi y Laura.
