G.U.IINTERFAZ GRÁFICA DE USUARIODISEÑO DE ORIENTACIÓN GRÁFICA 2012
“LOS BUENOS ÍCONOS DEBEN SER MÁS QUE ILUSTRACIONES.
DEBEN SER FACILMENTE COMPRENSIBLES Y NO TENER
DETALLES SUPERFLUOS”SUSAN KARE / ARTISTA Y DISEÑADORA
APLICACIÓNTipo de programa informatico diseñado como herramienta para permitir a un usuario realizar uno o diversos tipos de trabajo en un entorno especifico.
A diferencia de un sistema operativo (que hace funcionar un computador o un dispositivo: Android / iOS) o las utilidades (que realizan tareas de mantenimiento) la aplicacion permite aprovechar el dispositivo en tareas especificas como procesadores de palabras, lectores y juegos
ENTORNOPrograma informático compuesto por un conjunto de herramientas de programación. Consiste en un editor de código, un compilador, un depurador y un constructor de interfaz gráfica; un marco de trabajo para lenguajes como: C+, PHP, Phyton, Java, DelphiVisual Basic.
EL DISEÑO DE APLICACIONESAspectos Esenciales
TécnicosLenguajes de programación / Entorno / sistema operativo de la aplicación.
GráficosProceso / Flujo de Trabajo / Estructura de contenidos (Niveles de información/ Estratos o capas informativas)
MarketingModelos de negocio
MOCK UPBorrador que muestra de manera gráfica como queda la estructu-ra de la aplicación. En resumidas cuentas es un prototipo que puede preever su funcionalidad
WIREFRAMEGuía visual que representa el mar-co estructural de la aplicación. La malla presenta el diseño de la aplicación en crudo. Carece de estilo tipográfico, color, o gráficos complementarios, esto debido a que se centra principalmente en la funcionalidad, el comportamiento y la prioridad de los contenidos.
MAPA MENTALSon una forma de organizar y generar ideas por medio de la asociación con una representación gráfica.
“Un Mapa mental es la forma más sencilla de gestionar el flujo de información entre tu cerebro y el exterior, porque es el instrumento más eficaz y creativo para tomar notas y planificar tus pensamientos”. Tony Buzan
APLICACIÓN
ENTORNO
iOS
ANDROID
MARCO DE TRABAJO EDITOR DE CÓDIGO
LENGUAJES DE PROGRAMACIÓN
COMPILADOR
VENTANAS
ÍCONOS
DEPURADOR
DISEÑO FLUJO DE TRABAJO
CONSTRUCTOR DE INTERFAZ GRÁFICA
ESTRUCTURA DE
CONTENIDOS
WIREFRAMES
MOCKUPS
INTERFAZ
NAVEGACIÓN
LA ESENCIA ESQUEMATICA DEL DISEÑO DE APPS
¿Quién es el usuario al que esta destinado?
¿Cual es el contexto de uso del app?
¿Qué prerequisitos necesita?
LA EXPERIENCIA DE USUARIO
Es el conjunto de factores y elementos relativos a la interacción del usuario, con un dispositivo concreto, cuyo resultado es la generación de una percepción positiva o negativa de dicha prestacion, aplicacion o utilidad.
Depende de los siguientes factores:1) Usabilidad (Utilidad, facilidad de aprendizaje, facilidad de uso)2) Interacción3) Diseño gráfico4) Inmersión5) Confiabilidad del producto
“Aunque muchos piensen que el diseño es cosa de artistas, nada está más lejos de la realidad. Si tu objetivo es obtener el máximo rendimiento de tu página web, la fase de diseño debe comenzar mucho antes de abrir el Photoshop.”
El espíritu del proyecto
Qué elemen-tos componen el sitio
Organizar para que sea fácil de encontrar
El diseño centrado en el usuario
La identidad de tu negocio
http://team-interactive.com
USABILIDAD
INTERFAZ
Hace referencia al conjunto de métodos para lograr interactividad entre un usuario y una computadora. Una interaz puede ser del tipo GUI, o línea de comandos, etc. También puede ser a partir de un hardware, por ejemplo, el monitor, el teclado y el mouse, son interfaces entre el usuario y el ordenador.
Susan Kare es un artista y diseñador gráfico que creó muchos de los elementos de la interfaz para el Apple Macintosh en la década de 1980. También fue uno de los empleados originales de NeXT, tra-bajando como el Directo Creativo
SUSAN KARE
Artista y diseñadora gráfica que creó muchos de los elementos de la interfaz para el Apple Macintosh en la década de 1980. También fue uno de los empleados originales de NeXT, trabajando como el Directo Creativo
Susan Kare es un artista y diseñador gráfico que creó muchos de los elementos de la interfaz para el Apple Macintosh en la década de 1980. También fue uno de los empleados originales de NeXT, tra-bajando como el Directo Creativo
ICONWERK
Stefan Dziallas es un diseñador gráfico que dirige iconwerk un servicio personalizado en diseño de pictogramas. Sus servicios cubren: diseño de símbolo, desarrollo de sistemas, diseño de tipos personalizado, elementos de la interfaz de usuario y diseño de información gráfica.
USABILIDAD
Definimos Usabilidad como una medida de su utilidad, facilidad de uso, facilidad de aprendizaje y apreciación para una tarea, un usuario y un contexto dado.
El peso relativo de cada una de estas medias está relacionado con el usuario, la tarea y el contexto. Por ejemplo, la facilidad de aprendizaje puede ser crucial para un producto y poco importante en otro.
UTILIDAD
Es la capacidad que tiene una herramienta para ayudar a cumplir tareas específicas.
Es importante observar que una herramienta que es muy usable para una tarea, puede ser muy poco usable para otra, aún incluso si se trata de una tarea similar pero no idéntica.
Un martillo y una maza son muy similares. Sin embargo, cada uno de ellos es adecuado para una tarea y muy poco usable para otras.
FACILIDAD DE USO
La facilidad de uso está en relación directa con la eficiencia o efectividad, medida como velocidad o cantidad de posibles errores.
Una herramienta muy fácil de usar permitirá a su usuario efectuar más operaciones por unidad de tiempo (o menor tiempo para la misma operación) y disminuirá la probabilidad de que ocurran errores.
FACILIDAD DE APRENDIZAJE
La facilidad de aprendizaje es una medida del tiempo requerido para trabajar con cierto grado de eficiencia en el uso de la herramienta, y alcanzar un cierto grado de retención de estos conocimientos luego de cierto tiempo de no usar la herramienta o sistema.
La facilidad de aprendizaje debería ser una medida relativa, ya que hay sistemas muy complejos que no pueden ser aprendidos rápidamente.
USABILIDADATRIBUTO DE CALIDAD QUE MIDE LA FACILIDAD DE USO DE LAS INTERFACES DIGITALES
EN CONCLUSIÓN
ESPASIBA
Top Related