El diseño de pantalla describe el diseño de interfaces gráficas de usuario. El diseño de pantallas incluye una amplia variedad de apps en las que se pueden usar pantallas como parte de la interacción hombre-máquina. Debe distinguirse de las funciones de una interfaz gráfica de usuario. La implementación técnica no forma parte del diseño de la pantalla.
Información general
El diseño de la pantalla puede entenderse como la concepción y creación de la interfaz gráfica de usuario (GUI en sus siglas en inglés). La disposición de los items pantalla es de gran relevancia. Esto se refiere principalmente al layout. El concepto de la arquitectura de información se presenta en detalle puesto que la ubicación de items como navegación, texto, encabezados, así como subencabezados, imágenes, vídeos, iconos y otros contenidos de la interfaz de usuario es un factor importante. Por ende, el diseño de la pantalla tiene que ver con la composición de los múltiples items y contenidos, y su apariencia en su respectiva interfaz.
Uso de diseño de pantalla
El diseño de pantallas no sólo se usa para sitios web, webs móviles o apps para smartphones, sino además en muchas otras apps que disponen como elemento central la interacción del usuario en distintos tamaños de pantalla. Estos formatos de salida múltiples son un desafío para los diseñadores, puesto que el contenido se mostrará en distintos pantallas. Esto además significa que deben tenerse en cuenta y explotarse ciertas restricciones y posibilidades.
Las características y los posibles patrones de interacción deben ser soportados por las propiedades gráficas del medio. A la vez, la impresión general de la pantalla debe satisfacer ciertos requerimientos estéticos. Por ejemplo, los items de las pantallas deben tener proporciones que tengan un efecto estético en el observador o usuario. Dicha estética está a su vez asociada a la interfaz de usuario y está de forma directa relacionada con aspectos como el diseño web, la usabilidad o la experiencia del usuario.
Tipos de funciones
Los diseñadores que están al cargo del diseño de las pantallas normalmente colaboran con programadores y diseñadores web para soportar las características de las apps de visualización por medio de del diseño. Disponen que cumplir con las normas de diseño de la pantalla y además prestar atención los factores psicológicos y técnicos. Posteriormente de todo, las pantallas siempre forman parte del lenguaje de programación o de marcado utilizado y de los posibles patrones de interacción del usuario. Al principio de un procedimiento en el diseño de pantalla es siempre está usuario. El diseño de la pantalla debe basarse en el público objetivo. Por ende, los diseños de pantallas sin barreras se conciben de forma distinto que los diseños de pantallas para dispositivos móviles. Las pantallas para niños contienen items de diseño distintos a los de los adultos.
A lo largo del procedimiento de diseño, aspectos como el diseño corporativo o la implementación técnica con HTML, PHP y sobre todo CSS además juegan un papel importante. Esto último depende, de todos modos, del área de aplicación y del idioma utilizado. Por ende, los diseñadores de pantallas usualmente crean una guía de estilo que resume y documenta los patrones de interacción y diseño visual. El propósito de una guía de estilo es la implementación consistente de los distintos requerimientos para los distintos dispositivos de salida, grupos objetivo y características de la interfaz de usuario.
Contenido de las guías de estilo
Las guías de estilo pueden constar de los siguientes factores:
- Arquitectura de información o de página.
- Disposición general (para sitios web, esto sería la estructuración de modelos de salida).
- Guía básica del usuario.
- Especificación detallada de modelos de pantalla.
- Asignación de funciones a las pantallas (menú, navegación, contenido).
- Asignación de funciones a estilos de interacción (control con ratón, teclado o menú contextual).
- Concepto tipográfico (fuente, tamaño de fuente, disposición del texto).
- Esquema de color (color de la fuente, fondo y plantillas de pantalla).
- Estilo de ventanas, pop-ups, infografías, iconos, botones y animaciones.
- Definición de formatos para números, fechas o información de dirección.
- Patrón de diseño (plantilla) para el contenido posterior.
- Típicamente, los ejemplos se crean en el tutorial de estilo que dan al cliente una primera impresión concreta de la interfaz gráfica de usuario.
Importancia para la usabilidad
El diseño de la pantalla va de la mano con los aspectos técnicos, psicológicos y, de todos modos, prácticos de una interfaz de usuario. En las etapas preliminares, se debe prestar atención el grupo objetivo, el objetivo de la interfaz de usuario y el marco en el que existe. Ya sea un portal web, un portal web dispositivo móvil o una aplicación de software, el diseño de la pantalla no sólo se refiere a la primera impresión de una aplicación, sino que es un factor clave en términos de las propiedades gráficas de toda la interfaz de usuario. Por ende, el diseño de la pantalla tiene un papel concretamente importante en las áreas de usabilidad, experiencia de usuario e interacción entre el hombre y la máquina. El diseño de la pantalla afecta a las conversiones de sitios web, apps y software.
