Contando historias con tus diseños
Los sitios web son increíblemente versátiles como medio, para ser usados para mostrar información y otro contenido, y si están bien diseñados, pueden hacerlo de una manera agradable que el lector pueda digerir fácilmente.
Esto se puede hacer mediante la combinación de una persona del sitio con una narración continua, consistente en todo, que se unirán para crear una "historia" a través de la cual se puede entregar contenido relevante.
Es importante reconocer como diseñador que la historia, en la que se basa el contenido, aparece antes que cualquier otra cosa en el sitio.
El contenido no puede simplemente 'soltarse' en el sitio después del diseño; necesita ser construido en el orden correcto: historia, contenido y luego, finalmente, diseño.
Reunir la "historia" de su sitio implica dos componentes principales, una persona y una narrativa.
Personas
Al diseñar un sitio web, cualquier diseñador experimentado le dirá que la información más importante que necesitan es la audiencia objetivo. Esta es información necesaria para diseñar el sitio web, el diseño, qué contenido (tanto texto como imágenes) incluir, incluso qué esquemas de color usar.
Una vez que se encuentre esta información, ya sea a través de estudios de mercado, o mediante su objetivo principal como un sitio que sea atraer a un público en particular, puede averiguar cómo adaptarlo al diseño de su sitio. Si bien el contenido a menudo determina cuál es el público objetivo, un sitio de comercio electrónico que vende juguetes para niños está claramente dirigido a los padres, obviamente siempre habrá excepciones. Pero esta es una parte importante de saber lo que tu historia debe transmitir. Su público objetivo ideal tiene preferencias y personalidad; esta es tu persona de usuario
Luego viene la persona del sitio, que en realidad es una persona ficticia, que representa su sitio (no el público) en todos los sentidos: estilo, apariencia, ideas, edad, todo lo cual simboliza varios aspectos de su sitio. Estas características se combinan para formar una personalidad, una persona, que define su sitio y ayuda a proporcionar una imagen clara de cómo debe comportarse, cómo debe ser y qué contenido debe contener.
La importancia de esto en el diseño web no puede enfatizarse lo suficiente, ya que impide que los diseñadores caigan en la trampa de enfocarse en elementos individuales del sitio, que se combinan para crear un sitio pobre con falta de coordinación. Un diseñador con una imagen general del sitio, desde la etapa de conceptualización desde el principio, creará un producto final mucho mejor.
Para crear su personaje de sitio, necesitará tener lo siguiente:
- Una buena idea de su público objetivo: como se mencionó anteriormente, puede usar su persona de usuario para ayudar a moldear la personalidad de su sitio, sin embargo, solo necesita relacionarse con la persona del usuario, no reflejarlo directamente; de lo contrario, su sitio será demasiado específico
- Referencias a figuras clave de su organización (si corresponde): esto ayudará si su identidad de marca se basa en las personas de su organización, ya que la persona de su sitio puede reflejar elementos suyos, tal como lo hizo Apple con Steve Jobs, y mojang.com , una empresa de desarrollo de juegos hace con su título principal, Minecraft, haciendo referencia a él en el título de su sitio y en otros lugares prominentes.
- Contenido promocional: esto conformará la experiencia del usuario en su sitio, y será influenciado en parte por la persona de su sitio, pero al ser parte de él, y por lo tanto influye en él. El contenido le dirá a su usuario de qué trata el sitio y qué personaje tiene, desempeñando un papel importante en la persona de su sitio. Este será un tema que volveré más adelante en este artículo, sin embargo, es un punto que vale la pena tocar en relación con las personas.
- Cualquier otra documentación / contenido relevante: esto puede parecer increíblemente vago; sin embargo, los sitios pueden ser muy variados, y cualquier contenido o aspecto relevante de un sitio puede ser útil para crear una persona para él, e incluso cosas sutiles y aparentemente intrascendentes pueden hacer que diferencia al front-end de su sitio.
Narrativa
La narración de su sitio es la esencia de su historia y abarca todo su contenido. Su narración es el video incrustado en su sitio; es el contenido en su página de acercamiento; es tu imagen de fondo; prácticamente todo su contenido se une para brindarle al usuario una experiencia global que forma una narración.
Es fácil pensar en una narrativa de forma similar a un sitio temático. Sin embargo, es ligeramente diferente ya que los temas se centran en el diseño, donde la narrativa se centra en todos los aspectos, incluido, y especialmente, el contenido. La importancia de la narrativa es que dicta el ritmo de su sitio y cómo el usuario interactúa con él, desde la barra de navegación hasta la pantalla de "transacción completa".
Las mejores narraciones provienen de un crecimiento orgánico, y es útil contar con un contenido existente para definir su narrativa, en lugar de desarrollar su narrativa y luego crear artificialmente contenido al respecto. En pocas palabras, la narrativa es el viaje que el usuario experimenta en su viaje a través de su sitio, y tendrá que hacerlo bien para que su usuario tenga una experiencia agradable. Al igual que una narración necesita colgarse bien en una novela, también lo hace la narrativa de su sitio.
Al igual que con las "referencias a figuras clave de su organización" en Personas de más arriba, su narración puede beneficiarse de las aportaciones de la historia de su empresa o una figura de su empresa, destacando los altibajos, cualquier cosa que hará que su usuario / lector cuidado y se interese en su sitio. Si su sitio tiene un blog, sus usuarios, si tiene una historia interesante, volverán una y otra vez para buscar actualizaciones y participar en su sitio. Esto es especialmente evidente si tiene un foro en su sitio, ya que los usuarios pueden contribuir directamente.
Un método narrativo que se utiliza con demasiada frecuencia es la página de bienvenida, generalmente una entrada de todos los canto y todos los bailes del evento principal de su sitio. En la mayoría de los casos, no cuenta una historia, solo se interpone en el camino. Rompe la estructura del sitio y ofrece una fachada que podría no reflejar el verdadero contenido del sitio.
Donde la narración puede ser más útil en su sitio es en este contexto (centrándose específicamente en la navegación):
En la historia de este sitio, usted aprende sobre el producto del sitio, lo prueba y le gusta, así que luego cómprelo. Después de la compra, necesita asistencia por cualquier motivo, error o consulta de alguna descripción. Y luego, al final, podemos contactar a la empresa, para consultas comerciales o como cliente.
La inferencia natural del diseño de esta barra de navegación, desafortunadamente para el sitio, es que SUPPORT sigue a PURCHASE porque algo ha ido terriblemente mal, y CONTACT es nuestra última esperanza de obtener satisfacción luego de que falla SUPPORT. (El soporte debe haber fallado, no solo porque tiene una reputación terrible en varias industrias, sino también porque encaja en la trama: si el soporte tuvo éxito, ¿con quién tendríamos que contactar?)
Esto puede parecer demasiado psicoanálisis para un diseñador web, pero si su historia se basa en un sistema de navegación básico, entonces es importante pensar en el proceso en el que su usuario examinará cada página. Obtener el orden correcto de la navegación es similar a matar a un personaje en un libro antes de presentarlo: simplemente no tiene sentido en la narración de la historia.
Otra forma útil de pensar en el diseño en relación con tu narrativa y tu historia es visualizando un periódico o un cómic. Para los artistas de cómics / novelas gráficas, siempre existe un problema con el posicionamiento de los paneles, en la medida en que necesitan que los ojos del lector se dibujen de un panel al siguiente, en lugar de fuera de orden. Puedes ver cómo esto sería un problema con los comics en un periódico dominical. Con solo unos pocos paneles con los que trabajar, un artista debe asegurarse de que la frase final (generalmente el panel final) no le resta tanto al producto final que el lector lo vea primero.
De esta forma, puede visualizar el diseño de su sitio y cómo fluye, ya que a menudo los usuarios se canalizan subconscientemente por el mismo orden de páginas y enlaces, creando su primera impresión del sitio basada en posicionamiento de anuncios o contenido debajo de la línea de desplazamiento que ¡no pueden ver, donde querías que la visualización inicial del sitio fuera tan diferente!
Para concluir, su sitio, pequeño o grande, tendrá una experiencia de usuario, y si no se ha tomado el tiempo o cuidado de crear una historia, no estará tan coordinado o fluirá tan bien como podría hacerlo. Los sitios que ves donde piensas, "eso es realmente ingenioso", o "ojalá mi sitio funcionó tan bien como eso", probablemente han sido narrados con una narración y se han cuidado de diseñar una persona.
Así que la próxima vez que visite Apple.com, piense qué tipo de persona tiene y cómo se ha diseñado el sitio para que fluya, colocando primero su producto Mac líder, pero el producto iPhone en el centro de la navegación, en lugar de segundo, y tener su logotipo de Apple en lugar de un botón de inicio para el reconocimiento de la marca.