• 0k
  • 0
Diseño Web \ 10 Mayoo 2015

UX: Guía para Principiantes

No hay nada más molesto que ingresar a una página web que contenga enlaces rotos, una hoja de contacto no visible o un texto desprolijo ¡No seas esa persona! Puedes crear tu increíble página web con las palabras de Gabriel García Márquez, pero sin una buena experiencia para el usuario no tienes nada.
Las siglas UX (en inglés: User Experience) significan el poder de un diseño que responda a las necesidades de tus usuarios a la hora de engancharse con tu marca. Desde los colores de tu sitio hasta la navegación, y todo lo que está entre medio.
Vamos a descomponer todas las piezas de este rompecabezas para garantizarte usuarios satisfechos que sigan volviendo a ti.

UX Design Letras sobre un cuaderno

Realiza un Esquema

Antes de poner un solo dedo en el teclado y comenzar, tienes que asegurar de hacer un esquema claro de qué es lo que te gustaría incluir en tu página web. Te recomendamos hacer un mapa conceptual de cómo idealizas la navegación con papelitos y colorear los elementos que se repetirán en cada página. Una vez que tengas esto hecho puedes elegir una plantilla basada en sus funciones y no en sus imágenes. Recuerda ¡todo es personalizable!

Un muchacho y una muchacha planificando una página web

Chequea dos Veces que Puedas Leerlo

Al añadir tu texto, siempre mantén en claro que no solo debe estar bien escrito pero también debe ser legible. Probarlo con unos amigos (también conocido como pruebas de usuarios) es siempre genial, ya que estamos seguros que conoces tu contenido tan pero tan bien, que ya lo podrías decir de memoria. ¡Hemos creado una función para eso!

Un par de reglas:

  • Utiliza una fuente de tamaño entre 12-14 y no utilices más de 13 palabras seguidas.
  • Si vas a elegir una fuente, se consistente con ella.
  • Si el fondo es claro, el texto deberá ser oscuro y viceversa.
  • Asegúrate de resaltar las palabras donde haya un hipervínculo para hacer clic (puedes subrayarlas).

Letras y Fuentes

El Primer Pantallazo

Habrás escuchado hablar a diseñadores sobre “el pliegue” o “el primer pantallazo”. Esto se refiere al lugar en tu página web donde si un usuario quiere seguir leyendo, debe desplazarse hacia abajo. Aunque hoy en día la gran mayoría de la gente se inclina a seguir leyendo, o al menos a echar un vistazo, es importante que lo que es crucial se mantenga siempre sobre esta línea, como por ejemplo, esta información:

  • Información de Contacto
  • Íconos a tus Redes Sociales
  • Logo
  • Barra de Búsqueda
  • Una Imagen

Un escritorio y un monitor

Se Consistente

Tu sitio debe tener sentido, como una sola marca coherente. La mejor manera de lograr esto es encontrar una gama de colores que te guste y aferrarte a ella. Esto le dará una personalidad única a tu página web y demostrará profesionalismo y consistencia. Puedes pensar en esa misma consistencia cuando escribas títulos, encabezados y un menú. Pregúntate lo siguiente: ¿Se conecta con mi marca? ¿Sería un cliente capaz de reconocerla inmediatamente? Las respuestas deberán ser un gran y contundente SÍ.

Tonos de color rosa

No Lleves a Nadie a Un Camino Sin Salida

Muchas páginas web utilizan elementos que, sin saberlo, llevan a sus usuarios a una página inexistente o, peor aún, a una página en donde no hay dónde continuar. Esto es un gran “No” para UX. ¿Cómo puedes evitar esto?

  • Fija los enlaces para que se “abran en una nueva pestaña”.
  • Si tu página web cuenta con pop-ups o alguna registración, siempre incluye un botón de salida que siga “Volver a la Página de Inicio” o “Registrarse más Tarde”.

Cartel de Camino sin Salida

Hazlo Móvil

Como ya hemos mencionado en ocasiones anteriores, que tu página sea móvil ya no es una opción sino una necesidad. Google ahora prioriza todos los sitios que cuentan con una versión móvil en sus motores de búsqueda (¡créenos: quieres figurar en ellos!).
Así que aquí estamos una vez más para recordarte que lo hagas. Algunas de los cambios que puedes hacer para tu móvil son: mover la información de contacto hacia arriba y acortar tu texto.

Manos con un teléfono

Dale a tu Sitio un Valor Agregado

Tu presencia online es mucho más que tu página web. Esto incluye tus redes sociales, emails de marketing y todo tipo de aplicaciones extra. No te olvides lo importante que son estos elementos a la hora de contentar a tus clientes. Una pequeña pista para cada uno de ellos:
Los íconos de tus redes sociales están dentro de tu página de Wix, asegúrate de cambiar el enlace a tus propios canales.
Cuando utilizes Wix ShoutOut, o cualquier otra función de email marketing, aplica cuenta los colores y el estilo de tu página web y mantente siempre en esas líneas.
Añadir aplicaciones tales como el Calendario de Eventos, formularios y testimonios pueden conducir a una experiencia más amigable para el usuario.

¿Listo para crear tu increíble página web de Wix? ¡Prueba una de nuestras plantillas gratuitas y personalízala en minutos!


Bienvenido al

Únete al Blog de Wix ¡Para estar al tanto de novedades!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

¡Suscríbete al Blog! \ 

Diseño web, tendencias, consejos para
emprendedores ¡y todas las novedades sobre Wix!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email