[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla

# 60+ consejos sobre usabilidad y buenas prácticas en interfaces de usuario

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)   04 Junio 2015    [Recomendaciones](https://sergioiglesias.net/blog/recomendaciones)   2 - 3 minutos    Visitas: 5776  -
- [ Desarrollo Joomla ](https://sergioiglesias.net/etiquetas/desarrollo-joomla)
- [ Marketing Online ](https://sergioiglesias.net/etiquetas/marketing-online)
- [ Plantillas Joomla ](https://sergioiglesias.net/etiquetas/plantillas-joomla)
- [ SEO Joomla ](https://sergioiglesias.net/etiquetas/seo-joomla)

Cuando estás diseñando una página web, sea cual sea su cometido, [web corporativa](https://sergioiglesias.net/servicios-web/web-corporativa), [blog](https://sergioiglesias.net/servicios-web/blog-joomla), [catálogo de productos](https://sergioiglesias.net/servicios-web/web-catalogo), [comercio electrónico](https://sergioiglesias.net/servicios-web/web-ecommerce), [landing page](https://sergioiglesias.net/servicios-web/landing-page-joomla)..., es importante que tengas en cuenta las siguientes **cuestiones sobre usabilidad**.

Te ayudarán a tener un gran diseño y una **buena experiencia de usuario**.

## Ventajas de seguir estas buenas prácticas

- Agilizan la realización de tareas.
- Minimizan la pérdida de tiempo.
- Uso de la página de forma más rápida e intuitiva.
- Familiarización con la página: conocerán mejor tus productos y servicios.
- Seguridad en navegación.
- Menos ayuda del soporte técnico.
- Más tiempo de permanencia en la página.

## Consejos de usabilidad

Los consejos de que te presento en este artículo los tienes perfectamente definidos en el siguiente sitio web: [GoodUI](http://www.goodui.org/).

Una página que te recomiendo tener entre tus favoritas ya que es muy visual y didáctica.

![goodui](https://sergioiglesias.net/media/cached-resp-images//images/blog/recomendaciones/goodui_1230.png?version=9bb0c83db21b1fefc0a705b3bf06df0c)

Aunque la página está en inglés, se entiende perfectamente cada uno de los consejos ya que se apoya en imágenes muy descriptivas de cada punto.

### En inglés

1. [A One Column Layout](http://www.goodui.org/#1)

2. [Giving a Gift](http://www.goodui.org/#2)

3. [Merging Similar Functions](http://www.goodui.org/#3)

4. [Social Proof](http://www.goodui.org/#4)

5. [Repeating Your Primary Action](http://www.goodui.org/#5)

6. [Distinct Clickable/Selected Styles](http://www.goodui.org/#6)

7. [Recommending](http://www.goodui.org/#7)

8. [Undos](http://www.goodui.org/#8)

9. [Telling Who It's For](http://www.goodui.org/#9)

10. [Being Direct](http://www.goodui.org/#10)

11. [More Contrast](http://www.goodui.org/#11)

12. [Personality](http://www.goodui.org/#12)

13. [Fewer Form Fields](http://www.goodui.org/#13)

14. [Exposing Options](http://www.goodui.org/#14)

15. [Suggesting Continuity](http://www.goodui.org/#15)

16. [Keeping Focus](http://www.goodui.org/#16)

17. [Showing State](http://www.goodui.org/#17)

18. [Benefit Buttons](http://www.goodui.org/#18)

19. [Direct Manipulation](http://www.goodui.org/#19)

20. [Exposing Fields](http://www.goodui.org/#20)

21. [Transitions](http://www.goodui.org/#21)

22. [Gradual Engagement](http://www.goodui.org/#22)

23. [Fewer Borders](http://www.goodui.org/#23)

24. [Selling Benefits](http://www.goodui.org/#24)

25. [Designing For Zero Data](http://www.goodui.org/#25)

26. [Opt-Out](http://www.goodui.org/#26)

27. [Consistency](http://www.goodui.org/#27)

28. [Smart Defaults](http://www.goodui.org/#28)

29. [Conventions](http://www.goodui.org/#29)

30. [Loss Aversion](http://www.goodui.org/#30)

31. [Visual Hierarchy](http://www.goodui.org/#31)

32. [Grouping Related Items](http://www.goodui.org/#32)

33. [Inline Validation](http://www.goodui.org/#33)

34. [Forgiving Inputs](http://www.goodui.org/#34)

35. [Urgency](http://www.goodui.org/#35)

36. [Scarcity](http://www.goodui.org/#36)

37. [Recognition](http://www.goodui.org/#37)

38. [Bigger Click Areas](http://www.goodui.org/#38)

39. [Faster Load Times](http://www.goodui.org/#39)

40. [Keyboard Shortcuts](http://www.goodui.org/#40)

41. [Anchoring](http://www.goodui.org/#41)

42. [Upfront Progress](http://www.goodui.org/#42)

43. [Progressive Disclosure](http://www.goodui.org/#43)

44. [Smaller Commitments](http://www.goodui.org/#44)

45. [Softer Prompts](http://www.goodui.org/#45)

46. [Multifunctional Controls](http://www.goodui.org/#46)

47. [Icon Labels](http://www.goodui.org/#47)

48. [Natural Language](http://www.goodui.org/#48)

49. [Curiosity](http://www.goodui.org/#49)

50. [Reassurances](http://www.goodui.org/#50)

51. [Price Illusions](http://www.goodui.org/#51)

52. [Thanking](http://www.goodui.org/#52)

53. [Useful Calculations](http://www.goodui.org/#53)

54. [Reaffirming Freedom](http://www.goodui.org/#54)

55. [Variable Rewards](http://www.goodui.org/#55)

56. [Attention Grabs](http://www.goodui.org/#56)

57. [Friendly Comparisons](http://www.goodui.org/#57)

58. [Set Collections](http://www.goodui.org/#58)

59. [Expectation Setting](http://www.goodui.org/#59)

60. [Humor](http://www.goodui.org/#60)

61. [Providing Feedback](http://www.goodui.org/#61)

62. [Anticipating Intent](http://www.goodui.org/#62)

63. [Extra Padding](http://www.goodui.org/#63)

64. [Storytelling](http://www.goodui.org/#64)

65. [Authenticity](http://www.goodui.org/#65)

66. [Progressive Reduction](http://www.goodui.org/#66)

67. [Putting Others First](http://www.goodui.org/#67)

### "Traducción"

1. [Un diseño una columna](http://www.goodui.org/#1)

2. [Dar un regalo](http://www.goodui.org/#2)

3. [La fusión de funciones similares](http://www.goodui.org/#3)

4. [Prueba Social](http://www.goodui.org/#4)

5. [Repitiendo Su acción primaria](http://www.goodui.org/#5)

6. [Distintos Estilos Clickable / Seleccionable](http://www.goodui.org/#6)

7. [Recomendando](http://www.goodui.org/#7)

8. [Deshacer](http://www.goodui.org/#8)

9. [Decirle Quién Es Para](http://www.goodui.org/#9)

10. [Ser directo](http://www.goodui.org/#10)

11. [Más Contraste](http://www.goodui.org/#11)

12. [Personalidad](http://www.goodui.org/#12)

13. [Menos campos de formulario](http://www.goodui.org/#13)

14. [La exposición de Opciones](http://www.goodui.org/#14)

15. [Continuidad Sugiriendo](http://www.goodui.org/#15)

16. [Enfoque Manteniendo](http://www.goodui.org/#16)

17. [Mostrando Estado](http://www.goodui.org/#17)

18. [Beneficios Botones](http://www.goodui.org/#18)

19. [Manipulación directa](http://www.goodui.org/#19)

20. [La exposición de campos](http://www.goodui.org/#20)

21. [Transiciones](http://www.goodui.org/#21)

22. [Compromiso gradual](http://www.goodui.org/#22)

23. [Menos Fronteras](http://www.goodui.org/#23)

24. [La venta de Beneficios](http://www.goodui.org/#24)

25. [Diseños para datos Cero](http://www.goodui.org/#25)

26. [Optar Por No](http://www.goodui.org/#26)

27. [Consistencia](http://www.goodui.org/#27)

28. [Predeterminados inteligentes](http://www.goodui.org/#28)

29. [Convenciones](http://www.goodui.org/#29)

30. [Aversión Pérdida](http://www.goodui.org/#30)

31. [Jerarquía Visual](http://www.goodui.org/#31)

32. [Agrupación Productos Relacionados](http://www.goodui.org/#32)

33. [Validación en línea](http://www.goodui.org/#33)

34. [Perdonar Entradas](http://www.goodui.org/#34)

35. [Urgencia](http://www.goodui.org/#35)

36. [Escasez](http://www.goodui.org/#36)

37. [Reconocimiento](http://www.goodui.org/#37)

38. [Haga clic en Áreas más grandes](http://www.goodui.org/#38)

39. [Más rápidos tiempos de carga](http://www.goodui.org/#39)

40. [Atajos De Teclado](http://www.goodui.org/#40)

41. [Anclaje](http://www.goodui.org/#41)

42. [Upfront Progreso](http://www.goodui.org/#42)

43. [Revelación Progresiva](http://www.goodui.org/#43)

44. [Compromisos más pequeñas](http://www.goodui.org/#44)

45. [Solicita más suaves](http://www.goodui.org/#45)

46. [Controles multifuncionales](http://www.goodui.org/#45)

47. [Las etiquetas de Iconos](http://www.goodui.org/#46)

48. [Lenguaje Natural](http://www.goodui.org/#47)

49. [Curiosidad](http://www.goodui.org/#48)

50. [Garantías](http://www.goodui.org/#49)

51. [Ilusiones Precio](http://www.goodui.org/#50)

52. [Agradeciendo](http://www.goodui.org/#51)

53. [Cálculos Útiles](http://www.goodui.org/#52)

54. [Libertad Reafirmando](http://www.goodui.org/#53)

55. [Recompensas Variable](http://www.goodui.org/#54)

56. [Llama la atención](http://www.goodui.org/#55)

57. [Las comparaciones friendly](http://www.goodui.org/#56)

58. [Set Colecciones](http://www.goodui.org/#57)

59. [Expectativa Marco](http://www.goodui.org/#58)

60. [Humor](http://www.goodui.org/#59)

61. [Envío de comentarios](http://www.goodui.org/#60)

62. [Intención Anticipando](http://www.goodui.org/#61)

63. [Carnes de más](http://www.goodui.org/#62)

64. [Cuentacuentos](http://www.goodui.org/#63)

65. [Autenticidad](http://www.goodui.org/#64)

66. [Reducción progresiva](http://www.goodui.org/#65)

67. [El poner a otros primero](http://www.goodui.org/#66)

---

Recuerda guardarla en favoritos: [ www.goodui.org](http://www.goodui.org/)

Si te suscribes a mi newsletter tendrás acceso a contenidos exclusivos. Entre ellos está un **PDF con más 250 tips sobre usabilidad** que enviaré esta semana. ¿Lo quieres? [Apúntate ahora mismo](http://sergioiglesias.us2.list-manage2.com/subscribe?u=cc651023b994a6d7ddc4beb3b&id=18d9922771)!!

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado

### ¿No sabes bien en qué estado

está tu web Joomla?

Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden.

Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML

[ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables

[![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior

Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS.

[](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias")

### Suscríbete a mi newsletter

¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**.

[Quiero apuntarme!](https://sergioiglesias.net/newsletter)

###  No hay comentarios

###  Deja tu comentario

 En respuesta a Some User

 Nombre \*

 Dirección de email \*

 Texto del comentario \*

 Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*