Diseño de interfaces

G.U.I

INTERFAZ GRﾃ：ICA DE USUARIO

DISEﾃ前 DE ORIENTACIﾃ哲 GRﾃ：ICA 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ÓN Tipo 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

ENTORNO Programa 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, Delphi Visual Basic.

EL DISEÑO DE APLICACIONES Aspectos Esenciales

Técnicos Lenguajes de programación / Entorno / sistema operativo de la aplicación.

Gráficos Proceso / Flujo de Trabajo / Estructura de contenidos (Niveles de información/ Estratos o capas informativas) Marketing Modelos de negocio

MOCK UP Borrador que muestra de manera gr谩fica como queda la estructura de la aplicaci贸n. En resumidas cuentas es un prototipo que puede preever su funcionalidad

WIREFRAME Guía visual que representa el marco 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 MENTAL Son 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

LA ESENCIA ESQUEMATICA DEL DISEÑO DE APPS

APLICACIÓN

iOS ENTORNO ANDROID MARCO DE TRABAJO

EDITOR DE CÓDIGO

¿Quién es el usuario al que esta destinado?

COMPILADOR

DEPURADOR

VENTANAS

LENGUAJES DE PROGRAMACIÓN

CONSTRUCTOR DE INTERFAZ GRÁFICA

DISEÑO

app? ¿Qué prerequisitos necesita?

ÍCONOS NAVEGACIÓN

¿Cual es el contexto de uso del

FLUJO DE TRABAJO ESTRUCTURA DE CONTENIDOS WIREFRAMES MOCKUPS INTERFAZ

El espíritu del proyecto

Qué elementos componen el sitio

Organizar para que sea fácil de encontrar

El diseño centrado en el usuario

La identidad de tu negocio

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ón 3) Diseño gráfico 4) Inmersión 5) 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.”

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.

eó muchos de los elementos de la interfaz para el pple Macintosh en la década de 1980. También e uno de los empleados originales de NeXT, trajando 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

eó muchos de los elementos de la interfaz para el pple Macintosh en la década de 1980. También e uno de los empleados originales de NeXT, trajando 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.

EN CONCLUSIÓN

USABILIDAD

ATRIBUTO DE CALIDAD QUE MIDE LA FACILIDAD DE USO DE LAS INTERFACES DIGITALES

ESPASIBA