Primeramente nos ofrece dos modos de navegación, les recomiendo utilicen el teclado, es muy cómodo y podemos recorrer gran cantidad de aplicaciones en un relativamente corto tiempo. Pero lo mejor y quizás lo más interesante es la posibilidad de promocionar aplicaciones nuevas desarrolladas por ustedes mismos.

En este sitio se ofrecen a la venta cientos de programas realizados exclusivamente para dispositivos móviles que de otra forma nunca verían la luz o no podrían darse a conocer.

Cada imagen de las aplicaciones los llevará al store correspondiente para poder acceder a ella, algunas son de pago y otras completamente gratuitas, un buen sitio para tener a mano si necesitamos programas específicos para nuestros dispositivos móviles, o estamos interesados en vender cualquier desarrollo que hayamos realizado.

Enlace: TheyMakeApps ~ Visto en: SwissMiss

Son siete plugins para Wordpress, muy fáciles de instalar, todos aquellos que alguna vez utilizaron la plataforma los conocen y los utilizan asiduamente, pero para quienes no los han probado nunca, instalar una extensión es muy simple, solamente debemos copiar la carpeta en nuestro servidor: wp-content/plugins dentro de la carpeta que aloje el blog de nuestro sitio. Y luego activarlo desde la sección plugins de nuestra barra lateral izquierda dentro del tablero.

Pues bien, con estas indicaciones cambiar la apariencia de nuestro tablero no será ningún problema, he aquí siete plugins que los ayudarán en la tarea.

Plugins de Wordpress para cambiar la apariencia del tablero

Ozh’ Admin Drop Down Menu – Mediante este plugin no solo podremos cambiar los colores de nuestro tablero entre una amplia variedad de opciones sino que también, coloca la barra lateral en el sector superior para mejor usabilidad. Para quienes encuentren esto como un problema, es la solución ideal, los enlaces se posicionarán en la parte superior como una barra y contendrán los submenúes como un drop down.

Fluency Admin – Funciona más que nada como un modificador visual, aunque también puede se pueden personalizar las opciones e incluso el formulario de login, el resultado es muy limpio y puede ser una buena herramienta.

Easy admin color schemes – Si bien creo que algunos esquemas pueden resultar irritantes, es un buen plugin para cambiar la paleta de colores que despliega nuestro tablero.

Qwerty Admin Panel Theme – Como el anterior, se utiliza para modificar los esquemas de colores del tablero, pero en este caso es ampliamente personalizable, ya que podemos cambiar cada uno de los elementos que aparecen. A su vez también permite incluir nuestro propio logo en el formulario de login.

Pop Menus for WP-Admin – Se utiliza para reemplazar el drop down por defecto que contiene la barra lateral de nuestro tablero, por un pop up muy similar al que aparece cuando esta barra se encuentra minimizada.

Adminize – La mayor utilidad de este plugin es poder seleccionar las herramientas importantes para tener a mano, descartar aquellas que se utilizan muy poco, o nunca. De esta forma nos aseguramos de tener lo necesario al alcance de la mano. Es una herramienta más administrativa que visual que puede ahorrarnos algo de tiempo.

My brand – Sirve particularmente para personalizar de forma muy fácil el formulario de registro o login de Wordpress. El resultado según lo que necesitemos puede ser muy original.

Cada plugin se utiliza para cosas diferentes, y depende de qué necesitemos, puede servirnos o no, pero nunca está de más tenerlos a mano, agradezco a 1stwebdesigner por tan excelentes recomendaciones.

Analicemos un poco el mecanismo. Uno ingresa a un sitio, ve que registrarse seria útil, pongamos el ejemplo de un foro en el que para poder participar tenemos que crear una cuenta. Colocamos nuestros datos en el formulario correspondiente y listo, ahora solo resta esperar el correo de confirmación para activar nuestra cuenta y poder utilizarla sin ningún tipo de restricciones.

Lo positivo:

• El usuario estaría de alguna forma confirmando que es real y que su interés en tener una cuenta de email es el correcto.
• Hasta cierto punto estaría acreditando esa dirección de correo como propia, evitando su utilización por otro usuario con fines oscuros.
• Evitaríamos hasta cierto punto la creación de cuentas por medio de bots.

Lo negativo:

• El usuario tiene que abrir su cliente de email, o su webmail, con los tiempos que esto requiere.
• Los emails de confirmación no siempre llegan rápido, eso incrementa aun mas el malestar de esta parte del proceso, registrarse en un sitio y encima tener que esperar una hora a que llegue un email es muy molesto.
• Los correos no siempre llegan. Es de lo mas normal que los correos de esta clase lleguen a la carpeta de SPAM, y la realidad es que la gran mayoría de los usuarios nunca revisa esta carpeta, por lo que el registro queda pendiente de aprobación de forma indeterminada.

Entonces ¿Merece la pena incorporar este mecanismo al proceso de registro?

Si lo pensamos fríamente diría que no, la solución parece mucho mas problemática que lo que pretende evitar. Que alguien confirme un email ya ni siquiera significa que se trate de una persona real, existen mecanismos diferentes que pueden ser de utilidad para verificar si se trata de un bot o no, captchas, actividad en el sitio, etc.

Ahora el único punto fuerte que le veo a la confirmación por correo electrónico es la de autenticar un email asociado a un nombre de usuario, pero realmente ¿cuantos casos de robo de emails o registro con correos de otras personas existen como para molestar al 99% de los usuarios pidiendo una confirmación por correo? Creo que pocos y si buscamos un poco mas y asociamos nuestra cuenta con Facebook o Twitter creo que el mecanismo de confirmación por email queda completamente obsoleto.

Si bien hay casos en particular que veo correcto la utilización de este mecanismo (p.e. suscripción por email de feedburner) en la mayoría de los servicios no le veo grandes ventajas.

¿Que piensas de esto?

El problema de utilizar solo nuestro criterio es que no todas las personas tienen el mismo nivel de visibilidad, por lo que para unas personas puede ser un contraste adecuado para otras puede que no tanto. Es por esa simple razón que las herramientas son tan pero tan buenas, y particularmente me gusto mucho Colour contrast visualiser.

Colour contrast visualiser tiene dos opciones disponibles, una es una aplicación para Adobe Air que no pude hacer funcionar, pero creo que por algo de mi computadora y otra que es la de la captura que es la que esta diseñada con Adobe Flash que funciona perfectamente.

El funcionamiento es de lo mas simple, por un lado elegimos el color del fondo y por otro el del texto, automáticamente el tilde se transformara en cruz, todo dependiendo si el contraste es o no el adecuado. Para hacer esto el programa realiza una serie de cálculos matemáticos, por lo que la conclusión que logran estos sistema son de lo mas precisas y todo bajo los estándares. Es importante prestar atención a estos detalles.

No obstante, algo que cada día veo mas y que realmente me gusta pero no se hasta que punto será práctico para todo el mundo es paginar resultados bajo demanda, esto es lo podemos ver de forma muy presente en redes sociales como Facebook o Twitter, en donde no existe una paginación de resultados convencional, por ejemplo en el caso de twitter la paginación consiste en mostrar otra tanda de resultados a continuación de la que esta presente prolongando el largo total del documento, sin necesidad de recargar todo el sitio.

Otra técnica de esto que estoy comentando es la conocida como Lazy Loading que no es mas que utilizar la ubicación de la barra de scroll para ir mostrando resultados progresivamente, un excelente implementación de esto es la que se encuentra en Haystack, a continuación grabe un pequeño video mostrando el funcionamiento.

Hay varias cosas positivas de eliminar la paginación convencional de resultados como en el video, por un lado evitamos requerir una acción nuestra como un clic para continuar viendo información, se podría decir que es mucho mas natural simplemente desplazarnos hacia abajo buscando mas información que pasando de página.

Por lo simple que resulta ver los resultados de esta forma lo mas probable es que terminemos viendo muchísimos mas trabajos que de otra forma y pasando página a página no haríamos.

La velocidad que se logra con este método es impresionante, sin ir mas lejos en el video se ve como me costo mostrar la imagen de cargando de los siguientes trabajos.

Lo único negativo que veo en esta metodología es que quizás no toda la gente se de cuenta de lo que esta ocurriendo, esto seguramente cambiara en un futuro a medida que grande sitios como facebook y twitter se conviertan aun mas en moneda común de todos los internautas.

Me pregunto como se vería Google paginando los resultados bajo demanda tal cual lo hace Haystack o el mismo Facebook que solo hace eso en la primer hoja de resultados.

Inclusive me doy cuenta que las combinaciones de teclado son utilizadas prácticamente por todas las personas, aun las que están poco con sus ordenadores, ¿que persona nunca utilizo CTRL+C para copiar un texto en algún procesador de texto?

Entonces si el uso de atajos del teclado esta tan instaurado en nosotros, ¿porque su uso no esta tan implementado en los sitios web?

Se me ocurren tres ejemplos de sitios que los utilizan y que realmente nos hacen la vida más fácil con ello.

Google Reader. Tiene una extensa lista de atajos de teclado, en mi caso uso dos atajos solamente j/k para avanzar y retroceder dentro de los artículos publicados por mis suscripciones. Es súper simple, y me ahorra muchísimo tiempo que perdería desplazándome con el mouse, además que me permite leer los títulos y ver si el tema me interesa o no antes de continuar.

Facebook. Por mas que busque no encontré un lugar donde estén listados los atajos de teclado, en mi caso lo descubrí casi de casualidad. Cuando por ejemplo estamos mirando una foto podemos usar las flechas izquierda/derecha y desplazarnos de foto en foto dentro de un mismo álbum, es también una función muy simple pero practica.

FFFFound. Este ejemplo lo encontré gracias a svn hace poco tiempo, y me encanto, se trata de usar también las teclas j/k (obviamente que no es casualidad que sean las mismas que las del Greader) para trasladarlos de imagen en imagen. También tiene unas teclas más para ayudarnos a desplazarnos o cambiar la visualización. Es otro ejemplo simple y practico de la implementación de atajos de teclado en el diseño web.

Me gusta la idea de implementar atajos de teclado en los sitios web cada vez mas, quizás habría que ver de estandarizar que teclas hacen que, esto para evitar tener que aprender una combinación distinta para cada sitio

Me gusta la idea de implementar atajos de teclado en los sitios web, quizás habría que ver de estandarizar que teclas hacen que, para evitar tener que aprender una combinación distinta para cada sitio.

¿Utilizas comúnmente atajos de teclado en otros sitios?

A simple vista ya se pueden empezar a apreciar algunas diferencias no obstante la tabla con los resultados aproximados es la siguiente:

Recorriendo un poquito estos números podemos decir que Blogger es el que lo tiene mas grande seguido por Google, Yahoo, Myspace, Baidu, Facebook, Wikipedia, Bing, Youtube y finalmente con su logo mostrado de forma mas humilde lo tenemos en último lugar al sitio MSN.

También podemos destacar otra cosa, como por ejemplo que todos los logos comparten una orientación apaisada, quizás esto tenga que ver con una optimización de espacios en pantalla. Y un dato que no es tan importante, pero que puede englobar un poco la tendencia de estos logotipos es que el tamaño promedio es de 187×67 px, valor aproximado.

Y para redondear un poco sobre generalidades de estos logos, la alineación de los mismos en la pantalla es a izquierda como en el caso de Blogger, Myspace, Bing, Youtube, MSN, centrada en el caso de Google, Yahoo, Baidu, Facebook, Wikipedia y alineado a la derecha no hay un solo logo, dato un poco curioso.

La verdadera pregunta es: ¿importa el tamaño?

Mi apreciación personal es que no. No debería, lo que realmente importa es el contexto. Si bien las medidas tienen su grado de importancia, lo que da la visibilidad al logo es la posición, el color y el contexto, por ejemplo en el caso de Google, prácticamente no hay otra cosa que ver en su pagina de inicio, es su logo y su campo de búsqueda, lo demás es casi secundario.

Es un tema interesante, quizás si estas por diseñar un nuevo sea de tu utilidad otros artículos, por ejemplo Psicología detrás de los colores en los logotipos y Utilización de Colores en una marca

¿Pero alguna vez analizamos los factores en común que tienen estos sitios que logran que los elijamos entre millones para recibir sus noticias?  ¿porque nos registramos en aquel foro de tecnología cuando ya habíamos visitado otros tantos tan  similares? o ¿Y porque nos suscribimos a ese blog y no aquel que acabamos de visitar?

Todas preguntas que parecen apuntar casi siempre a lo mismo: calidad de contenidos y/o utilidad del sitio. Factores con los que coincido plenamente,no obstante, estoy seguro de que existen otros factores implícitos en el proceso de aceptar un sitio que ni siquiera nos proponemos pensar al momento de registrarnos. Se me ocurren algunos que no tienen nada que ver con el sitio propiamente dicho.

• Popularidad. Es difícil no ceder a la tentación de registrarnos a un sitio web cuando vemos que el mismo tiene una comunidad de varios cientos de miles de personas. El famoso registro “porque algo debe tener” que pareciera radicar de cualquier análisis es mucho mas común de lo que parece.
• Presión social / Moda. Facebook es un ejemplo de esto, y ese efecto domino que logro y de forma tan masiva, amigos buscando amigos, personas que ingresan porque sabes que su mejor amiga o la chica que les gusta esta ahí adentro abundan, en parte es una moda y en parte es una forma de socializar que cada vez parece mas obligatoria.
• Prestigio del autor. Google y Apple ejemplos obligatorios. Cuando cualquiera de estas dos empresas hace un lanzamiento uno automáticamente sabe que ese producto de forma casi asegurada será de extrema calidad. Este es un punto bastante interesante, porque muchas veces terminamos regístranos a servicios que de no ser por la empresa detrás en la vida probaríamos.

Tres ejemplo de factores que veo comunes, que nos hacen registrarnos/suscribirnos independientemente de los factores dentro del sitio.

Independientemente de la usabilidad, utilidad, diseño y demás yerbas, ¿que otros factores reconoces que te harían sumarte a una web?

Vamos con algunos ejemplos que me parecen para destacar.

Wordpress y el botón de publicar/programar una entrada. Los que usamos Wordpress conocemos muy bien el botón para publicar, lo que muchos no se dieron cuenta es que este se modifica cuando programamos una entrada, cambiando su valor de “publicar” a “programar” una diferencia sutil pero que ayuda a darnos cuenta de lo que estamos haciendo a la hora de agendar una entrada.

Agenda del iPod y su forma de mostrar los días de la semana. Cuando en el iPod vamos registrando los días de la semana en los que queremos que una alarma suene, los días registrados van apareciendo uno a continuación del otro en la pantalla inicial de la aplicación. Por ejemplo, si quiero que el despertador suene tres días por semana en la pantalla inicial de la aplicación veremos Lun. Mié. Jue. Ahora si seleccionamos todos los días de la semana en lugar de aparecer Lun. Mar. Mié. Jue. Vie. Sab. Dom. aparece directamente la leyenda todos los días. Una diferencia casi imperceptible pero que es útil porque nos ahorra el proceso de buscar que día falta para complementar la semana completa.

Los elementos para seleccionar idioma en un solo idioma. Me imagino que a más de uno de ustedes también le ocurrió. Cuando ingresamos a un sitio que tiene la opción de elegir el idioma, podremos ver en algún lado del mismo, una lista con los idiomas disponibles, por ejemplo si ingresamos a un sitio web desde su versión en ingles veremos un listado como el de la imagen que muestro a continuación. Pero lamentablemente (y esto está bastante instaurado) veremos que el listado esta escrito en solo un idioma, cosa que a mi entender es incorrecta, y que debería ser mas como el formulario que se ve a la derecha en la imagen.

Como podrán ver es un simple detalle pero que hace la vida un poco mas sencilla a las personas que ni siquiera saben, por ejemplo, que Spanish se traduce como Español en inglés

Son todos pequeños detalles, muy pero muy simples, pero que pueden mejorar la experiencia del usuario, inclusive estoy seguro que son cosas que surgen de forma casi espontánea, solo es cuestión de ponerse a pensar un poco y usar el sentido común.

Portabilidad de nuestros datos

Me encanta que lo que es nuestro sea nuestro y de nadie mas, odio que las aplicaciones web se adueñen de nuestros datos, esclavizándonos a morir en ellas sin la mas remota posibilidad de migrar a otra plataforma, de tener mi propia aplicación web uno de los puntos de su manifiesto seria “buscamos usuarios y no esclavos” y eso es justamente lo que busco en una aplicación web, que en caso de ser necesario me permita extraer la información que yo mismo cargué, inclusive brindando las herramientas necesarias para irme directo a su competencia.
Eso es lo que justamente hace Gmail, por ejemplo a continuación coloco la captura de una de las características de este gran webmail en donde nos facilitada de forma directa la exportación de nuestra lista de contactos a Outlook, algo que puede ser contraproducente para la empresa resulta ser todo lo contrario, ¿que usuario no agradece este tipo de funcionalidades?

Solución a problemas reales

El valor de una aplicación web es directamente proporcional al problema que soluciona y este valor solo puede ser alcanzado si la solución es tan simple que la gente la adopte sin necesidad de leer un complejo manual ni pagar una cifra astronómica. De nada sirve las aplicaciones que no solucionan ningún problema de la vida cotidiana, o que se pueden presentar en la empresa de manera frecuente, es por eso que las aplicaciones web que nacen como competencia a otras ya instauradas y sin aportar nada nuevo mueren sin hacer ningún ruido, una aplicación tiene que brindar una mejora en la vida de las personas, independientemente de si es un problema enorme o no, pero tiene que tener una sólida razón de existir.

Un ejemplo que siempre me gusto de esto es el de la empresa Zoho, que apareció en el momento clave en donde tanto particulares como empresas estaban necesitando una aplicación ofimática y colaborativa online. Un problema, una solución, parece fácil pero no lo es, no obstante como este ejemplo hay muchísimos mas.

Multiplataforma

Notebook, netbook, iPod, iPhone, PS3, etc etc etc. Hoy en día existen decenas de distintos dispositivos por los que una persona  puede acceder a su información, ya sea para hacer una consulta o por simple comodidad, la aplicación web debería poder soportar esto. El primer gran ejemplo de esto (y que comente hace un tiempo) es Remember the milk, herramienta que simplemente nos permite llevar una lista de tareas pendientes pero que logro ser soportada por prácticamente cualquier plataforma, por lo que su utilización es innegablemente fácil y desde cualquier lugar.

Debería tener una visión

No hay nada más molesto que las aplicaciones online que dejan que sus usuarios hagan lo que se les venga en gana, es irritante para otros usuarios, esto se puede ver en los sitios sociales, por ejemplo cuando hablamos de perfiles. Por un lado podemos ver a Facebook que tiene un diseño muy definido, poco flexible y que unifica a todos los millones de usuarios, y por otro lado podemos ver a Myspace con sus perfiles configurables, con plantillas horribles, coloridas, con cosas que se mueven y que le queman la vista a cualquier ser viviente.

Considero que existe un punto medio, que permite a los usuarios personalizar las cosas, pero sin exagerar, esto es la visión de los desarrolladores, que imponen su forma de pensar por sobre la del usuario, la realidad es que los usuarios en la mayoría de los casos no sabemos realmente lo que queremos, sino que alguien me explique que paso con los cientos de grupos de personas que se quejan cuando Facebook cambia su diseño

No debería molestarme

No hay nada que me irrite mas que las aplicaciones que en lugar de brindarme soluciones me traen problemas, un buen ejemplo de esto serian las web sociales que están compitiendo con Facebook que desde hace un par de meses en lugar de dedicarse en mejorar sus servicios se dedican a enviarle SPAM a sus usuarios con el simple fin de lograr un nuevo ingreso, nada mas. Una buena aplicación web no debería incomodar al usuario en lo más mínimo.

Un buen ejemplo de esto, es ver en algunas aplicaciones como permite configurar al máximo la cantidad de emails enviados, dándonos la opción de filtrar que mensajes nos envía a nuestro correo.

En constante mejora

Las aplicaciones web deberían estar en constante actualización, ya sea agregando nuevas funcionalidades, o bien mejorando cosas pura y exclusivamente técnicas, como la velocidad o bien solucionando errores. Siempre me gusta utilizar aplicaciones que demuestren que del otro lado hay personas trabajando en mejorar el servicio, existen buenos ejemplos de esto, Basecamp es el primero que viene a mi mente. Tanto desde la aplicación misma como desde el blog de la empresa podremos leer las sucesivas mejoras del producto.

Debería tener una excelente documentación pero innecesaria

A mi entender la usabilidad tiene máxima presencia en las aplicaciones online, una aplicación que no cumple con los requerimientos mínimos usables es prácticamente una basura inservible, en cambio, si los aspectos usables están bien ejecutados su utilización es simplemente hermosa. Eso en gran parte hace que si la aplicación esta bien desarrollada la documentación para su utilización sea imprescindible, ya que todo está y funciona como debería, y si bien considero necesario que esté presente me parece que lo que debería ocurrir siempre es que ningún usuario la requiera.

Seguimos utilizando el ejemplo anterior, como verán existe la documentación, es a decir verdad la primera vez que la veo, y eso que hace mas de 2 años que utilizo el servicio.

Debería ser amistosa

Si observan detenidamente la gran mayoría de las aplicaciones web del mercado, las mas populares, utilizan un lenguaje amistoso y simple, hasta quizás por momento nos juegan alguna broma, estos pequeños detalles hacen que nos sintamos en casa, un excelente ejemplo de esto es Flickr, esta aplicación líder del mercado tiene una forma muy particular de saludar cuando ingresamos al sistema:

No debería ser pretenciosa

Todos tenemos una característica en común: nos gusta tratar con otras personas, es simple, es por eso que aplicaciones web con equipos reducidos, que lo demuestran, sin miedo a parecer empresas chicas están teniendo gran éxito,  estamos cansados de intentar hablar con grandes corporaciones, que en la mayoría de los casos nos darían la espalda a la primera oportunidad, nadie quiere ser un numero, es por eso que nos encantan los equipos chicos y transparentes, ¿tenemos un problema con la aplicación? podemos hablar directamente con los programadores, mas simple imposible. Es por eso que me parece maravilloso el mercado de las aplicaciones web, aquí ser chico es una ventaja.

Balsamiq, que si bien no es una aplicación web, es un programa que se logró posicionar como EL software para realizar bosquejos, y que comenzó con solo un equipo dos personas.

Visualmente atractiva

Muchas veces el minimalismo o la falta de él, hace que una aplicación sea excelente en funcionalidades, y genial solucionando un problema, pero “fea” de utilizar, el diseño de la aplicación web es imprescindible, a mi me pasa que utilizar aplicaciones que sean agradables visualmente me resulta adictivo, inclusive y si no se abusa de ellos, algún jQuery viste mucho una aplicación, haciendo que su utilización sea divertida. Es un punto simple, pero necesario y que no necesariamente hace a la función propiamente dicha.

Y eso es todo, no me quiero seguir extendiendo. Si tienes alguna otra característica de una aplicación web que consideres imprescindible me encantaría leerla