Crear un sitio web es ridículamente fácil hoy en día; cualquiera que tenga una cuenta de correo electrónico puede hacerlo con un poco de investigación, pero ¿es suficiente? Lea para más.
Configurar un sitio web es ridículamente sencillo hoy en día; cualquiera que sepa utilizar el correo electrónico puede crear un sitio web con un poco de investigación, pero ¿es eso suficiente?
Si bien las plantillas y los sistemas de gestión de contenido pueden haber facilitado el diseño, crear un diseño web eficaz que satisfaga a los usuarios sigue requiriendo ciertos conocimientos y experiencia por parte del diseñador.
A continuación se presentan algunos principios de diseño web eficaz que puede utilizar para hacer que su sitio web sea más fácil de usar al instante:
1. Nadie lee texto (pero…)
Uno de los principios más citados y universales del diseño web es que los usuarios no leen las páginas web palabra por palabra como si leyeran un libro; en cambio, saltan de un lugar a otro (o "escanean") en la página web siguiendo un patrón en forma de "F" para encontrar la información que buscan.
Su trabajo como diseñador o estratega de contenido es brindarles esa información de la manera más rápida y sencilla posible; si bien esto puede parecer contrario a sus propios objetivos, considere esto: si usted no lo hace, alguien más lo hará.
vía NN/g
2. Los usuarios no quieren Piense si
Un concepto popularizado por primera vez por el renombrado arquitecto de la información y experto en UX Steve Krug en su libro " No me hagas pensar" , las investigaciones demuestran que, en general, los usuarios son impacientes, buscan la gratificación instantánea y no toman decisiones óptimas, sino que optan por las más fáciles.
En definitiva, a los usuarios sólo les interesa lo que quieren y no el funcionamiento de su sitio web.
“Si encontramos algo que funcione, lo mantendremos. No nos importa si entendemos cómo funcionan las cosas, siempre que podamos usarlas. Si tu audiencia va a actuar como si estuvieras diseñando una valla publicitaria, entonces diseña vallas publicitarias geniales”. —Steve Krug
Es importante mencionar el concepto de carga cognitiva aquí, que se define como "... la cantidad total de actividad mental impuesta a la memoria de trabajo en cualquier instante". En este contexto, la carga cognitiva aumenta con cada elemento de una página web por el que un usuario necesita navegar para llegar a la información que necesita.
¿Quieres un resultado feliz? Reduce la carga cognitiva de tus usuarios.
Al crear un sitio web, tu trabajo consiste en eliminar las dudas : las decisiones que los usuarios deben tomar conscientemente, considerando las ventajas, las desventajas y las alternativas. — Vitaly Friedman
Vía Don't Make Me Think, Steve Krug
3. Adopte el espacio en blanco
Los espacios en blanco son buenos porque ayudan a reducir la carga cognitiva: facilita al usuario dividir el área de contenido en fragmentos de información pequeños.
Una página sin espacios en blanco, repleta de texto o gráficos, corre el riesgo de parecer ocupada, desordenada y, por lo general, es difícil de leer (la gente ni siquiera se molesta). Por eso los sitios web sencillos son científicamente mejores.
vía ConversionXL
Los diseños con amplios espacios en blanco facilitan al lector escanear, analizar y procesar información de forma rápida y sencilla. Esto se debe a que las estructuras jerárquicas reducen la complejidad. Entonces, si tiene que elegir entre espacios en blanco y un divisor horizontal, elija siempre el espacio en blanco.
En primer lugar, los espacios en blanco no tienen por qué ser blancos. El término simplemente se refiere al espacio vacío en una página (o espacio negativo como a veces se le llama). Los espacios en blanco se utilizan para dar equilibrio, proporción y contraste a una página. Una gran cantidad de espacio en blanco tiende a hacer que las cosas parezcan más elegantes y sofisticadas, por lo que, por ejemplo, si vas a un sitio de arquitecto caro, casi siempre verás mucho espacio. Si desea aprender a utilizar los espacios en blanco de forma eficaz, consulte una revista y observe cómo se distribuyen los anuncios. Los anuncios de grandes marcas de relojes, automóviles y similares tienden a utilizar mucho espacio vacío como elemento de diseño.
vía Design Tuts+
4. La regla de los tres clics
La 'regla de los tres clics' establece que un usuario debería poder encontrar cualquier información que busque en su sitio web con tres clics.
Esta regla es simplemente un indicador que puede guiarlo a crear mejores rutas de navegación para comodidad de los usuarios. Hay muchas maneras de hacer esto:
- Navegación (primaria y secundaria)
- Migas de pan en las páginas
- Enlaces y CTA en la barra lateral
- Menú de pie de página bien elaborado
- Enlaces internos dentro de las publicaciones.
Muchos críticos de esta regla dicen que está desactualizada y que realmente no se mantiene firme, pero nuevamente, considérelo más como una idea sobre la creación de caminos de menor resistencia en el flujo de navegación de su sitio web y no como una regla estricta (... eso sería una locura).
vía Wikipedia
5. El buen diseño es la ausencia de un mal diseño
En su libro «The Non-Designer's Web Book» , Robin Williams enumera elementos que pueden obstaculizar una buena experiencia de diseño. Puedes hacer clic en el enlace al final para ver la lista completa y el libro.
Éstos son algunos de ellos:
Texto
- El fondo no interrumpe el texto.
- El texto es lo suficientemente grande para leer, pero no demasiado grande.
- La jerarquía de la información es perfectamente clara.
- Las columnas de texto son más estrechas que en un libro para facilitar la lectura en la pantalla.
Navegación - Navigation
- Los botones y barras de navegación son fáciles de entender y usar.
- La navegación es consistente en todo el sitio web.
- Los botones y barras de navegación brindan al visitante una pista sobre dónde se encuentra y en qué página del sitio se encuentra actualmente.
- Los marcos, si se utilizan, no son molestos
- Un sitio grande tiene un índice o mapa del sitio.
Enlaces
- Los colores de los enlaces se coordinan con los colores de la página.
- Los enlaces están subrayados para que el visitante los vea instantáneamente.
DISEÑO
- Los botones no son grandes ni tontos.
- Cada gráfico tiene una etiqueta alt.
- Cada enlace gráfico tiene un enlace de texto coincidente.
- Los gráficos y fondos utilizan colores compatibles con el navegador.
- Los gráficos animados se apagan solos.
Diseño general
- Las páginas se descargan rápidamente
- La primera página y la página de inicio caben en un espacio de 800 x 600 píxeles
- Todas las demás páginas tienen un impacto visual inmediato dentro de 800 x 600 píxeles.
- Buen uso de elementos gráficos (fotos, subtítulos, citas) para dividir grandes áreas de texto.
- Cada página web del sitio parece pertenecer al mismo sitio; Hay elementos repetitivos que se transmiten a lo largo de las páginas.
a través de características de mal diseño
Preguntas Frecuentes
El término “diseño web” se refiere al diseño de sitios web que se muestran en Internet. Más que el desarrollo de software, generalmente se refiere a los aspectos de la experiencia del usuario en el desarrollo de un sitio web.
Un diseñador web planifica, crea y codifica sitios web y páginas web, algunas de las cuales incluyen audio, imágenes, gráficos y videoclips. Un diseñador web crea el diseño y la disposición de un sitio web o página web. Se puede desarrollar un nuevo sitio web o actualizar uno existente.
En caso de que no esté seguro de si el diseño web es difícil, no se preocupe. El diseño web no es difícil si tienes la pasión, el impulso y las herramientas adecuadas. Con toneladas de oportunidades laborales y salarios atractivos, es una carrera lucrativa.
Shubham es un especialista en marketing digital con amplia experiencia trabajando en la industria de la tecnología publicitaria. Tiene una amplia experiencia en la industria programática, impulsando la estrategia comercial y escalando funciones que incluyen, entre otras, crecimiento y marketing, operaciones, optimización de procesos y ventas.
