Objetivo del sitio
TecScience tenía la necesidad de mostrar el quehacer científico del Tec de Monterrey, de forma simple y cercana a las personas de manera digital.
Se diseño de un multisitio bilingüe en inglés y español; para abonar a la estrategia de internacionalización del Tec.
Proceso de diseño
Bases
Comenzamos con una entrevista a los stakeholders (gerente, editoras y community manager) para detectar las necesidades y priorizar los contenidos y condensarlos en un brief.
Con el brief en mano, se hicieron wireframes para mostrar rápidamente todos los productos y necesidades editoriales. A través de juntas constantes con líderes y editores de la plataforma se definieron cuáles productos debían mostrarse y cómo debían ser mostrados. Al final quedó el prototipo en baja tal cual como deseaban los stakeholders.
Trabajar con wireframes de baja fidelidad fue fundamental. Poder cambiar rápido de dirección si un stakeholder sugería una nueva necesidad; lo cual era vital en la etapa inicial.
Evaluaciones de usabilidad
Me basé en las heurísitcas de Nielsen y las leyes de UX (Moore, Hicks, Fitt, etc.) para elaborar una evaluación de usabilidad (sin la necesidad de conducir investigación con usuarios), para ahorrar tiempo, y dejar las investigaciones para el futuro.
Con base en la evaluación se hizo un reporte a los stakeholders para acordar acciones y corregir lo prioritario.
Arquitectura de la información
La arquitectura de la información fue un tema importante para un sitio tan robusto. El sitio al ser periodístico cuenta con notas, pero también otros productos multimedia, como:
- Editoriales científicas
- Notas interactivas
- Infografías
- Galerías fotográficas
- Artículos de divulgación
- Reportes descargables
- Videos.
Sistema de diseño
El sistema de diseño del sitio de TecScience está basado en la guía de estilo de la marca.
Es un sistema pequeño, pero robusto, para satisfacer todas las necesidades de interacciones de usuario dentro del sitio: las actuales y las futuras.
Es decir es un sistema de diseño fácilmente escalable.
