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