Diseño UX/UI

2019

Plantilla Premium

PROPUESTA DE DISEÑO PARA El Tiempo Casa Editorial

Rol: Diseñadora UX/UI Proyecto realizado junto con Sandra Rojas Jefe de Diseño Digital de El Tiempo Equipo Diseño Digital El Tiempo Casa Editorial Tiempo de realización: mes y medio Alcance: Propuesta de diseño de la plantilla premium.

CONTEXTO

La plantilla Premium se plantea apartir de la necesidad de El Tiempo para que sus notas Premium sean identificadas como un contenido único y de alto valor para su audiencia en el portal web, esto viene acompañado a un nuevo plan de negocios y un muro de pagos que se implementó recientemente.

PROCESO

Benchmarking Para el diseño de la plantilla premium hicimos una revisión de los medios más representativos nacionales e internacionales, en ellos buscamos las diferencias entre los especiales, notas y material premium, la experiencia del usuario con el contenido especial o premium, elementos visuales y sus apuestas destacadas en interacción.

En el proceso de diálogo con el equipo de desarrollo nos plantearon la prevención que tenían de desarrollar este proyecto por que creían que los periodistas no lo iban a usar así que decidimos que era importante en este momento realizar la plantilla premium con características que la hicieran útiles para los periodistas y así garantizar que la usaran.

Así definimos nuestra persona:

Carlos Francisco Suárez Periodista

Carlos Francisco Suárez Periodista de la Unidad investigativa

Reportero con 9 años de experiencia en El Tiempo ganador de varios premios nacionales e internacionales, es un respetado periodista por otros medios y académicos. Ha realizado investigaciones que van desde temas de narcotráfico a temas ambientales, le gusta ser detallado en la información, usa diferentes gráficos (fotos, videos y datos) para contar sus historias.

Tiene la necesidad de cumplir con las cifras de visitas mensuales y que sus notas sean visitadas y compartidas en redes para permear la opinión pública. Adicional le gustaría que su contenido siguiera concursando en diferentes concursos de periodismo.

Realizamos entrevistas a algunos periodistas de las secciones para escuchar sus necesidades y sus expectativas, les preguntamos sobre sus procesos creativos y periodísticos para realizar una nota o reportaje premium, las diferentes problemas que encontraron en la plataforma actual, sus referentes y lo que desearían en el futuro.

En estas entrevistas encontramos que una de las periodistas Maru Lombardo periodista de Especiales Multimedia ya había identificado múltiples elementos para reconocer reportajes periodísticos premium o aquellos con un alto valor desde su narración o su desarrollo, de esa entrevista salió el propósito de nuestro diseño “mostrar que el reportero estuvo en el lugar de los hechos o que se le presente una inmersión al lector de el lugar”

Maru Lombardo Podcastera

A partir de las entrevistas y el benchmarking establecimos los requerimientos de contenido, incluyen un diseño en que se muestra toda la dimensión del trabajo de reportería, uso de gráficos automátizados, inclusión de imágenes verticales, vídeos destacados, diferencia gráfica entre una nota normal y una premium.

Wireframe en baja de la plantilla premium

Esta plantilla es un diseño limpio y sobrio que representa la seriedad de El Tiempo, establece una conexión con la tipografía slab del periódico impreso y mantiene los colores tradicionales, lo anterior es muy importante para consolidar ante los lectores la identidad de nuestra marca.

Con la primera iteración con los periodistas encontramos que era necesario realizar dos versiones adicionales ya que diferentes opciones de apertura que se ajusten a la realidad, porque no siempre hay buenas fotos. etc. así se comienza con el título y se podrán llevar fotos grandes (verticales) dentro de la nota y la tercera opción apertura tipográfica con fondo oscuro.

Propuesta de diseño de la plantilla premium
CONCLUSIÓN

Después de nuestra investación destaco el valor que tiene una plantilla de estas características para la labor de los periodistas por su necesidad de acompañar los reportajes periodísticos con ciertos elementos gráficos y audiovisuales. Adicionalmente, se debe tener en cuenta las diferentes realidades con las que vive un periodista, algunas veces puede tener audios, otras fotografías, datos o videos y cada elemento debería tener la opción de cumplir o no un protagonismo dentro del relato digital y desde luego, darle al lector la posibilidad de sumergirse en cada una de las historias.

En los siguientes procesos de iteración debemos incluir expertos periodísticos e interactivos externos así como a usuarios de ElTiempo.com. El proyecto se encuentra en estado de viabilidad por parte del equipo de desarrollo de la compañía.


2018

Hub del material

INVESTIGACIÓN PARA LA Universidad Jorge Tadeo Lozano

Rol: Diseñadora UX Proyecto realizado bajo la tutoría de Daniel Salamanca Equipo Docentes, funcionarios, estudiantes de la Universidad de Bogotá Jorge Tadeo Lozano y la empresa de consultoría Key Frame Tiempo de realización: cuatro meses Dedicación: 8 horas diarias Alcance: Asistencia en la investigación de experiencia de usuario para la solución virtual del centro de materiales.

CONTEXTO

El Hub de materiales región Bogotá tiene como propósito ser un punto de conexión de varios actores: la academia, los investigadores, los proveedores y los empresarios; cuyo ente conector es el material, ya que es un elemento transversal en sus disciplinas. Busca acompañar a las empresas en la creación de valor agregado para sus productos a través del uso y apropiación de materiales, insumos y componentes, que les permitan cerrar brechas de conocimiento en el diseño de productos.

El Centro de Materiales surge como una iniciativa de la Estrategia de Especialización Inteligente de Bogotá Región con el liderazgo de la Universidad Jorge Tadeo Lozano, la Secretaría Distrital de Desarrollo Económico, Connect Bogotá, Colciencias y la Cámara de Comercio de Bogotá junto a las iniciativas clúster de prendas de vestir; cuero, calzado y marroquinería; joyería y bisutería; y comunicación gráfica.

En esta etapa de factibilidad el Hub del material se proponen dos herramientas una es la página web y otra es la experiencia en realidad virtual, se desea mostrar cómo debe ser la interacción del centro de materiales en su línea digital.

PROCESO

En este proceso de investigación de los usuarios y bajo la tutoría de Daniel Salamanca pude realizar las siguientes actividades:

Estos son algunos de los resultados de la investigación de usuario y de contexto que llevó a entender a nuestros usuarios, el contexto y realizar la propuesta de navegación en wireframes del material, la búsqueda del material y de proyectos.

INVESTIGACIÓN
WIREFRAMES
CONCLUSIÓN

Nuestra propuesta que decidimos como equipo para la interacción con los materiales en el mundo virtual (web y realidad virtual) fue llevar a la vida digital el proceso de diseño en la que los empresarios pudiesen interactuar con los materiales y realizar simulaciones en distintos soportes o proyectos (por ejemplo: camisas o joyas) ya que encontramos en entrevistas y testimonios que el diseño sí hacía cambios de valor en las compañías que lo habían implementado y esta es una experiencia que decidimos implementar para que otros empresarios puedan tener esa posiblidad. Adicionalmente, quisimos promover el conocimiento sobre materiales bio con sugerencias de materiales bio y una biblioteca, para estimular la innovación.

Por último, después de los 4 meses de nuestro proceso de investigación se validaron varios hallazgos de nuestra investigación con la experiencia de Margarita Baena PHD en materiales. Después de que se acabara mi participación el proyecto continúo con un proceso de investigación sobre talleres a empresarios y búsqueda de financiación para las siguientes etapas.


2019 – 2021

Diseño de Especiales

PROYECTOS DE El Tiempo Casa Editorial

Rol: Diseñadora UI Proyectos realizados bajo la supervisión de Sandra Rojas Jefe de Diseño Digital y junto al Equipo de Diseño Digital y de Especiales Multimedia de El Tiempo Casa Editorial Tiempo de realización: cada uno tiene un tiempo diferente que puede variar de 1 mes a 4 meses Alcance: Propuesta de diseño visual e interacción de la información periodística en cada especial.

PROCESO

Los Especiales multimediales de El Tiempo son investigaciones periodísticas de temas de actualidad o de coyuntura, nuestro proceso de trabajo es la revisión de la información, establecimiento de un concepto para diseñar, revisión de referentes gráficos y de interacción, definición de cómo se va a presentar la información, realización de un wireframe, visualización por parte del equipo y rediseño, realización de una propuesta gráfica, diseño del prototipo, revisión e interacción por parte del equipo de diseño, un periodista y por un usuario.


2017

Exploradores del mundo

Propuesta para aerolíneas

Wireframes de Exploradores del mundo

Rol: Diseñadora UX/UI Alcance: Investigación del problema, contexto y solución mediante un prototipo. Tiempo: Un mes. Realizado para la clase de visualización de datos de la Universidad Jorge Tadeo Lozano.

PROCESO

A partir de utilizar la metodología service blueprint, un diagnostico de problemas y eficiencia en el servicio de las aerolíneas, encontré que los niños cuando viajan con una acompañante están desconectados y esto puede ser traumático para sus padres. 

El público de la experiencia son niños de 4 a 12 años y sus padres, familiares y/o acudientes.

Establecí una solución digital donde los padres pueden conectarse y jugar con sus hijos, conocer su ubicación, agilizar procesos de documentación y en definitiva estar tranquilos por el bienestar de sus hijos.  Y para los niños es una aventura para explorar el mundo desde las profundidades marinas hasta el infinito.

Estas son algunas de las pantallas de la aplicación


2015

Proyecto PASSA Youth

PROYECTO REALIZADO EN MUSINTEC

Pantallas del proyecto PASSA Youth

Rol: Diseñadora UX/UI y maquetación Proyecto realizado junto con la supervisión de Patricia Diaz Líder y Fundadora de Musintec. Contenidos traducidos por: Ricardo Díaz Ilustradora: Laura Peláez. Proyecto para: la Federación Internacional de la Cruz Roja y Hábitat para la Humanidad Alcance: Transformar la metodología implementada con herramientas análogas con jóvenes por PASSA a una ruta digital. Tiempo: 6 meses.

CONTEXTO

PASSA Youth es una actividad que realiza la Federación Internacional de la Cruz Roja y Hábitat para la Humanidad con jóvenes al rededor del mundo, para que ellos puedan dar soluciones, se expresen sobre los riesgos naturales que sufre su territorio y se preparen para dar soluciones a estas eventualidades.

En este prouecto propuse las herramientas digitales para complementar las actividades, teniendo en cuenta las actividades que se realizaban sin tecnología y que fuesen útiles y llamativas para los jóvenes. Realicé la integración interactiva, la conceptualización y realización del contenido.


2013

Equipaje de viaje

PROYECTO REALIZADO EN MUSINTEC

Rol: Diseñadora UX, animación y montaje Realizado bajo la dirección y el concepto pedagógico de: Patricia Diaz Diseño interactivo: Juan Diego Álvarez Ilustraciones: Alexis Forero “Alekos” Producción de audio:
Israel Tanenbaum Desarrollo web multiplataforma: Patricia Díaz Desarrollo offline (CD): Andrés Felipe Cruz Proyecto para: La Fundación Carvajal Tiempo: 6 meses.

CONTEXTO

Equipaje de Viaje de la primera infancia es un curso virtual para madres comunitarias del ICBF. Mi rol fue la adaptación de los recursos animados e interactivos dentro de las unidades y el proceso de diseño y prototipado para adecuarlos según nuestras pruebas de usuario.