logo
  • Entries
  • Comment
  • Popular
Recent Posts
  • Pack de Iconos
  • Illustrator con todo!!! Tutoriales y más tutoriales
  • 40 excelentes tutoriales Fireworks y archivos PNG
  • 50 Diseños de ambientes de trabajo
Recent Comments
  • Alejandra in ¿Ya existe un blog sobre la beta d…
  • Alejandra in Paginación increíble con MooTools…
  • Alejandra in Encuentros de la comunidad Joomla! …
  • Alejandra in Usabilidad: 12 técnicas para un bu…
Popular Articles
  • ¿De dónde obtiene Wordpress sus ganancias? (2)
  • Conociendo un nuevo mundo (Photoshop) (1)
  • Usabilidad: 12 técnicas para un buen diseño de interfaces (1)
  • Encuentros de la comunidad Joomla! de habla hispana (1)
  • Home
  • Manuales de Diseño

Usabilidad: 12 técnicas para un buen diseño de interfaces

icon1 Posted by MonsterPack in Diseño, Wordpress, webmaster on 03 10th, 2009 | one response

Muchas veces al desarrollar una aplicación web le prestamos mucha atención a su estética para satisfacer la experiencia del usuario, pero esto no es una garantía para que el producto resulte “utilizable”.

Para lograr una buena interfaz de usuario en nuestras aplicaciones web, también es necesario incorporar conceptos y reglas básicas de usabilidad. Aquí les presentamos 12 útiles técnicas –y su debida implementación– para que nuestras aplicaciones sean amigables, entendibles y fáciles de usar.

1. Resaltar los cambios importantes

Uno de los elementos más significativos de una buena interfaz de usuario es la visibilidad del estado del sistema; el usuario debe notar inmediatamente qué es lo que está sucediendo detrás de escenas y si sus acciones han llevado a los resultados esperados.

Para lograr esto hoy en día se utiliza mucho AJAX, que permite a los usuarios actualizar parte de una página en cualquier momento sin tener que actualizar la página completa. El ojo humano puede percibir muy bien el movimiento cuando el resto del sitio se encuentra estático, por lo que una animación que acompañe los cambios es una buena opción a tener en cuenta.

2. Habilita los atajos del teclado en tu aplicación web

Esta pequeña funcionalidad puede mejorar significativamente el flujo de trabajo de los usuarios y hacerles más fácil sus tareas.

Para implementar esto, básicamente se debe utilizar el evento onKeyPress-DOM y manipular la apariencia del documento utilizando la función JavaScript window.scrollTo.

3. Agrega opciones de actualización en la cuenta de usuarios

Si tu aplicación posee varios planes de suscripción sabrás que la mayoría de los usuarios primero desean probar la versión básica para obtener un panorama general de lo que el servicio ofrece y cómo funciona. Si sus expectativas se cumplen, considerarán actualizar a un plan más avanzado. Para lograrlo asegúrate de remover cualquier fricción de la interfaz para que los usuarios decidan actualizar.

1 comentario »

  1. avatar Alejandra Says:
    Marzo 19th, 2009 at 7:37 AM

    Hola! Gracias por reseñar uno de nuestros artículos, sin embargo veo que se han olvidado de citarnos como fuente… El artículo fue tomado del sitio elWebmaster.com. A continuación dejo la URL de la nota:
    http://www.elwebmaster.com/articulos/usabilidad-12-tecnicas-para-un-buen-diseno-de-interfaces

    Saludos!

Canal RSS de los comentarios de la entrada. URL para Trackback

Deja un comentario

Translator

Spanish flagPortuguese flagEnglish flagGerman flagFrench flagCatalan flag
By N2H

Acerca de Mí:

MonsterPackMi nombre es Ivan Tello soy Web Master, actualmente cursando la carrera de Diseño Multimedia en IPAD. Desde hace mucho tiempo encontré en los desarrollos online un mundo inagotable de recursos que fomenta día a día esa necesidad de saber un poco más. Convencido que la unica forma de alimentar el conocimiento es previamente compartirlo es que surge esta web, donde se encontrará todo tipo de información, no solo empresarial sino tambíen personal.

Flickr Flickr

granolaAbrilPacmanWindows 7SudaSudafrica2010FerrarisFerrariVerdeSoy VerdeHacktHack

Entradas recientes

  • Pack de Iconos
  • Illustrator con todo!!! Tutoriales y más tutoriales
  • 40 excelentes tutoriales Fireworks y archivos PNG
  • 50 Diseños de ambientes de trabajo
  • 50 Introducciones de inspiración Web

Categorías

  • Adobe
  • Ajax
  • Aple
  • calentamiento global
  • Cortometraje
  • CSS
  • datos
  • Diseño
  • ecología
  • Favicon
  • Fireworks
  • Fotos
  • General
  • Google
  • Hardware
  • Internet
  • Joomla
  • Letras
  • Microsoft
  • Monitor
  • MooTools
  • Navegador
  • Open Source
  • Película
  • Photoshop
  • Php
  • Pixar
  • Publicidad
  • recursos
  • Redes Sociales
  • Safari
  • Script
  • Seven
  • Software
  • webmaster
  • Windows
  • Wordpress

Archivos

  • Abril de 2009
  • Marzo de 2009
  • Febrero de 2009

Comentarios recientes

  • Alejandra en ¿Ya existe un blog sobre la beta de Safari 4?
  • Alejandra en Paginación increíble con MooTools
  • Alejandra en Encuentros de la comunidad Joomla! de habla hispana
  • Alejandra en Usabilidad: 12 técnicas para un buen diseño de interfaces
  • Alejandra en ¿De dónde obtiene Wordpress sus ganancias?

Nube Categorias:

Adobe (1)
Ajax (1)
Aple (1)
calentamiento global (1)
Cortometraje (1)
CSS (2)
datos (1)
Diseño (17)
ecología (1)
Favicon (3)
Fireworks (1)
Fotos (1)
General (2)
Google (1)
Hardware (1)
Internet (1)
Joomla (1)
Letras (1)
Microsoft (1)
Monitor (1)
MooTools (1)
Navegador (1)
Open Source (1)
Película (1)
Photoshop (5)
Php (1)
Pixar (1)
Publicidad (1)
recursos (3)
Redes Sociales (1)
Safari (1)
Script (1)
Seven (1)
Software (3)
webmaster (15)
Windows (1)
Wordpress (2)

WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 9 or better.

Etiquetas

Adobe Ajax Aple calentamiento global Cortometraje CSS Diseño diskdigger dispositivos de almacenamientos ecología Favicon Fireworks Fotos Google Hardware icons Internet Joomla Letras Microsoft Minitor MooTools Navegador Open Source Película Photoshop Php Pixar Publicidad recuperación de datos recursos Redes Sociales Safari Script Seven Software webmaster Windows Wordpress

Licencia

Creative Commons

Esta obra está bajo una Licencia Creative Commons, clic para más información.

Spam

3.691 comentarios de spam
bloqueados por
Akismet
© Copyright Innovate…! 2008. All rights reserved. | Powered by Wordpress | Redesigned by Innovate...!