¿Qué es una Interfaz Web?
básicamente aquí se habla de tres elementos importantes:
- Interfaz Gráfica (GUI): básicamente
es la interfaz que contiene un montón de elementos los cuales son con los
que interactúa el usuario.
- Elementos de interacción: Se
refiere a elementos que permitan al usuario relacionarse y manipular la información.
- Factor Indicativo de calidad
y confiabilidad: Este trata sobre cómo crear un interfaz gráfica que sea fácil
de comprender y asimilar por el usuario es cable para saber si es
confiable y con calidad.
Principios de Diseño
de Interfaces
- Familiaridad: Que la Web App
sea fácil de entender, que contenga elementos de un lenguaje común para
que de forma natural aprenda y entienda como funciona.
- Uniformidad: Mantener un estándar
en una Web app que al aprender algo, intuya y sepa cómo funciona el resto
de las cosas.
- Mínima Sorpresa: Asegurarse
de que botones y comandos actúen de una forma esperada para evitar i para
evitar que el usuario se sienta incomodo de lo que hace.
- Recuperabilidad: Para que
casi toda acción intencional o no pueda tener un punto de retorno con el
fin de evitar errores o acciones no deseadas.
- Guía de Usuario: Es
importante que exista esto para mantener al tanto de cómo funciona,
siempre que no se dependa de esto, es decir una interfaz gráfica de
usuario que guie e instruya por si sola.
- Diversidad de Usuarios:
Siempre ser amigables para la mayoría sabiendo que no puedes conocer a
todos.
Herramientas
Profesionales
- Podemos usar de Editores WYS,
WYG que permitan diseñar la página mientras estos suministran Código para
ahorrar tiempo.
- Estudiar otros sitios es
importante porque de ellos aprendemos de normas y conceptos sin llegar a
recurrir a la piratería o al plagio de dichos diseños.
- Examinar diseños
profesionales es bueno para saber que llama la atención, que nos puede
servir, que no.
- Debemos aprender de los
malos ejemplos para aprender que no hacer.
- Usar recursos webs nos ayuda
para aprender a implementar.
- Los libros son excelentes,
porque su fuente es detallada.
- Siempre es bueno crear
plantillas para reutilizar y estandarizar el diseño.
- Y el ultimo y mas importante
planificar que hacer.
Contenido
- Escaneable:
- Resaltar: Palabras Clave.
- subtítulos.
- Vistas con viñetas.
- Párrafos no muy largos.
- Pirámide invertida.
- Menos palabras que la
estructura adicional.
- Simple: Algo que no sature o
moleste a la vista.
- Claro: Fácil y sencillo de
verse.
- Atractivo: Que pueda llamar
la atención de forma positiva marcando aspectos importantes a simple
vista.
- Comprensible: Que pueda ser
entendible a la visa.
- No abusar de multimedia: Es
decir, no exagerar con estos recursos porque además de sobrecargar la página
a la vista, puede ralentizarla.
- Responsivo: Que sea
adaptable en cualquier dispositivo.
Proceso de Diseño:
Un wayframe para lo principal que necesitamos y validamos si es lo que se necesita, luego un story board con muchos wireframe para ver cómo funciona el resto, luego se valida y se crea un prototipo no completo donde no guarda, sino que es una vista previa de como se ve y luego hacemos una beta que permitamos guardar, modificar y más funcionalidades
Usabilidad:
Una pagina comprueba su usabilidad según la
facilidad de uso, este determina que tanto puede ser comprensible para un usuario,
aprender con ella, retroceder para evitar errores y demás para que este pueda
ser hasta un experto usando la interfaz. Esta a su vez es medible de acuerdo
con los puntos de arriba ya que esta puede ser o no mas usable de acuerdo a la
curva de aprendizaje.
- Perceptible:
- Operable
- Entendible
- Robusto
Aqui esta el link de la tarea del diseno de pantalla de salida https://xd.adobe.com/view/a8bf8f08-82af-43a9-b295-dc21d3fa79fe-fdec/
ResponderBorrar