El diseño de páginas de web o sitios de Internet es una colección de diferentes habilidades — redacción, tipografía, arte e ingeniería — todo fusionado para crear una interfaz que no sólo cuente con una estética agradable, pero que comunica la función y facilita el acceso a su contenido ya sea estático o dinámico.

De aquí los conceptos de UX, IA y UI: User Experience, Information Architecture & User Interface

Dependiendo de esto se requiere de otras habilidades y conocimientos técnicos de lenguajes de programación, plataformas de servidores, comportamiento de los distintos dispositivos y de herramientas especiales para desarrolladores para validar y conectar el sitio con los protocolos de los servicios de búsqueda y aplicaciones más populares como Google SEO, Google Maps, Google Analytics, Facebook Fan page, y muchos más. En especial por los cambios que están implementando ciertos servicios para detener o atacar el fraude cibernético, bulling y otros abusos que se esta convirtiendo en una amenaza real a la seguridad de gobiernos, corporaciones e incluso personas.

En este artículo nos enfocaremos mas en el diseño como tema principal.

Sin embargo para lograr resultados exitosos, hay que combinar todos estos elementos con una dirección clara. Una dirección que guiará cada aspecto del diseño hacia objetivos comunes.

Esto es diseño estratégico.

Diseño estratégico es la fusión de métodos de organización con todos los aspectos del proceso del diseño. No es simplemente diseñar una pagina web para que se vea bien. Se trata de lograr los objetivos y las metas de quien lo ha contratado, mas allá del diseño.

Existen muchos sitios web con diseños increíbles, los cuales despliegan las ultimas tendencias tecnológicas, y que a menudo fallan miserablemente en su objetivo. Claro que es importante estar actualizado en lo que respecta a nuevas tendencias, plataformas técnicas y dispositivos tecnológicos, ya que mantiene nuestros diseños frescos y modernos, pero la aplicación de estos debe ser usados de manera inteligente ya que estaremos creando un instrumento de comunicación entre una máquina y un ser humano, con la primicia de lograr la mejor Experiencia para el Usuario.

Por ejemplo, un blog no es un folleto de mercadotecnia, por lo cual es importante hacer que nuestro diseño este dirigido a facilitar la lectura en lugar de estilo. De la misma forma, una pagina web para promocionar la venta de productos por Internet será muy diferente, ya que se pretende que el visitante llegue lo mas directamente al producto que esta buscando, o para la promoción de contenidos de entretenimiento que hará uso masivo de gráficos e imágenes que muestran las cualidades del producto y atraigan la atención del visitante, en este caso el diseño visual será lo mas importante.

Cuando un diseñador usa la tecnología de moda sin pensar cual es la función del sitio, o no toma en cuenta el negocio u organización detrás de este, seguramente los resultados finales serán poco efectivos.

El diseño de sitios web es la creación de una interfaz que comunica función, uso y fácil acceso, ademas de provocar los sentimientos y las emociones correctas. Un sitio web efectivo contiene todos estos elementos conjuntamente con los objetivos de nuestros clientes. Por lo que diseño estratégico es identificar las metas y usarlas para que guíen nuestro diseño.

Implementación de diseño estratégico

Veamos como podemos diseñar estratégicamente en seis pasos nuestro proyectos web.

1. Establecer Metas

El primer objetivo antes de diseñar el sitio web, es hablar claro con los clientes acerca de las metas.

¿Que quiere lograr con su nuevo sitio web o su re-diseño?

¿Cual es el propósito de la pagina?

Pregunte al cliente o cuestione así mismo cuales son los objetivos y metas. Si aun no lo sabe, hable al respecto con el cliente hasta que quede perfectamente claro.

Es importante saber cual será la dirección a seguir si desea que su diseño tenga un propósito. Recuerde que un sitio web no es una obra de arte, es una interfaz que cumple con un propósito.

Esa función puede ser la de vender productos, entretener, informar, o facilitar el acceso a un servicio.

Cualquiera que sea la función, su diseño deberá centrarse en estos objetivos. Las metas también son importantes, especialmente cuando esta haciendo un re-diseño.

Pregunte por que se esta re-diseñando:

¿Quiere aumentar el número de conversiones, atraer mas inscripciones, reducir el número de cancelaciones, o tal vez aumentar la participación de los usuarios?

Cada una de estas respuestas le darán una dirección clara de que tipo de diseño se debe implementar.

2. Identificar a su público

Quién es su público, jugará un papel importante en la forma en que su sitio web debe ser y funcionar.

Hay muchos datos demográficos pueden influir en su diseño, tal como la edad, sexo, profesión, etc.

Por ejemplo; un sitio web de entretenimiento será dirigido a un público más joven, y un sitio web de noticias será dirigido a una audiencia madura. En este caso, la navegación sencilla deberá desempeñar un papel más importante para audiencias mayores y con menos conocimientos técnicos.

Su audiencia no sólo influye en la estética general del sitio web, también determinará un montón de pequeños detalles, tales como los tamaños de fuente, el tipo de imágenes, etc. Por lo que es importante saber de antemano quien visitara el sitio web.

3. Determinar la Imagen de Marca

Muchos diseñadores tienden a inspirarse demasiado en las ultimas tendencias y las aplican sin pensar cual es la imagen que realmente deberían usar. Botones tipo cristal, degradados y reflexiones pueden funcionar para algunos sitios, pero no son los correctos para el sitio que estará diseñando y para la imagen del cliente.

Piense sobre el color. Piense en la sensación que quiere lograr y de las emociones que desea provocar.

Y considere que el usuario quizá podrá verlo en una apariencia y proporción diferente a la que el diseñador ve en su lienzo, en este caso el tamaño de pantalla. La mayor parte del acceso a Internet es por dispositivos móviles, tabletas y teléfonos inteligentes.

Su diseño deberá personificar y tener el carácter de la imagen de marca del cliente. Todo tiene una imagen de marca, aun que no se venda algún producto o servicio — por ejemplo, si usted tiene un blog — su sitio web tiene un estilo que crea alguna impresión en sus visitantes. Determine cual será la impresión que el sitio debe evocar.

4. Dirección de diseño orientado a objetivos

Ya determinó el propósito del sitio web, ya se establecieron algunas metas que se quieren lograr, ya identificó su audiencia, su tamaño de pantalla primario (desktop o móvil) y su imagen de marca. Ahora puede proceder a su ejecución.

¿Como hacer que el diseño este sincronizado con su estrategia?

Usemos el siguiente ejemplo.

Supongamos que le objetivo principal es aumentar el número de suscripciones a su sitio web. ¿Como el diseño puede lograr ese objetivo? Hay por lo menos tres cosas aquí que harán la diferencia:

1. Hacer el acceso a la página “Acerca de”, lo mas claro y conciso posible. El visitante no debe tener ninguna duda de cual es la función del sitio.

2. Utilice color y contraste para que el botón de registrarse, comprar ahora o “CTA Call to action” se destaquen. Si la gente no encuentra fácilmente este botón, seguramente no se completará la acción que pretendemos.

3. Agilice el proceso de conversión de visitas en ventas o de acceso a información restringida a suscriptores eliminando los elementos innecesarios y opcionales. Estos datos pueden ser llenados mas tarde. Si la forma es muy larga, lo mas probable es que el visitante abandone o cierre la página.

Estos son sólo tres formas de dar dirección al diseño dirigido hacia la meta de incrementar el número de conversiones de visitas a suscripciones al sitio. Las metas pueden variar, pero la estrategia es la misma: Dar forma y enfocar todos los elementos de diseño en el cumplimiento de esos objetivos.

La misma estrategia se aplica a su marca y a su público: el mejor diseño es el que se adapta a las metas.

Si el sitio web es para entretenimiento, entonces cree una “experiencia”. En este caso puede usar mucho color, e imágenes que den forma y proyecten esta experiencia al visitante. Pero si esta diseñando un sitio web de información, tales como un blog, una tienda online o una revista, nuestro objetivo se centrará en el uso y legibilidad.

Crear una interfaz que no distraiga al usuario del acceso del contenido.

5. Medir los resultados

Una vez que se haya diseñado el sitio web y que este en linea, es el momento para medir el éxito. Esto es tan importante como los dos primeros pasos, ya que probará lo bien que fue diseñado y su eficacia para lograr las metas y objetivos preestablecidos.

Si el objetivo es aumentar el número de inscripciones a su servicio, mida y vea si los cambios están teniendo un impacto positivo. Vea como las estadísticas de su ranking se incrementan. Si el objetivo fue aumentar la participación del usuario, vea si hay más comentarios o mensajes, o cualquier otra cosa relevante en el contexto.

También puede preguntar la gente sus opinión al respecto, esta es una manera sencilla para saber si va en la dirección correcta. Pero tenga cuidado en implementar todas las sugerencias que le hagan. Ya que cada quien basa su opinión en su gusto personal, y cada quien tendrá una opinión diferente de como debería ser diseñado el sitio web. Si va escuchar opiniones, busque patrones; vea que tienen en común los comentarios, y analice e implemente aquellos que se alineen con la estrategia y las metas preestablecidas.

Medir los resultados del sitio web es toda una ciencia, y va mas allá de este articulo. Sin embargo, no importa el tipo de análisis que se haga, lo importante es tener alguna forma medir los objetivos clave. Esta información puede mostrarnos si vamos en la dirección correcta con nuestro diseño y cuales son los cambios que necesitamos implementar en el futuro.

Aun si el presupuesto es mínimo, se puede usar herramientas para obtener información sobre el sitio web, el que nos dirá cuales son las paginas que la gente visita mas en su sitio, etc.

Google Analytics es un servicio gratuito, con gran cantidad de datos sobre cómo se está utilizando su sitio web, incluyendo plantillas de las páginas para ver donde la gente hace clic con más frecuencia, y mucho más.

6. Kaizen

Hay una filosofía japonesa llamada “Kaizen”, que se centra en la mejora continua mediante pequeños pasos.

Cuando usted diseña su sitio web, deberá pensar en Kaizen, ya que la versión que acaba de publicar no es la versión final.

De hecho, nunca hay una versión final!!.

Siempre se puede hacer mejoras, y la propia naturaleza de un sitio web le permitirá introducir estos cambios en cualquier momento.

Una revista se imprime y se vende: una vez que la revista se distribuye está fuera de sus manos, no se puede hacer ningún cambio, corregir ortografía o errores.

Un sitio web, sin embargo, se encuentra en el servidor: si encuentra un error, puede corregirlo de inmediato. De la misma manera, se pueden introducir mejoras graduales y actualizaciones para que el sitio web sea más eficaz y en el servicio de su función.

Y más en estos tiempos en que mientras se desarrolla una mejora hacia una nueva tendencia para cuando terminas de implementarla te encuentras con una mejor o la aparición de otro nuevo dispositivo. Solo Android tiene mas de 20 mil modelos de teléfonos con distintos tamaños de pantallas, memoria y procesadores. Y por otro lado existe un gran número de usuarios con sistemas obsoletos y tiene el equipo de webmasters y de "UX user Experience" que actualizarse y crear soluciones compatibles con todas las plataformas.

Y el futuro próximo trae nuevos retos. Realidad virtual, dispositivos vestibles como los smart watches, pantallas de 4 o 5 k, retina display y todos los dispositivos, vehículos, servicios y hasta electrodomésticos conectados a  Internet bajo el concepto de "Connected Home" que ya esta empezando a aparecer en la linea de gama alta.

Solo piensen en estas en estas palabras que describen el efecto de la innovación y la obsolescencia. Sony, Nokia, Blackberry, Google, Samsung, Iphone y Kodak. La marca puede planear que desea ofrecer. El consumidor decide que quiere adquirir.

Utilizando los resultados de las mediciones, se puede identificar las áreas problemáticas. Tal vez sus visitantes no pueden encontrar el vinculo a su producto o concepto principal, o el porcentaje de abandonos es muy alto, o una página importante en su sitio web no está recibiendo suficientes visitas. O que un segmento importante de usuarios que nos visita tiene sistemas que no coinciden con la elección de tamaño de pantalla primario que es del que deriva el concepto de diseño orientado a ser una Interfaz de Usuario intuitiva y fácil de usar.

Sea cual sea el problema, siempre habrá una manera de mejorar las cosas.

Conclusión:

La esencia principal del diseño estratégico es simplemente sentido común: Hacer algo con propósito específico, por supuesto.

Este objetivo se debe cumplir a través del diseño. Ya que en la realidad es muy fácil olvidar las metas y terminar con algo que es hermoso, pero en última instancia que no funciona en contexto.

Es muy fácil caer en la trampa de usar de las últimas tendencias de diseño sólo por hacer un diseño atractivo, o dar formato a una plantilla que pretende parecerse a otro sitio web sin tomar en cuenta el propósito de este.

Evite caer en estas trampas, pensando de antemano cada decisión de diseño que realice.

¿Por que el color de este botón?

¿Por que estamos usando barras de menús?

¿Por que debemos utilizar iconos en esta lista?

Una vez que adquirimos el habito de cuestionar cada decisión de diseño, todo el proceso se vuelve mas acertado y centrado.

No se limite a crear un hermoso sitio web: Cree una página web que realmente funcione.

Author Webmaster

Posted on January 2, 2017