Un prototipo es una herramienta que permite diseñar los aspectos funcionales y estructurales y la apariencia que tiene un producto o servicio. En el diseño de interacción de páginas web o aplicaciones móviles, los wireframes nos sirven para representar la estructura de interacción del producto.
Esta entrada tiene como objetivo compartir un ejemplo de prototipo de baja fidelidad. En este caso, he realizado un wireframe de una página del medio de comunicación Il Sole 24 Ore. Más concretamente, se ha escogido la página de noticias en tiempo real para representar su estructura y organización.
Sobre el periódico
Il Sole 24 Ore es un diario milanés fundado en 1865 que adopta una línea liberal y reformista. Es considerado el periódico en circulación más antiguo de Milán y uno de los primeros de los grandes periódicos económicos europeos.
Fue capaz de importar un modelo de información especializada que ya había dado lugar a numerosas publicaciones en el extranjero.
En los últimos años, se ha producido la creación de un sistema multimedia integral que ha contribuido a mejorar la forma de informar y comunicar a través de una amplia gama de elementos de contenido temático de alto perfil.
Prototipado
Para realizar el wireframe he utilizado Figma, por lo que es posible consultarlo en la misma plataforma a través de este link.
Como referencia, he utilizado la página web del periódico. Para ilustrar de una manera sencilla las similitudes entre el wireframe y el producto real, he añadido en esta entrada una captura de pantalla de la página.
Es importante mencionar algunas diferencias principales:
- El wireframe no tiene en consideración los márgenes utilizados para mostrar publicidad. Esto se debe a que la publicidad no estaba presente cuando se realizó.
- El wireframe utiliza una tipografía diferente.
- El wireframe está realizado en castellano. Ya que esta entrada forma parte de una práctica que será evaluada en el Máster universitario de diseño de interacción y UX, se ha utilizado la lengua castellana para facilitar la evaluación del trabajo realizado.
- La sección de anuncios personalizados es ligeramente diferente. Esto se debe a que es una sección proporcionada por terceras parte que puede contener 4 o 2 anuncios por fila.