Esto te puede interesar.

Este video te proporcionará herramientas que puedes utilizar para la creación de tu propia interfaz.

Diseñar una interfaz 2

El diseño de la interfaz de usuario requiere de una buena comprensión de las necesidades del usuario. Hay varias fases y procesos en el diseño de una interfaz de usuario, algunos de los cuales son más demandados que otros, dependiendo del proyecto.​ (Nota: en lo que resta de sección, la palabra sistema se utilizará para referirse a cualquier tipo de proyecto, ya sea éste para el desarrollo de una web, una aplicación o dispositivo.

La ingeniería de requisitos - elaboración de una lista de los elementos funcionales requeridos por el sistema para que cumpla los objetivos del proyecto y las necesidades potenciales de los usuarios.

El análisis del perfil de los usuarios y las tareas - un tipo de trabajo de campo que consiste en la actividad de análisis de los usuarios potenciales del sistema, estudio de la forma en la que realizan las tareas que el diseño debe permitir, y realización de las entrevistas que permitirán determinar sus objetivos.​ Con preguntas habituales como:

¿Qué querría el usuario que haga el sistema?

¿Cómo encajaría el sistema en el flujo de trabajo o las actividades diarias?

¿Cuán competente es el usuario técnicamente y qué sistemas parecidos ya utiliza?

¿Qué estilos de aspecto y comportamiento son los preferidos del usuario?

Arquitectura de la información - desarrolla un flujo de información y/o procesos del sistema (por ejemplo, en un sistema de desvío automático de llamadas, podría ser diagrama de flujo en forma de árbol de opciones, o en un sitio web la jeraquía de páginas que muestra el uso del sitio).

Prototipado - desarrollo de un esquema de página, ya sea en forma de prototipo en papel o de pantallas interactivas simples. En estos prototipos se evita la utilización de los elementos de estilo, aspecto y comportamiento, así como la mayor parte del contenido de forma que el analista pueda concentrarse en la interfaz.

Inspección de la usabilidad - permitir que un evaluador inspeccione la interfaz de usuario. Este método se considera que es normalmente más fácil de implementar que las pruebas de usabilidad (véase el siguiente proceso), y puede utilizarse en las etapas tempranas del proceso de desarrollo de la interfaz de usuario ya que puede utilizarse para evaluar tanto prototipos como especificaciones del sistema que habitualmente no pueden ser evaluados con los usuarios finales. Algunos de los métodos comunes de inspección de la usabilidad incluyen el recorrido cognitivo, que se enfoca en la simplicidad del sistema para los nuevos usuarios, la evaluación heurística, en la que se utilizan un conjunto de heurísticas para identificar problemas de usabilidad en el diseño de la interfaz de usuario, y la revisión participativa del diseño, en la que se selecciona un grupo de gente para recorrer el sistema en un escenario típico de uso y discutir los problemas de usabilidad.

Pruebas de usabilidad - prueba de uno o varios prototipos con un usuario real—con frecuencia utilizando una técnica denominada "protocolo de pensar en alto", en el que se pide al usuario que exprese en voz alta lo que piensa mientras experimenta la interacción con el sistema. Las pruebas de usabilidad del diseño de una interfaz permiten que el diseñador entienda cómo es percibido el sistema desde la perspectiva del usuario, y así facilita la obtención de aplicaciones exitosas.

Diseño de la interfaz gráfica de usuario - realización del diseño final con sus elementos de estilo, aspecto y comportamiento de la interfaz gráfica de usuario (GUI). Puede basarse en los elementos desarrollados en fases anteriores, una vez éstos han sido refinados para resolver los problemas de usabilidad encontrados durante la fase de pruebas de usabilidad.​ 

Dependiendo de la interfaz que se esté creando, este proceso típicamente implica algo de programación informática orientada a validar formularios, establecer enlaces o realizar una acción requerida.​

Diseñar una interfaz

El diseño de interfaz de usuario o ingeniería de la interfaz es el resultado de definir la forma, función, usabilidad, ergonomía, imagen de marca y otros aspectos que afectan a la apariencia externa de las interfaces de usuario en sistemas de todo tipo (computadoras de uso general, sistemas de control, dispositivos de comunicación móviles, software de sistemas, software de aplicaciones, sitios web, etc). El diseño de la interfaz de usuario es una disciplina asociada al diseño industrial (aparece como tal recogido en la Clasificación de Locarno en el apartado 14-04) y se enfoca en maximizar la usabilidad y la experiencia de usuario. El objetivo final del diseño de la interfaz de usuario es hacer que la interacción entre el usuario y el sistema del que es interfaz sea tan simple y eficiente como sea posible, en términos de cumplimiento de los objetivos del usuario. Sigue por ello una filosofía de diseño centrado en el usuario.

Un buen diseño de la interfaz de usuario facilita la compleción de tareas a realizar sin que el usuario vea atraída su atención hacia la forma. El diseño gráfico y la tipografía se combinan para ofrecer usabilidad, influyendo en cómo el usuario realiza ciertas interacciones y mejorando la apariencia estétncia del diseño; la estética del diseño puede mejorar o dificultar la capacidad de los usuarios para utilizar las funciones de la interfaz.1​ El proceso de diseño debe balancear la funcionalidad técnica y los elementos visuales (es decir, el modelo mental para crear un sistema que no solo sea operativo, sino también usable y adaptable a la evolución de las necesidades del usuario.

Normalmente el diseño de interfaces de usuario es una actividad multidisciplinar que involucra a varias ramas tales como el diseño gráfico, el diseño industrial, el diseño web, el diseño de software y la ergonomía; y puede aparecer como actividad en un amplio rango de proyectos, desde el desarrollo de sistemas informáticos hasta el desarrollo de aviones comerciales. En este sentido las disciplinas del diseño industrial y diseño gráfico se encargan de que la actividad a desarrollar se comunique y aprenda lo más rápidamente, a través de recursos como los gráficos, los pictogramas, los estereotipos y la simbología, todo sin afectar un funcionamiento técnico eficiente.

Tipos de interfaz

Existen diferentes tipos de interfaz; entre las cuales están:



Interfaz de línea de comando. Requiere que el usuario introduzca la instrucción o comando por medio del teclado. El usuario teclea o escribe los comandos, carácter a carácter ante un indicador, usando la sintaxis y nomenclatura correctas y luego oprime “Enter” para ejecutarlo. Los usuarios experimentados en esta interfaz afirman que es más simple, más rápida y que proporcionan mejor información que las interfaces gráficas.

Interfaz controlado por menús. Esta interfaz proporciona menús para seleccionar opciones del programa, así el usuario no tiene que memorizar comandos. En lugar de esto los comandos son seleccionados del menú presentado en pantalla, como cuando se escoge algún plato en un restaurante.


Interfaz gráfica del usuario (GUI - Graphical User Interfaz). En este tipo de interfaz, los usuarios controlan el sistema señalando y haciendo clic en gráficos o iconos de la pantalla que representan las características del programa. Se basa en el hecho de que la gente reconoce con más rapidez y facilidad las representaciones gráficas que las palabras o frases que lee. Se le asocia generalmente a otras características, como el uso de una interfaz de ratón activo con menús de despliegue descendente, cajas de diálogo, cajas de verificación, botones de radio y elementos semejantes.


Tipos de interfaces gráficas de usuario
CLI (Command line interface): Interfaz de línea de comandos
GUI (Graphical user interface): Interfaz gráfica de usuario
NUI (Natural user interface): Interfaz natural de usuario


Las GUI y ZUI: Los tipos de interfaces gráficas de usuarios (GUI) que se encuentran en juegos de computadora, y las GUI avanzados basados en realidad virtual, se usan con frecuencia en tareas de investigación. Muchos grupos de investigación en Norteamérica y Europa están trabajando actualmente en la interfaz de enfoque del usuario o ZUI (Zooming User Interface), que es un adelanto lógico de las GUI, mezclando 3D con 2D. Podría expresarse como «2 dimensiones y media en objetos vectoriales de una dimensión».


Interfaz de usuario de pantalla táctil: Algunas GUI son diseñadas para cumplir con los rigurosos requisitos de los mercados verticales. Estos se conocen como las GUI de uso específico. Un ejemplo de un GUI de uso específico es la ahora familiar pantalla táctil o touchscreen (pantalla que al ser tocada efectúa los comandos del ratón en el software). Se encuentra actualmente implementado en muchos restaurantes y en muchas tiendas de autoservicio de todo el mundo. Fue iniciado por Gene Mosher en la computadora del ST de Atari en 1986, el uso que l especificó en las GUI de pantalla táctil ha encabezado una revolución mundial e innovadora en el uso de las computadoras a través de las industrias alimenticias y de bebidas, y en ventas al por menor. Otros ejemplos de GUI de uso específico, relacionados con la pantalla táctil son los cajeros automáticos, los kioscos de información y las pantallas de monitoreo y control en los usos industriales, que emplean un sistema operativo de tiempo real (RTOS). Los teléfonos móviles y los sistemas o consolas de juego también emplean las pantallas táctiles.


Interfaz Natural de Usuario (NUI): Las NUI naturales son aquellas en las que se interactúa con un sistema, aplicación, etcétera, sin utilizar dispositivos de entrada como ratón, teclado, lápiz óptico, etc. En lugar de estos se utilizan las manos o las yemas de los dedos.


Características básicas de una buena interfaz


* Facilidad de comprensión, aprendizaje y uso.


* Representación fija y permanente de un determinado contexto de acción (fondo).


* El objeto de interés debe ser de fácil identificación.


* Diseño ergonómico mediante el establecimiento de menús, barras de acciones e iconos de fácil acceso.


* Las interacciones se basarán en acciones físicas sobre elementos de código visual o auditivo (iconos, botones, imágenes, mensajes de texto o sonoros, barras de desplazamiento y navegación...) y en selecciones de tipo menú con sintaxis y órdenes.


* Las operaciones serán rápidas, incrementales y reversibles, con efectos inmediatos.


* Existencia de herramientas de Ayuda y Consulta.


* Tratamiento del error bien cuidado y adecuado al nivel de usuario.


* La tipografía y el tratamiento del color son dos elementos a los que hay que prestar especial importancia a la hora de establecer una buena interfaz, poniendo especial cuidado en el diseño de las formas y la coherencia interna entre ellas.

Génesis

¿Cómo diseñar una buena interfaz?



Tengamos claro que el concepto más apto para describir una interfaz es aquel que nos dice que se trata de aquel medio que hace que funcione todo lo que ves en la pantalla de tu ordenador al momento de visitar un sitio web como este. Por tanto, una interfaz es la zona de comunicación o acción de un sistema sobre otro.

A partir de aquí podemos tomar en cuenta diversos puntos para su creación funcional y por supuesto, su uso en cualquier plataforma que se quiera implementar.



¿Cuál es la función de una interfaz?

La interfaz de usuario es el medio con que el usuario puede comunicarse con una máquina, equipo, computadora o dispositivo, y comprende todos los puntos de contacto entre el usuario y el equipo.

Si te das cuenta, desde que enciendes el computador haces uso de una interfaz e interactuas con esta de manera directa.



¿Cuáles son las características de una interfaz?



Cuando se habla de Sitios Web, se denomina interfaz al conjunto de elementos de la pantalla que permiten al usuario realizar acciones sobre el Sitio Web que está visitando. Por lo mismo, se considera parte de la interfaz a sus elementos de identificación, de navegación, de contenidos y de acción.
Todos ellos deben estar preparados para ofrecer servicios determinados al usuario, con el fin de que éste obtenga lo que vino a buscar cuando visitó el Sitio Web. Por lo anterior, cada uno de los elementos que sean integrados dentro de la interfaz debe estar pensado para causar un efecto sobre el usuario y deben ser utilizados con un propósito.
En este sentido, es importante considerar que Jakob Nielsen, uno de los autores más citados en cuanto a la usabilidad de los Sitios Web, destaca que los elementos más importantes de la portada de todo Sitio Web se pueden resumir en cuatro postulados generales:
Dejar claro el propósito del sitio: se refiere a que el sitio debe explicar a quién pertenece y qué permite hacer a quienes lo visitan; se entiende que debe hacerlo de manera simple y rápida. Por ejemplo, ayuda en este sentido el cumplimiento de las normas referidas a uso de URLs y logotipos oficiales.
Ayudar a los usuarios a encontrar lo que necesitan: implica que debe contar con un sistema de navegación visible y completo, pero que además deberá estar complementado por algún sistema de búsqueda que sea efectivo para acceder al contenido al que no se logra acceder o que no se encuentra a simple vista.
Demostrar el contenido del sitio: significa que el contenido se debe mostrar de manera clara, con títulos comprensibles por parte del usuario y con enlaces hacia las secciones más usadas que estén disponibles donde el usuario los busque. Ayudará en este sentido tener un seguimiento de las visitas para comprender qué es lo más visto y lo más buscado del Sitio Web.
Usar diseño visual para mejorar y no para definir la interacción del Sitio Web: se refiere a que los elementos gráficos del Sitio Web deben estar preparados para ayudar en los objetivos del sitio y no sólo como adornos utilizados para rellenar espacio. Aunque se trata de uno de los temas más debatibles, su alcance no es el de restringir el uso de imágenes y elementos gráficos, sino a que su uso sea adecuado para la experiencia de uso que se desea ofrecer.




La interfaz del Sitio Web, cualquiera sea el objetivo que persiga, debe dar cuenta de normas de carácter general, que se refieren a sus características como sistema de información y comunicación. Gracias al cumplimiento de éstas, el usuario logrará acceder a las informaciones que se le ofrecen y, además, podrá realizar las acciones que el organismo dueño del espacio digital le entrega a través de este sistema.

Dichas características tienen que ver con los elementos de identificación, de navegación, de contenidos y de acción que el Sitio Web debe contener, todos los cuales se analizan en esta sección.
La existencia e importancia de dichos elementos, como asimismo la ubicación que deben tener en la interfaz, se ha visto comprobada a través de las investigaciones que se han hecho en torno a los Sitios Web. Con ellas se demuestra que las zonas que normalmente se ven en una visita inicial, están conformadas por una letra F o bien por un triángulo, cuya sección más revisada es la que se encuentra en la esquina superior izquierda.
Por lo anterior, es importante que las interfaces se construyan tomando en cuenta esta evidencia, con el fin de asegurar que los visitantes reciban la información en cuanto lleguen al Sitio Web, permitiendo que el diseño web contribuya al mejor uso de los contenidos y funcionalidad, en lugar de afectar dicho uso.
Respecto de los elementos de la interface, los aspectos más relevantes a tener en consideración son los siguientes:
Uso de logotipos
Sistema de navegación
Áreas
de contenidos
Áreas de interacción
Experiencia de usuario