23/Nov/2009 314

En el transcurso de la vida profesional debes tomar muchas decisiones; algunas son tan mecánicas que ni las notas, mientras que otras pueden hacer que redefinas tu propia vida. Quiero compartir un pequeño caso que me tocó ver junto a otro colega, los argumentos que tuvimos y la decisión que enfrentamos. Lo encuentro interesante, ya que involucra accesibilidad, usabilidad, diseño, experiencia de usuario y desarrollo web, cada una disciplinas en sí pero que creo importante que tengan presencia y dominio en un profesional.

Este es uno de tantos artículos de este sitio que son inspirados a partir de vivencias, experiencias y conversaciones con otras personas que comparten el mismo oficio.

El comienzo

Típico proyecto web, se hizo la etapa de AI, wireframming, diseño de propuestas, se aprobó un estilo gráfico, se hicieron mejoras en el diseño y se comenzó a maquetar las páginas. Lo siguiente es una variación (más simple) del wireframe de la home (por motivos de privacidad, omito el nombre del proyecto/cliente y detalles):

Wireframe 1 en

Hasta aquí todo medianamente normal, pero al hacer funcionar la parte de Noticias, nos topamos con un pequeño gran detalle: en el wireframe y en el boceto se muestra que hay tabs por tipo de noticias, y además hay resumen de 3 noticias (según tipo) con fotografias a desplegarse, según pases el mouse sobre cada texto:

Wireframe 2 en

El análisis

¿Dónde veo un problema? Veámoslo según cada disciplina

  • Usabilidad: técnicamente, intervienen 2 tabs: por noticias, que al desplazar el cursor sobre cada resumen se reemplaza por su imagen respectiva; y por tipo de noticia, que son 3 tabs. Este doble tab puede crear confusión al usuario.
  • Experiencia de usuario: En total, son 9 imágenes cargadas: 3 tipos de noticias, 3 noticias por tipo; cada imagen, por el tamaño, es probable que pese cada una 20kb, lo que en total se debe cargar 180kb. Quizás no es mucho peso, pero hay que tomar en cuenta que además se cargan los banners, que son bastante grandes y pueden llegar a ser pesados…
  • Accesibilidad: Para conexiones lentas, no debemos pedirle tanto al usuario si es poco probable que vaya a necesitar de esas 9 imágenes. Para conexiones desde celulares, sería un abuso.
  • Desarrollo: para aminorar esa carga, podríamos cargar las noticias en los tabs según el usuario vaya haciendo click en ellas mediante AJAX; pero esto involucra un desarrollo extra que no estaba estimado.

Sinceramente, podríamos haber continuado con la construcción del sitio y ya. Pero es importante tomar en cuenta estos detalles, que al fin y al cabo hacen que un proyecto marque la diferencia.

La solución

Aún se está trabajando en ello, pero se intervendrá el diseño y probablemente se quitarán las imágenes asociadas por cada noticia, y se dejará sólo 1 imagen principal por tipo de noticia, lo que reduce la carga a sólo 3 imágenes:

Wireframe 3 en

Como ven, no impacta mayormente en el diseño final, pero sí será necesario cambiarlo y transparentarle esta modificación al cliente, siempre argumentando que es para mejor.

Esto es todo, como aún el proyecto está en proceso no hay desenlace (favorable o no), aún así me encantaría leer sus opiniones.


  1. kobe shoes [#]

    I wanted to send a simple message in order to say thanks to you for some of the precious concepts you are showing on this site. My time intensive internet research has at the end of the day been rewarded with pleasant facts and strategies to share with my family members. I ‘d point out that most of us site visitors actually are definitely fortunate to be in a great site with very many outstanding people with great advice. I feel truly happy to have seen your website and look forward to some more fabulous times reading here. Thank you again for a lot of things.

  2. supreme shirt [#]

    Thank you so much for giving everyone an extremely nice possiblity to discover important secrets from this site. It’s always so enjoyable and also stuffed with a great time for me personally and my office fellow workers to visit the blog no less than 3 times in a week to see the latest things you have. And definitely, I’m just usually astounded considering the very good advice served by you. Some two areas in this post are essentially the most suitable I have had.

  3. nike sb dunk low [#]

    I in addition to my pals were found to be checking the best secrets on your web page and then the sudden came up with a terrible feeling I had not expressed respect to the blog owner for those secrets. Most of the ladies are actually so stimulated to study all of them and have in effect clearly been using them. Thanks for getting indeed kind and for considering some helpful themes most people are really needing to know about. My very own honest regret for not expressing appreciation to sooner.

  4. lebron james shoes [#]

    I simply wanted to construct a simple word so as to express gratitude to you for these stunning instructions you are giving at this website. My particularly long internet search has now been rewarded with wonderful points to talk about with my relatives. I ‘d suppose that many of us site visitors actually are unequivocally blessed to dwell in a great community with many lovely individuals with very helpful tips. I feel extremely happy to have seen your webpage and look forward to many more amazing minutes reading here. Thanks a lot again for a lot of things.

  5. curry 6 [#]

    My spouse and i have been quite cheerful that Raymond managed to carry out his web research out of the ideas he acquired using your weblog. It is now and again perplexing just to always be giving out guidance that many many people could have been selling. So we already know we have the writer to appreciate because of that. The most important explanations you’ve made, the easy website menu, the relationships you can make it easier to instill – it’s got everything extraordinary, and it’s really assisting our son in addition to the family consider that this idea is excellent, which is especially vital. Thank you for the whole thing!

  6. supreme clothing [#]

    I have to convey my appreciation for your kindness giving support to persons who have the need for guidance on in this matter. Your special commitment to getting the solution across had been really useful and has regularly encouraged some individuals just like me to arrive at their aims. Your own warm and helpful suggestions implies this much to me and far more to my colleagues. Warm regards; from everyone of us.

  7. kyrie 7 [#]

    My husband and i have been really fortunate when Jordan managed to deal with his studies by way of the precious recommendations he acquired using your web site. It’s not at all simplistic to simply continually be handing out techniques which often many others might have been making money from. So we understand we have got you to appreciate because of that. Most of the illustrations you’ve made, the simple website menu, the friendships you will aid to promote – it’s got many fantastic, and it’s letting our son and our family understand the content is exciting, which is certainly rather important. Thanks for the whole lot!

  8. curry 8 [#]

    I’m also commenting to let you understand what a fine discovery our child had studying the blog. She came to find a good number of details, most notably what it’s like to have an excellent helping style to get the rest without hassle have an understanding of various complex issues. You undoubtedly exceeded visitors’ expected results. Many thanks for distributing such useful, trusted, educational and easy tips on that topic to Tanya.

  9. Dominik [#]

    Good day!
    I know this is kind of off topic but I was wondering if you
    knew where I could get a captcha plugin for my
    comment form? I’m using the same blog platform as yours and
    I’m having difficulty finding one?
    Thanks a lot!

  10. [#]

    ivermectin tablets dos tablet ivermectin 3 mg pastila de stromectol

  11. air jordan [#]

    My husband and i got very joyful Chris could conclude his homework via the ideas he discovered using your site. It’s not at all simplistic just to find yourself freely giving tips and tricks that many most people could have been trying to sell. So we discover we have got the blog owner to appreciate because of that. Most of the illustrations you have made, the simple site menu, the friendships your site make it possible to instill – it’s most unbelievable, and it’s really making our son and us understand the idea is awesome, which is certainly exceedingly pressing. Thank you for everything!

  12. [#]

    ivermectin tablets stromectol uk

  13. writing compare and contrast essays [#]

    admission essay writing services