SlideShare una empresa de Scribd logo
1 de 6
DISEÑO DE INTERFAZ DE E-COMMERCE
Importancia
Proceso
Qué es una interfaz de usuario
Cuando uno usa una herramienta, o accede e interactúa con un sistema, suele
haber “algo” entre uno mismo y el objeto de la interacción.
En un auto, ese “algo” son los pedales y el tablero. En una puerta, es el
picaporte. En una máquina expendedora o un ascensor, los botones. En una
computadora el teclado, el monitor, el mouse, y otros periféricos.
Ese “algo”, que es a la vez un límite y un espacio común entre ambas partes,
es la interfaz.
En el caso de productos informáticos, la interfaz no es sólo el programa o lo
que se ve en la pantalla. Desde el momento que el usuario abre la caja,
comienza a interactuar con el producto y por lo tanto, comienza su experiencia.
¿Por qué es importante la interfaz de usuario?
 La interfaz representa el punto de encuentro entre el usuario y la
computadora. En esta interacción, el usuario juzga la utilidad de la
interfaz; el hardware y el software se convierten en simples herramientas
sobre los cuales fue construida la interfaz.
 Manipulación de archivos y directorios.
 Comunicación con otros sistemas.
 Configuración de la propia interfaz y entorno.
 Intercambio de datos entre aplicaciones.
DISEÑO DE INTERFACES
¿Qué es el diseño de interfaces?
Es el diseño de computadoras, aplicaciones, máquinas, dispositivos de
comunicación móvil, aplicaciones de software, y sitios web enfocado en la
experiencia de usuario y la interacción. Normalmente es una actividad
multidisciplinar que involucra a varias ramas del diseño y el conocimiento como
el diseño gráfico, industrial, web, de software y la ergonomía; y está implicado
en un amplio rango de proyectos, desde sistemas para computadoras,
vehículos hasta aviones comerciales.
El entorno dentro del cual se inscribe el diseño de una interfaz y la medida de
su usabilidad, está dado por tres factores:
1. Una persona.
2. Una tarea.
3. Un contexto.
Objetivo
Su objetivo es que las aplicaciones sean más atractivos y además, hacer que la
interacción con el usuario sea lo más intuitiva posible, conocido como el diseño
centrado en el usuario.
Principios para el Diseño de Interfaz de Usuario
Existen principios relevantes para el diseño e implementación de IU, ya sea
para las IU gráficas, como para la Web.
Familiaridad del usuario: Utilizar términos y conceptos que se toman
de la experiencia de las personas que más utilizan el sistema.
Consistencia: Siempre que sea posible, la interfaz debe ser consistente
en el sentido de que las operaciones comparables se activan de la
misma forma.
Mínima sorpresa: El comportamiento del sistema no debe provocar
sorpresa a los usuarios.
Recuperabilidad: La interfaz debe incluir mecanismos para permitir a
los usuarios recuperarse de los errores. Esto puede ser de dos formas:
Confirmación de acciones destructivas. Proveer de un recurso para
deshacer
Guía al usuario: Cuando los errores ocurren, la interfaz debe proveer
retroalimentación significativa y características de ayuda sensible al
contexto.
Diversidad de usuarios: La interfaz debe proveer características de
interacción apropiada para los diferentes tipos de usuarios.
Tipos De Interfaces De Usuario
Interfaces hardware.- Se trata de un conjunto de controles o dispositivos que
permiten la interacción hombre-máquina, de modo que permiten introducir o
leer datos del equipo, mediante pulsadores, reguladores e instrumentos.
Interfaces software.- Son programas o parte de ellos, que permiten expresar
nuestros deseos al ordenador o visualizar su respuesta.
Diseño de un sitio de comercio electrónico
Según McGovern (2004), todo servicio de comercio electrónico debe cumplir
tres premisas:
1) Comodidad: la realización de una tarea debe requerir el mínimo esfuerzo
posible.
2) Rapidez: el usuario debe realizar la transacción lo más brevemente posible.
3) Precio: los usuarios prefieren no invertir mucho dinero en las transacciones
online.
El diseño de un sitio de comercio electrónico debe ser sencillo y claro. Los
usuarios tienen el hábito de realizar transacciones en el mundo real; si la
opción electrónica es más complicada, abandonarán la aplicación. Para ser
válida, la alternativa on-line no debe ser igual, sino mucho más cómoda que la
operación habitual.
Proceso del diseño de la Interfaz del Usuario
Diseño de la Interfaz del Usuario es unProceso
Interactivo donde intervienen usuarios y diseñadores
con prototipos de la interfaz para decidir las
características, organización, apariencia y
funcionamiento de la interfaz del usuario.
Si usamos un desarrollo iterativo, el diseño de la
interfaz del usuario se hace en forma incremental.
Hay tres actividades esenciales en el Proceso de Diseño de Interfaz del
Usuario:
Análisis del usuario
Prototipado del sistema
Evaluación de la interfaz
Análisis de Usuario
Lo crítico en el diseño de interfaces es analizar las actividades del usuario que
serán soportadas por el sistema. Si no entendemos que quieren hacer los
usuarios con el sistema, no podremos diseñar eficazmente una interfaz.
Para entender lo que el usuario quiere hacer con el sistema utilizaremos las
siguientes técnicas:
Análisis de tareas.
Estudios etnográficos.
Entrevistas con usuarios.
Observaciones.
Prototipado del sistema
El Prototipado Evolutivo o Exploratorio con la indicación de los usuarios finales
es la única forma práctica de diseñar y desarrollar interfaces de usuario.
El propósito del prototipado es permitir al usuario adquirir un contacto y
experiencia directo con la interface.
Análisis del usuario
Evaluación
de la interfaz
Prototipado del sistema
Normalmente un Proceso de Prototipado consta de dos etapas:
Al principio hay que desarrollar prototipos de papel (maqueta de las
pantallas) y mostrárselos al usuario.
Luego, se perfecciona el diseño y se desarrollan prototipos
informatizados cada vez más sofisticados que se emplean al usuario
para las pruebas y simulación de actividades.
3 Enfoques del Prototipado de Interfaces
1) Enfoque dirigido a secuencia de comandos: se utiliza cuando
necesitamos solamente estudiar ideas con los usuarios.
Creamos pantallas con elementos visuales (botones, iconos y menúes) y
asociamos cada elemento a una secuencia de comandos.
Cuando el usuario interactúa con estas pantallas, acciona los elementos
visuales que ejecutan la secuencia y se les presenta una pantalla que
les muestra el resultado de sus acciones.
2) Lenguajes de programación visuales: estos lenguajes incorporan un
entorno de desarrollo potente.
Permiten crear interfaces en forma rápida, con componentes y
secuencias de comandos asociados con los objetos de la interfaz.
3) Prototipado basado en internet: son soluciones basadas en navegadores
web.
Ofrecen una interfaz de usuario a medida.
Este enfoque es un modo rápido de desarrollar prototipos de interfaces
de usuarios en la web.
Evaluación de la Interfaz
El Prototipado está relacionado con la evaluación de la interfaz.
La Evaluación de la interfaz: es el proceso de evaluar cómo se utiliza una
interfaz y verificar si cumplen los requerimientos del usuario.
Bibliografía
http://albertolacalle.com/hci/interfaz.htm
http://es.slideshare.net/jpbthames/el-proceso-de-diseo-de-interfaz-del-usuario-
pressman
MONJOPALAU, Tona: Diseño de Interfaces Multimedia, p. 51

Más contenido relacionado

La actualidad más candente

CONTROLES COMUNES VISUAL BASIC
CONTROLES COMUNES VISUAL BASICCONTROLES COMUNES VISUAL BASIC
CONTROLES COMUNES VISUAL BASICluismy055
 
2.4 herramientas case
2.4 herramientas case2.4 herramientas case
2.4 herramientas caseIvan Rm
 
Elementos de windows
Elementos de windowsElementos de windows
Elementos de windowsDenisse C
 
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING) METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING) Germán Sánchez
 
Métrica de punto de función y lineas de codigo
Métrica de punto de función y lineas de codigoMétrica de punto de función y lineas de codigo
Métrica de punto de función y lineas de codigoJesús E. CuRias
 
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, MillerFundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, MillerPercy Negrete
 
Diagramas de Actividades
Diagramas de ActividadesDiagramas de Actividades
Diagramas de ActividadesLenin Vivanco
 
51036806 proyecto-ejemplo-ingenieria-de-software
51036806 proyecto-ejemplo-ingenieria-de-software51036806 proyecto-ejemplo-ingenieria-de-software
51036806 proyecto-ejemplo-ingenieria-de-softwareMiguel Angel Rodriguez
 
Tecnicas de estimacion de software
Tecnicas de estimacion de softwareTecnicas de estimacion de software
Tecnicas de estimacion de softwareAdes27
 
Metricas de proceso y proyecto
Metricas de proceso y proyectoMetricas de proceso y proyecto
Metricas de proceso y proyectoEdison Tobar
 
Mapa conceptual mantenimiento de software
Mapa conceptual mantenimiento de softwareMapa conceptual mantenimiento de software
Mapa conceptual mantenimiento de softwareluiscastejon
 
Ejercicios de HTML
Ejercicios de HTMLEjercicios de HTML
Ejercicios de HTMLAbrirllave
 
Ingeniería de software - Descripción, características, modelos
Ingeniería de software - Descripción, características, modelosIngeniería de software - Descripción, características, modelos
Ingeniería de software - Descripción, características, modelosRafael Fdo Lopez Castillo
 
Componentes De Windows
Componentes De WindowsComponentes De Windows
Componentes De WindowsShockpier
 
Interfaz de usuario
Interfaz de usuario Interfaz de usuario
Interfaz de usuario Iván Torres
 
Fundamentos de Calidad del Software - Modelos y Estándares
Fundamentos de Calidad del Software - Modelos y EstándaresFundamentos de Calidad del Software - Modelos y Estándares
Fundamentos de Calidad del Software - Modelos y EstándaresLuis Eduardo Pelaez Valencia
 
Sesion 2 1 modelo del negocio
Sesion 2 1 modelo del negocioSesion 2 1 modelo del negocio
Sesion 2 1 modelo del negocioJulio Pari
 

La actualidad más candente (20)

CONTROLES COMUNES VISUAL BASIC
CONTROLES COMUNES VISUAL BASICCONTROLES COMUNES VISUAL BASIC
CONTROLES COMUNES VISUAL BASIC
 
2.4 herramientas case
2.4 herramientas case2.4 herramientas case
2.4 herramientas case
 
Elementos de windows
Elementos de windowsElementos de windows
Elementos de windows
 
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING) METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
METODOLOGÍA UWE (UML-BASED WEB ENGINEERING)
 
Métrica de punto de función y lineas de codigo
Métrica de punto de función y lineas de codigoMétrica de punto de función y lineas de codigo
Métrica de punto de función y lineas de codigo
 
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, MillerFundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
Fundamentos del comportamiento humano - Fitts, Hick, Paretto, Goms, Miller
 
Diagramas de Actividades
Diagramas de ActividadesDiagramas de Actividades
Diagramas de Actividades
 
51036806 proyecto-ejemplo-ingenieria-de-software
51036806 proyecto-ejemplo-ingenieria-de-software51036806 proyecto-ejemplo-ingenieria-de-software
51036806 proyecto-ejemplo-ingenieria-de-software
 
Tecnicas de estimacion de software
Tecnicas de estimacion de softwareTecnicas de estimacion de software
Tecnicas de estimacion de software
 
Metricas de proceso y proyecto
Metricas de proceso y proyectoMetricas de proceso y proyecto
Metricas de proceso y proyecto
 
Herramientas visual basic
Herramientas visual basicHerramientas visual basic
Herramientas visual basic
 
Mapa conceptual mantenimiento de software
Mapa conceptual mantenimiento de softwareMapa conceptual mantenimiento de software
Mapa conceptual mantenimiento de software
 
Diseño de la interfaz de usuario
Diseño de la interfaz de usuarioDiseño de la interfaz de usuario
Diseño de la interfaz de usuario
 
Ejercicios de HTML
Ejercicios de HTMLEjercicios de HTML
Ejercicios de HTML
 
Ingeniería de software - Descripción, características, modelos
Ingeniería de software - Descripción, características, modelosIngeniería de software - Descripción, características, modelos
Ingeniería de software - Descripción, características, modelos
 
Componentes De Windows
Componentes De WindowsComponentes De Windows
Componentes De Windows
 
Interfaz de usuario
Interfaz de usuario Interfaz de usuario
Interfaz de usuario
 
Fundamentos de Calidad del Software - Modelos y Estándares
Fundamentos de Calidad del Software - Modelos y EstándaresFundamentos de Calidad del Software - Modelos y Estándares
Fundamentos de Calidad del Software - Modelos y Estándares
 
Sesion 2 1 modelo del negocio
Sesion 2 1 modelo del negocioSesion 2 1 modelo del negocio
Sesion 2 1 modelo del negocio
 
Modelo Entidad Relación
Modelo Entidad RelaciónModelo Entidad Relación
Modelo Entidad Relación
 

Destacado

El Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger PressmanEl Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger PressmanJuan Pablo Bustos Thames
 
DISEÑO DE LA ARQUITECTURA DEL SOFTWARE
DISEÑO DE LA ARQUITECTURA DEL SOFTWAREDISEÑO DE LA ARQUITECTURA DEL SOFTWARE
DISEÑO DE LA ARQUITECTURA DEL SOFTWAREjose_rob
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuarioDNRstudios
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuarioBayardo Medina
 
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioDiseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioUTPL
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de InterfacesWilly Aguirre
 
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingEvaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingPercy Negrete
 
Elementos del diseño de interfaces
Elementos del diseño de interfacesElementos del diseño de interfaces
Elementos del diseño de interfacesPercy Negrete
 
Arquitectura de software
Arquitectura de softwareArquitectura de software
Arquitectura de softwareLiliana Pacheco
 
Arquitecturas de software - Parte 2
Arquitecturas de software - Parte 2Arquitecturas de software - Parte 2
Arquitecturas de software - Parte 2Marta Silvia Tabares
 
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)Victor Pezzetti
 
Ingeniería de Software Educativo (1992) parte 2 metodologia
Ingeniería de Software Educativo (1992) parte 2 metodologiaIngeniería de Software Educativo (1992) parte 2 metodologia
Ingeniería de Software Educativo (1992) parte 2 metodologiaAlvaro Galvis
 

Destacado (20)

Diseño de interfaz de usuario
Diseño de interfaz de usuarioDiseño de interfaz de usuario
Diseño de interfaz de usuario
 
Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
El Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger PressmanEl Proceso de Diseño de interfaces de usuario. Roger Pressman
El Proceso de Diseño de interfaces de usuario. Roger Pressman
 
DISEÑO DE LA ARQUITECTURA DEL SOFTWARE
DISEÑO DE LA ARQUITECTURA DEL SOFTWAREDISEÑO DE LA ARQUITECTURA DEL SOFTWARE
DISEÑO DE LA ARQUITECTURA DEL SOFTWARE
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Diseño interfaz de usuario
Diseño interfaz de  usuarioDiseño interfaz de  usuario
Diseño interfaz de usuario
 
Diseno de la Interfaz de Usuario
Diseno de la Interfaz de UsuarioDiseno de la Interfaz de Usuario
Diseno de la Interfaz de Usuario
 
Interface
InterfaceInterface
Interface
 
Diseño de Interfaces
Diseño de InterfacesDiseño de Interfaces
Diseño de Interfaces
 
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-trackingEvaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
Evaluación a interfaces - Test de usuarios,evaluación heurística y eye-tracking
 
Elementos del diseño de interfaces
Elementos del diseño de interfacesElementos del diseño de interfaces
Elementos del diseño de interfaces
 
Proceso de diseño
Proceso de diseñoProceso de diseño
Proceso de diseño
 
Diseño arquitectónico
Diseño arquitectónicoDiseño arquitectónico
Diseño arquitectónico
 
Arquitectura de software
Arquitectura de softwareArquitectura de software
Arquitectura de software
 
Diseño de Software
Diseño de SoftwareDiseño de Software
Diseño de Software
 
Arquitecturas de software - Parte 2
Arquitecturas de software - Parte 2Arquitecturas de software - Parte 2
Arquitecturas de software - Parte 2
 
11.interfaz de usuario
11.interfaz de usuario11.interfaz de usuario
11.interfaz de usuario
 
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
Ux2012 - Patrones de Interfaz (by Jennifer Tidwell)
 
Ingeniería de Software Educativo (1992) parte 2 metodologia
Ingeniería de Software Educativo (1992) parte 2 metodologiaIngeniería de Software Educativo (1992) parte 2 metodologia
Ingeniería de Software Educativo (1992) parte 2 metodologia
 
Delegation
DelegationDelegation
Delegation
 

Similar a Diseño de interfaz de usuario e-commerce optimizada para

Similar a Diseño de interfaz de usuario e-commerce optimizada para (20)

3490012.ppt
3490012.ppt3490012.ppt
3490012.ppt
 
Interfaz Usuario
Interfaz UsuarioInterfaz Usuario
Interfaz Usuario
 
Reglas de Oro
Reglas de OroReglas de Oro
Reglas de Oro
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario03 7n2is trabajo-interfaz usuario
03 7n2is trabajo-interfaz usuario
 
Diseño del diálogo en línea
Diseño del diálogo en líneaDiseño del diálogo en línea
Diseño del diálogo en línea
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
El computador desde el punto de vista del usuario
El computador desde el punto de vista del usuarioEl computador desde el punto de vista del usuario
El computador desde el punto de vista del usuario
 
Trabajo grupo numero 3
Trabajo grupo numero 3Trabajo grupo numero 3
Trabajo grupo numero 3
 
DISEÑO DE INTERFAZ DE USUARIO.ppt.pptx
DISEÑO DE INTERFAZ DE USUARIO.ppt.pptxDISEÑO DE INTERFAZ DE USUARIO.ppt.pptx
DISEÑO DE INTERFAZ DE USUARIO.ppt.pptx
 
17 evaluacion heuristica basica
17 evaluacion heuristica basica17 evaluacion heuristica basica
17 evaluacion heuristica basica
 
Hci
HciHci
Hci
 
Diseño de interfaces
Diseño de interfacesDiseño de interfaces
Diseño de interfaces
 
Interfaz de usuario
Interfaz de usuarioInterfaz de usuario
Interfaz de usuario
 
Diseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoDiseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónico
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
Intrefaz gráfica de usuario
Intrefaz gráfica de usuarioIntrefaz gráfica de usuario
Intrefaz gráfica de usuario
 
Intrefaz
 Intrefaz Intrefaz
Intrefaz
 

Diseño de interfaz de usuario e-commerce optimizada para

  • 1. DISEÑO DE INTERFAZ DE E-COMMERCE Importancia Proceso Qué es una interfaz de usuario Cuando uno usa una herramienta, o accede e interactúa con un sistema, suele haber “algo” entre uno mismo y el objeto de la interacción. En un auto, ese “algo” son los pedales y el tablero. En una puerta, es el picaporte. En una máquina expendedora o un ascensor, los botones. En una computadora el teclado, el monitor, el mouse, y otros periféricos. Ese “algo”, que es a la vez un límite y un espacio común entre ambas partes, es la interfaz. En el caso de productos informáticos, la interfaz no es sólo el programa o lo que se ve en la pantalla. Desde el momento que el usuario abre la caja, comienza a interactuar con el producto y por lo tanto, comienza su experiencia. ¿Por qué es importante la interfaz de usuario?  La interfaz representa el punto de encuentro entre el usuario y la computadora. En esta interacción, el usuario juzga la utilidad de la interfaz; el hardware y el software se convierten en simples herramientas sobre los cuales fue construida la interfaz.  Manipulación de archivos y directorios.  Comunicación con otros sistemas.  Configuración de la propia interfaz y entorno.  Intercambio de datos entre aplicaciones. DISEÑO DE INTERFACES ¿Qué es el diseño de interfaces? Es el diseño de computadoras, aplicaciones, máquinas, dispositivos de comunicación móvil, aplicaciones de software, y sitios web enfocado en la
  • 2. experiencia de usuario y la interacción. Normalmente es una actividad multidisciplinar que involucra a varias ramas del diseño y el conocimiento como el diseño gráfico, industrial, web, de software y la ergonomía; y está implicado en un amplio rango de proyectos, desde sistemas para computadoras, vehículos hasta aviones comerciales. El entorno dentro del cual se inscribe el diseño de una interfaz y la medida de su usabilidad, está dado por tres factores: 1. Una persona. 2. Una tarea. 3. Un contexto. Objetivo Su objetivo es que las aplicaciones sean más atractivos y además, hacer que la interacción con el usuario sea lo más intuitiva posible, conocido como el diseño centrado en el usuario. Principios para el Diseño de Interfaz de Usuario Existen principios relevantes para el diseño e implementación de IU, ya sea para las IU gráficas, como para la Web. Familiaridad del usuario: Utilizar términos y conceptos que se toman de la experiencia de las personas que más utilizan el sistema. Consistencia: Siempre que sea posible, la interfaz debe ser consistente en el sentido de que las operaciones comparables se activan de la misma forma. Mínima sorpresa: El comportamiento del sistema no debe provocar sorpresa a los usuarios. Recuperabilidad: La interfaz debe incluir mecanismos para permitir a los usuarios recuperarse de los errores. Esto puede ser de dos formas:
  • 3. Confirmación de acciones destructivas. Proveer de un recurso para deshacer Guía al usuario: Cuando los errores ocurren, la interfaz debe proveer retroalimentación significativa y características de ayuda sensible al contexto. Diversidad de usuarios: La interfaz debe proveer características de interacción apropiada para los diferentes tipos de usuarios. Tipos De Interfaces De Usuario Interfaces hardware.- Se trata de un conjunto de controles o dispositivos que permiten la interacción hombre-máquina, de modo que permiten introducir o leer datos del equipo, mediante pulsadores, reguladores e instrumentos. Interfaces software.- Son programas o parte de ellos, que permiten expresar nuestros deseos al ordenador o visualizar su respuesta. Diseño de un sitio de comercio electrónico Según McGovern (2004), todo servicio de comercio electrónico debe cumplir tres premisas: 1) Comodidad: la realización de una tarea debe requerir el mínimo esfuerzo posible. 2) Rapidez: el usuario debe realizar la transacción lo más brevemente posible. 3) Precio: los usuarios prefieren no invertir mucho dinero en las transacciones online. El diseño de un sitio de comercio electrónico debe ser sencillo y claro. Los usuarios tienen el hábito de realizar transacciones en el mundo real; si la opción electrónica es más complicada, abandonarán la aplicación. Para ser válida, la alternativa on-line no debe ser igual, sino mucho más cómoda que la operación habitual.
  • 4. Proceso del diseño de la Interfaz del Usuario Diseño de la Interfaz del Usuario es unProceso Interactivo donde intervienen usuarios y diseñadores con prototipos de la interfaz para decidir las características, organización, apariencia y funcionamiento de la interfaz del usuario. Si usamos un desarrollo iterativo, el diseño de la interfaz del usuario se hace en forma incremental. Hay tres actividades esenciales en el Proceso de Diseño de Interfaz del Usuario: Análisis del usuario Prototipado del sistema Evaluación de la interfaz Análisis de Usuario Lo crítico en el diseño de interfaces es analizar las actividades del usuario que serán soportadas por el sistema. Si no entendemos que quieren hacer los usuarios con el sistema, no podremos diseñar eficazmente una interfaz. Para entender lo que el usuario quiere hacer con el sistema utilizaremos las siguientes técnicas: Análisis de tareas. Estudios etnográficos. Entrevistas con usuarios. Observaciones. Prototipado del sistema El Prototipado Evolutivo o Exploratorio con la indicación de los usuarios finales es la única forma práctica de diseñar y desarrollar interfaces de usuario. El propósito del prototipado es permitir al usuario adquirir un contacto y experiencia directo con la interface. Análisis del usuario Evaluación de la interfaz Prototipado del sistema
  • 5. Normalmente un Proceso de Prototipado consta de dos etapas: Al principio hay que desarrollar prototipos de papel (maqueta de las pantallas) y mostrárselos al usuario. Luego, se perfecciona el diseño y se desarrollan prototipos informatizados cada vez más sofisticados que se emplean al usuario para las pruebas y simulación de actividades. 3 Enfoques del Prototipado de Interfaces 1) Enfoque dirigido a secuencia de comandos: se utiliza cuando necesitamos solamente estudiar ideas con los usuarios. Creamos pantallas con elementos visuales (botones, iconos y menúes) y asociamos cada elemento a una secuencia de comandos. Cuando el usuario interactúa con estas pantallas, acciona los elementos visuales que ejecutan la secuencia y se les presenta una pantalla que les muestra el resultado de sus acciones. 2) Lenguajes de programación visuales: estos lenguajes incorporan un entorno de desarrollo potente. Permiten crear interfaces en forma rápida, con componentes y secuencias de comandos asociados con los objetos de la interfaz. 3) Prototipado basado en internet: son soluciones basadas en navegadores web. Ofrecen una interfaz de usuario a medida. Este enfoque es un modo rápido de desarrollar prototipos de interfaces de usuarios en la web. Evaluación de la Interfaz El Prototipado está relacionado con la evaluación de la interfaz. La Evaluación de la interfaz: es el proceso de evaluar cómo se utiliza una interfaz y verificar si cumplen los requerimientos del usuario.