Dentro de todo el trabajo que fue diseñar completamente la plataforma Sofatutor, hubo una faena en particular que fue muy interesante. Se trataba de diseñar la interfaz del Player de los Videos de la plataforma. El desafÃo se volvió interesante porque era la primera vez que me tocaba investigar y diseñar en torno a esta interfaz que como primera complejidad trae el tamaño. En una reducida área de 650 x 370 px se debÃa diagramar todos los elementos gráficos de la interfaz: botones de acciones básicas (play, pausa, tiempo, volumen); botones de acciones auxiliares (full screen, on-off de comentarios); comentarios hechos por otros usuarios en el timeline; y, por supuesto, […]
Cuando partà diseñando interfaces en AyerViernes fuà asumiendo poco a poco la necesidad de destinar mÃnimas áereas de pixeles de la interfaz a unas unidades muy discretas que complementaban especÃficas entregas de información: Ãconos. SÃ, pueden reirse de mis primeros intentos a 1 bit, pero de a poco fuà incorporandoles color
Pero estas pequeñas unidades, que son representaciones gráficas que nos ayudan a reconocer ciertos objetos, comandos o cualquier acción que un usuario necesite desplegar en una interfaz, no sólo complementan una acción, sino que construyen un reconocimento por parte del usuario de determinadas acciones a realizar. Por ejemplo, un usuario podrá reconocer rápidamente que una noticia tiene […]
Me llamó mucho la atención cuando hicimos el proyecto del Blog para la agencia de Viajes Cocha Joven, porque por primera vez sentà que un cliente mostraba tanto énfasis e inquietud por el diseño de la iconografÃa en el proyecto a emprender. Debo aclarar que en AyerViernes asumimos, por defecto, en el diseño de interfaz de un sitio web, intranet, blog u otro, una cantidad mÃnima de Ãconos para ayudar a los usuarios en mÃnimas, pero no menos importante, acciones como “ir al inicio”, “contactar”, “ir al mapa de sitio”, etc.. Con muchÃsimo más gusto desarrollamos este set de mini Ãconos basado en clásicas metáforas para el Blog:
Estos […]