Nuevo diseño en Picando Código
Publicado el 18 de noviembre de 2014¡Picando Código estrena nueva apariencia!
Para lograr el nuevo tema, pasamos por varias etapas:
Primero hubo un intenso estudio de experiencia de usuario contratando un equipo de profesionales. Varios UX Designers y UI Integrators junto a expertos en Front-end Development conformaron un equipo multidisciplinario donde fluyó la sinergia con resultados impactantes.
Usamos la metodología Lean Kanban Agile Scrum Disruption® para definir la arquitectura de la información. El proyecto fue coordinado por un Principal (no sabemos cuál es el rol de este integrante del equipo, pero su título nos dice que es más importante que el resto).
Tras meses de tests de usuarios on-site con heatmaps y eye tracking, logramos un Minimum Viable Product. Pivotamos sobre el producto buscando el engagement del usuario final, y el resultado es lo que tienen a la vista (si están leyendo el post desde el blog y no desde el RSS o algo de eso…).
Todo esto que que escribí es mentira. El diseño es prácticamente el mismo que tenía el blog desde hace un tiempo. Ha ido cambiando progresivamente desde enero del 2013, y ahora hubo un cambio más “radical”. La diferencia principal es que migré de framework CSS a SimpleGrid.
Las ventajas son un área de lectura horizontal más amplia, manteniendo el diseño responsivo en distintos tamaños de pantalla. Aproveché para corregir algún detalle que otro por acá y por allá, pero lo más interesante es que agregué algunos huevos de pascua por ahí…
Llamé al tema “Picando Código v6” para ser original, porque es la sexta instancia de tema que arranco “desde cero”. Como siempre, es un trabajo en progreso. Seguramente en los próximos días encontraré detalles para ir corrigiendo, si encuentran algo les agradezco dejen su comentario por acá, o si se sienten super generosos, manden un Pull Request por GitHub.
Francisco Villegas 18 noviembre. 2014 - 10:05
muy bueno, creo que falta refinar un poco el nav superior en mobile 😛
Fernando 18 noviembre. 2014 - 11:50
Gracias Fran,
Nuestros técnicos ya están trabajando en corregir la navegación superior en mobile.
¡Saludos!
Francisco Villegas 18 noviembre. 2014 - 12:27
cualquier cosa me pongo de voluntario para el test de UX 😛
Fernando 18 noviembre. 2014 - 12:35
Estoy haciendo prueba y error para corregir el menú de navegación. Pero todo lo que me sale es esto.
Fernando 21 noviembre. 2014 - 14:27
Corregí un poco el menú de navegación, creo que le falta algún detalle más pero quedó mejor 😛
Koopa 20 noviembre. 2014 - 13:00
Está muy bueno, un detalle… la navegación de las páginas no quedó muy clara (abajo al final…; Página 1 de 831234567…203040…»Último »)
Saludos
Fernando 20 noviembre. 2014 - 15:48
¡Gracias! Sí, tengo que corregir el CSS de la navegación de páginas :S
¿Qué es koopa.uy? 😛
¡Saludos!
Fernando 21 noviembre. 2014 - 14:29
Quedó corregido este tema 🙂
Dark Musician 14 febrero. 2015 - 22:09
El logo no se ve muy bien en una Mac con pantalla retina.