Estandares de diseño de interfaces web

Inicio » Estandares de diseño de interfaces web

definición del diseño de la interfaz de usuario

Se acabaron los días de los sitios de Geocities con su HTML codificado y nunca cambiante. Los sitios y las aplicaciones de hoy son dinámicos e interactivos. Nuestro trabajo como diseñadores es hacer que la interfaz a través de la cual interactúan con nuestro diseño de interfaz de usuario web sea lo más cercano a lo ideal. Por suerte, hay algunas reglas casi universales que pueden ayudar. Hemos reunido lo que creemos que son los mejores principios de diseño para que puedas mejorar todos tus futuros proyectos de diseño web.

Ya sea una serie de herramientas de diseño para aplicaciones de diseño web, el inventario de un personaje en un videojuego, una hoja de cálculo, o cualquier otra cosa, si el usuario no puede encontrar lo que quiere, rebota en tu software. Las pestañas hacen que las cosas sean accesibles. También los accesos directos y los tooltips de los hover.

Elegimos usar pestañas para organizar Divi, por ejemplo. Todas las herramientas que necesitas están ahí en el constructor, separadas por categorías. Las barras de herramientas son igualmente accesibles. Si utilizas WordPress, la barra de herramientas de administración te permite acceder rápidamente al editor de entradas, al personalizador de temas, a la configuración de los plugins, etc. Las opciones están claramente etiquetadas, y no tienes que buscarlas.

diseño de la interfaz de usuario de la web

El marco tecnológico subyacente a la web actual ofrece una plataforma para mucho más que la interacción básica basada en enlaces y formularios. Gran parte del comportamiento y la funcionalidad complejos que históricamente han sido el dominio de las aplicaciones nativas, como el procesador de textos, la imagen y el software de edición de vídeo, ahora pueden tener lugar en el navegador. La capacidad de crear interfaces complejas conlleva otra habilidad crucial para los equipos de desarrollo web: el diseño de la interacción. Muchos equipos web cuentan con diseñadores visuales y arquitectos de la información, pero carecen de experiencia en el diseño de interfaces de usuario. Y la calidad de las experiencias de los usuarios depende en gran medida de lo fácil que sea moverse por un sitio mientras se mantiene orientado, y de lo fácil que sean las funciones del sitio.

Los lectores necesitan una sensación de contexto de su lugar dentro de una organización de información. En los documentos en papel, esta sensación de estar en un lugar es una mezcla de señales organizativas gráficas y editoriales proporcionadas por el diseño del libro, la organización del texto y la sensación física del libro como objeto. Los documentos electrónicos no ofrecen ninguna de las pistas físicas que damos por sentadas a la hora de evaluar la información. Cuando vemos un enlace de hipertexto en una página web, tenemos pocas pistas sobre a dónde nos va a llevar, cuánta información hay al otro lado del enlace y cómo se relaciona exactamente la información enlazada con la página actual.

diseño de la interfaz de usuario

Los lectores necesitan una sensación de contexto de su lugar dentro de una organización de la información. En los documentos en papel, este sentido de la ubicación es una mezcla de señales organizativas gráficas y editoriales proporcionadas por el diseño gráfico del libro, la organización del texto y la sensación física del libro como objeto. Los documentos electrónicos no proporcionan ninguna de las señales físicas que damos por sentadas a la hora de evaluar la información. Cuando vemos un enlace de hipertexto en una página web, tenemos pocas pistas para saber adónde nos llevarán, cuánta información hay al otro lado del enlace y cómo se relaciona exactamente la información enlazada con la página actual.

Incluso la visión de las páginas web individuales está restringida para muchos usuarios. La mayoría de las páginas web no caben completamente en un monitor de oficina estándar; suele haber una parte inferior de la página que el usuario no puede ver. Los usuarios de dispositivos móviles de pantalla pequeña tienen un puerto de visión aún más limitado, y una visión de gran tamaño de una página web es imposible para los usuarios de lectores de pantalla, que acceden a las páginas elemento a elemento. Las páginas web deben dar al usuario indicaciones explícitas sobre el contexto y la organización del sitio, ya que sólo está disponible un pequeño segmento de cualquier sitio en un momento dado (fig. 4.10).

pautas de diseño de aplicaciones web

El marco tecnológico subyacente a la web actual ofrece una plataforma para mucho más que la interacción básica basada en enlaces y formularios. Gran parte del comportamiento y la funcionalidad complejos que históricamente han sido el dominio de las aplicaciones nativas, como el procesador de textos, la imagen y el software de edición de vídeo, ahora pueden tener lugar en el navegador. La capacidad de crear interfaces complejas conlleva otra habilidad crucial para los equipos de desarrollo web: el diseño de la interacción. Muchos equipos web cuentan con diseñadores visuales y arquitectos de la información, pero carecen de experiencia en el diseño de interfaces de usuario. Y la calidad de las experiencias de los usuarios depende en gran medida de lo fácil que sea moverse por un sitio mientras se mantiene orientado, y de lo fácil que sean las funciones del sitio.

Los lectores necesitan una sensación de contexto de su lugar dentro de una organización de información. En los documentos en papel, esta sensación de estar en un lugar es una mezcla de señales organizativas gráficas y editoriales proporcionadas por el diseño del libro, la organización del texto y la sensación física del libro como objeto. Los documentos electrónicos no ofrecen ninguna de las pistas físicas que damos por sentadas a la hora de evaluar la información. Cuando vemos un enlace de hipertexto en una página web, tenemos pocas pistas sobre a dónde nos va a llevar, cuánta información hay al otro lado del enlace y cómo se relaciona exactamente la información enlazada con la página actual.

Ir arriba