amorales

Diseño de Video Player para Sofatutor

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, el propio menú que debía dejar la posibilidad que el usuario controlara el video (ranking, tags, links, preguntas, email). Visitadas muchas plataformas de videos se llegó a esta interfaz que no debía romper la armónia de la estética ya diseñada en la plataforma, es por eso que se escogió el color negro para garantizar un buen contraste con el menú y sus íconos asociados que se diseñaron con aspecto silver (usando grises del verde corporativo). El aspecto de los íconos conservó líneas suavizadas y blandas con un cuerpo degradado que deja la posibilidad de contener líneas internas suavizadas o duras. En cuanto al color se estableció el verde corporativo como el color para la interacción en los botones (efecto over), así como también para su estado acti, que incluían los títulos. Se conservó el azul para links (textos y botones) y el rojo consignado a las alertas.

En mi Flickr pueden ver todas las pantallas diseñadas, además de los wirefames enviados por el cliente. Es importante que se den cuenta la cantidad de pantallazos que salen de una “pequeña” área de interacción. Para que lo tengan en cuenta a la hora de cotizar colegas.

• 0 Comentarios
• Diseño Visual, Sofatutor, Interfaz, Iconos

---