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, […]
A continuación describo y muestro la progresión para el diseño del contenedor de temas implementado para Sofatutor. Para la mayorÃa puede sonar muy técnico pero para los diseñadores de interfaz es de todos los dÃas Pueden ver y descargar la imagen también en mi Flickr.
01 Propuesta Wireframe
Forma: Contenedor clásico de temas desplegables/colapsables con ancho fijo y alto indeterminado.
TipografÃas: Uso de familia tipográfica que permita mostrar cantidad de videos de los temas.
Color: Construcción cromática para diferencia de contenido e interacción.
Interacción: Acción para desplegar/colapsar segundos niveles.
02 Propuesta Inicial
Forma: Contenedor de contorno mixto (cabecera curva con brillo y pie recto a 1 pixel), bordes a 1 pixel e interior blanco con lÃneas […]