DISEÑANDO MAQUETAS WEB

Cuándo pensamos en un proyecto web es importante tener claro lo que se va a mostrar y que tipo de negocio es, además de no olvidar la caracterización de las audiencias que accederán al sitio, pues finalmente son los usuario en quienes se debe pensar a la hora de diseñar una página web o una App.

Para esto los diseñadores o desarrolladores web hacen uso de los Mockup, que podríamos definir como un boceto, maqueta o un modelo a escala de un diseño, que nos permite plasmar y mostrarle al cliente u organización cómo se verá finalmente su sitio web.

Un mockup se puede hacer de varias maneras, por ejemplo, yo lo hice de forma analógica, con materiales que encontré a la mano:

 

También podemos plasmar las ideas con un dibujo, que sería el boceto de ese proyecto web:

 

 

Otra forma de hacerlo es a partir del uso de diferentes software que hacen del diseño algo mucho más profesional y real, la idea es crear un boceto lo más exacto posible al proyecto final, por eso a continuación encontrará algunos de los programas que los diseñadores usan a la hora de crear un mockup:

 

·         Adobe Illustrator

·         Adobe Photoshop

·         Gimp

·         Corel Draw

·         Cinema 4d

·         3ds Max

·         Moqups (gratis)

Indagando sobre este tema encontré el blog ESPACIO PARA EMPRENDEDORES de Carlos Cobian, que nos ilustra 9 herramientas para crear maquetas interactivas, donde nos muestra a los lectores el uso de otros instrumentos que nos ofrece la web para crear nuestros bocetos.

PASOS PARA TENER EN CUENTA A LA HORA DE CREAR UN MOCKUP

1. Creación y definición del esquema de navegación y estructura de la web, pero sin establecer aún colores, tipografías, texturas etc... Así es mucho más fácil empezar a estructurar los contenidos del sitio.

2. Establecer junto al cliente de una vez las estructura de esa arquitectura de la información, así nos evitamos que más adelante nos quieran cambiar el diseño, pues aunque no parezca ese trabajo extra implica cargos económicos y de tiempo.

3. Con los dos pasos anteriores, el trabajo esta más que adelantando y estructurado, así será más fácil empezar a desarrollar el resto del diseño.

Lo cierto es que los mockup tiene una gran ventaja, son una manera fácil de estructurar una web o App, a la hora de recrear en ideas sobre la organización de la información.

 

 

 

LA EVOLUCIÓN DE LA WEB

La web (World Wide Web) fundada en 1991 por el británico Tim Berners Lee, considerado hoy día como el padre de la web; es una de las herramientas que nos ofrece la Internet para navegar, explorar y compartir documentos (páginas web) a través de los hipertextos; un despertar para el mundo hacia la dimensión tecnológica que ya cumple 26 años de creación. 

Sin embargo, la web 1.0 aunque en sus inicios ofreció un avance para las grandes industrias y medios de comunicación, ésta aún era precaria y limitada, pues el usuario era pasivo y solo tenía acceso a la lectura de documentos y a seguir el paso a paso que le indicaba el sistema; pero éste fue el punto de partida para evolucionar y construir la web actual, que aunque continúa en proceso de transformación, la web 2.0 ya permite que los usuarios no seamos solo receptores de la información, ahora los navegantes también nos convertimos en emisores de contenidos, que además, compartimos, opinamos, transformamos y creamos espacios propios.

Pero el tema no para ahí, aunque la web 2.0 fue un gran avance con la aparición de las redes sociales, fortaleciendo la interactividad entre usuarios y entre el navegante con el sistema; ya estamos dando pasos hacia a era de la web 3.0, con tecnología de inteligencia artificial y tridimensional, en la que los mundos virtuales serán cada vez más habituales.

Pero, ¿Qué significa esto para el periodismo?, sin duda la web ha sido una gran herramienta a la hora de generar contenidos en la Internet, ya que la audiencia es cada vez más cambiante, mucho más hipermedia y participativa frente a la información que consume, lo que significa un gran reto para el periodismo digital. 

TECNOLOGÍA MULTIMEDIA

La era digital, en la que ya estamos sumergidos y somos parte de ella, nos ofrece un sin fin de posibilidades a partir de diferentes herramientas narrativas (imagen, video, archivos de audio, texto etc...), que a la hora de diseñar una estrategia comunicativa, son fundamentales, pues éstas nos permiten conectarnos con el mundo digital y lograr comunicar o mostrar el producto que queremos mostrar a través de la web.

La multimedia, es un termino conocido desde los años 90, que significa "múltiples intermediarios entre la fuente y el destino de la información", esto quiere decir, que se utilizan diferentes medios para almacenar, mostrar y compartir información, base fundamental del periodismo digital.

Hoy día, la multimedia nos permite a los usuarios de la Internet, interactuar no sólo con el sistema o el portal web, sino también entre navegantes.

La tecnología multimedia también nos ofrece herramientas digitales, que logran una convergencia entre canales, para comunicar y posicionar una estrategia de contenidos. Y existen muchas herramientas digitales que nos ayudan a fortalecer nuestro objetivo:

* Bitly: Esta herramienta se usa frecuentemente para reducir las URLs, y esto permite que en la web se vea mucho más limpio.

* Código QR: Nos permite almacenar información en una matriz de puntos o en un código de barras.

* Freemind: Éste software permite realizar mapas conceptuales de una manera fácil y rápida.

* ScreenHunter: Esta herramienta nos permite elaborar collage, que a la hora de una presentación o exposición es de mucha ayuda.}

* Free Screen Video Recorder: Es un programa compacto, que cuenta con todas las funciones de grabación para vídeos y capturas de pantalla.

Estas son solo algunas herramientas digitales que a la hora de diseñar o crear un proyecto on-line son valiosas para complementar esa estrategia comunicativa. 

Es muy importante tener claro que el periodismo digital nunca debe perder su esencia inicial, y es la de informar la verdad de los hechos basados en la investigación, indagación de fuentes, las cifras como soporte de la información.

¡EL SIGLO XXI SE CONECTA!

La globalización y el uso de las nuevas tecnologías nos permiten hoy día a los usuarios de la Internet acceder a la información, compartirla, opinar y debatir sobre un tema en especifico, además de interactuar con el sistema y entre usuarios, logrando que ahora los emisores no sean solo los periodistas, sino que ahora son también los internautas quienes desarrollan contenidos web y se convierten en generadores de opinión.

Pero además, de la facilidad que la internet nos proporciona a la hora de acceder a documentos o plataformas, los contenidos web también nos ofrece diferentes narrativas como los videos, textos, archivos de audio etc.. que sin duda alimentan o complementan la interactividad del usuario en la red.

El periodismo digital, considerado por algunos analistas como el nuevo género periodístico, permite el constante flujo de contenidos por medio de la interactividad y la multimedialidad, un campo que aún hoy día, esta en transformación constante. 

Sin embargo, el verdadero reto de los periodistas digitales contemporáneos es proveer al usuario por medio de estos canales digitales, la inmediatez, actualización, interactividad e innovación de los contenidos en la web.