Emarts

Explicación del rediseño en Emarts.pe

Juntamente con la unión entra mi antiguo blog y este hubo el gran detalle del lavado de cara para la página que estas viendo actualmente, sin duda una de las partes más divertidas de un diseño no es solo desarrollarlo sino también explicarlo =)

¿Recuerdan lo de la frase de ayer “la simplicidad es la sofisticación definitiva”? Pues es algo que tuve muy en cuenta  en este diseño, ya que mi meta fué eliminar los elementos innecesarios del diseño anterior sin que este pierda su funcionalidad. Gran dilema.

Manos a la obra, me encargué de reducir y simplificar elementos del diseño anterior como por ejemplo:

• Cuerpo de la página — Antes el área de las entradas y la barra lateral se encontraban separadas en lo que ahora me parecen un montón de pequeñas ventanitas flotantes lo cual generaban demasiados elementos dentro de un solo diseño, así que ahora lo he simplificado todo y la página entera se encuentra dentro de un solo “wrapper” completo.
• Iconos “sociales” — En el diseño anterior estaba cargada de elementos interesante pero inútiles, por ejemplo: una lista de varios mini iconos que mostraban en que redes sociales pertenecía… ¿A quién le importa? a nadie, a menos de que entren a una sección apropiada como “Acerca de”
• Snap! Snap! Fotos — Rejilla de 6x2 con las fotos más recientes de mi flickr… y era interesante ya que según las estadisticas del sitio, varias personas se daban una vuelta por las fotos, así que lo que hice fue reducirla en un pequeño “toggle” que ahora se activa haciendo clic en el.
• Bienvenido — Pequeño texto que describe de que se trata el blog… OK, no parece tan mal, solo que esta vez prefiero dejar al lector darse cuenta de lo que esta viendo ;-)
• Caseritos — Una pequeña lista con páginas webs variadas, lo malo de esto es que estaba hecha manualmente así que no podía actualizar los enlaces con facilidad, ahora contiene una lista de imágenes de los Tumblrs que estoy siguiendo en este momento, todo esto se actualiza en tiempo real así que es lo “más más” de mi colección personal.
• Twitter — La lista con mis actualizaciones de mi twitter, el problema en mi opinión es que no se puede configurar la cantidad de tweets que salían (creo que siempre eran 5) y mucho más importante… ¡A nadie le importa! haha eso. Si quieres saber lo que hago en Twitter, entra al link que te llevará a el, simple.
• Footer de los posts — Solían haber un par de links, uno de “Me gusta” en Facebook y otro de los comentarios de la entrada. Esto sería muy útil, pero puesto que casi nadie utilizaba los comentarios en el blog anterior decidi eliminarlo y como no iba a dejar todo un área enorme solo por un botón “Me gusta” tome la decisión de eliminar toda esa parte por completo.
• Icono del tipo de post — Al lado de los posts (entradas o anotaciones) sale un icono que muestra el tipo de contenido que estas viendo (texto, fotos, videos, etc). Anteriormente estaba utilizando algunos iconos que no estaban diseñados para ese tamaño así que si tenias un “ojo de diseñador” podías notas cierta incoherencia en las proporciones… mea culpa… Sin embargo ahora estoy utilizando un set de iconos minimalistas llamado Iconic el cual sí tiene los tamaños adecuados, ademas de que al tratarse de una misma familia estos tienen una elegante similitud a la vista :) a parte de eso quería que esta área de los posts tuviera un poco más de utilidad así que también he colocado un pequeño texto con algo muy importante que había obviado en el diseño anterio… ¡la fecha!
• El gran “Me Gusta” — Hay quienes dicen que el RSS ha muerto (yo aún lo sigo usando hehe) y de que si quieres saben lo último que hay en un sitio debes estar al tanto de su actividad en las redes sociales, no digo que esto sea falso… solo que no había captado la esencia de esto. En el diseño anterior había un cuadro al inicio de la página con un botón “Me gusta”, todo bien pero no tenía real utilidad ya que esto solo era para sumar “likes” al blog. Ahora he simplificado todo aquello y en la barra lateral hay un único y definitivo botón el cual te ayudará a estar actualizado con las novedades en Emarts (Y sí, soy una persona consciente de que es molesto bombardearte con spam, así que no te preocupes que no actualizo a menos que sea necesario, y esto de seguir en Facebook es siempre opcional)
• Barra de navegación — En la parte superior de la página de Emarts salen unos links con las principales secciones de este sitio, esta parte no ha tenido muchos cambios a excepción del alto (ahora habrá más “aire” para los elementos) y la eliminación de los iconos “F y B” los cuales nadie usaba hehe.
• Footer — Este fué uno de mis cambios preferidos… Hasta la fecha no me había dado cuenta de lo ridículo que era tener un recuadro del tamaño de toda la página para el footer, así que decidí eliminarlo junto con el pequeño tagline que estaba ahí. Simple.

Como se habrán dado cuenta este lavado de cara consistió principalmente en eliminar y simplificar. A veces creemos que mientras más elementos tengamos más útiles podemos ser, pero cuesta mucho hacerlo simple y práctico para que todos lo entiendan.

Oh vaya, creo que esto podría aplicarse también en la vida ¿no? =)