Análisis de interfaces de música<br />Nicole Estrougo<br />
Grooveshark<br />
Heurísticas de Usabilidad<br />
Eficiencia de uso<br />Consta de procesos o tareas rápidas, por ejemplo, crear una nueva cuenta la cual solo consta de 1 p...
Eficiencia de uso<br />Busco un grupo, artista o canción<br />Hago doble clic en la canción y instantáneamente comienza a ...
Feed back<br />Cargando…<br />
Feed back<br />Selecciona el área en que me encuentro<br />
Feed back<br />Marca la canción que se encuentra en reproducción<br />
Sistema de ayuda<br />Ofrece ayuda al momento de realizar una búsqueda, o durante el uso de la interfaz<br />
Diseño visual<br />
color<br />Consta de colores característicos, con degrade, textura y dibujos.<br />
tipografía<br />La tipografía es la misma en toda la interfaz, cambia su tamaño y grosor.<br />
iconos<br />Tiene iconos tradicionales, y algunos acompañados de texto<br />
detalles<br />Cambio de colores por tema, botones con iconos, se marcan botones seleccionados.<br />
PATRONES<br />Sigue patrones típicos como la botonera a la izquierda, o el ayuda arriba a la derecha<br />Mientras que el ...
conclusiones<br />
LAST.FM<br />
Heurísticas de Usabilidad<br />
Eficiencia de uso<br />Proceso rápido, que consta de 1 paso.<br />
Eficiencia de uso<br />Buscador de artista, canción o estilo<br />Escuchar la música como radio<br />
Feed back<br />Grandes títulos informando al usuario donde se sitúa<br />
Feed back<br />Marca de un color más oscuro, donde se sitúa el usuario para orientarlo<br />
Sistemas de ayuda<br />Al igual que el Google proporciona un vocabulario antes mencionado, además de un ayuda con pregunta...
Diseño visual<br />
Color<br />Consta de colores planos, con una paleta de colores que no excede los 4 colores.<br />
tipografías<br />Su tipografía es siempre la misma, solo varía su tamaño o grosor. En el caso de la botonera cambia su col...
iconos<br />Utiliza iconos característicos de paginas de música, además son conocidos por la mayoría de los usuarios<br />
detalles<br />Sectores con degrade, contornos, gradientes<br />
imagenes<br />Buena calidad y variada cantidad de imágenes<br />
patrones<br />Tiene patrones clásicos como la búsqueda arriba a la derecha, la botonera principal arriba, el logo a la izq...
CONCLUSIONES<br />
propuestas QUE OFRESEN AMBAS INTERFACES<br />Presencia de feedback<br />Eficiencia de uso (procesos rápidos, cortos y efec...
Propuestas visuales que ofrecen ambas interfaces<br />Color<br />Tipografías<br />Imágenes<br />Iconos<br />Detalles<br />...
FIN<br />
Próxima SlideShare
Cargando en…5
×

Interfaces de música

335 visualizaciones

Publicado el

análisis de interfaces

Publicado en: Tecnología, Empresariales
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
335
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Interfaces de música

  1. 1. Análisis de interfaces de música<br />Nicole Estrougo<br />
  2. 2. Grooveshark<br />
  3. 3. Heurísticas de Usabilidad<br />
  4. 4. Eficiencia de uso<br />Consta de procesos o tareas rápidas, por ejemplo, crear una nueva cuenta la cual solo consta de 1 paso.<br />
  5. 5. Eficiencia de uso<br />Busco un grupo, artista o canción<br />Hago doble clic en la canción y instantáneamente comienza a reproducirse<br />
  6. 6. Feed back<br />Cargando…<br />
  7. 7. Feed back<br />Selecciona el área en que me encuentro<br />
  8. 8. Feed back<br />Marca la canción que se encuentra en reproducción<br />
  9. 9. Sistema de ayuda<br />Ofrece ayuda al momento de realizar una búsqueda, o durante el uso de la interfaz<br />
  10. 10. Diseño visual<br />
  11. 11. color<br />Consta de colores característicos, con degrade, textura y dibujos.<br />
  12. 12. tipografía<br />La tipografía es la misma en toda la interfaz, cambia su tamaño y grosor.<br />
  13. 13. iconos<br />Tiene iconos tradicionales, y algunos acompañados de texto<br />
  14. 14. detalles<br />Cambio de colores por tema, botones con iconos, se marcan botones seleccionados.<br />
  15. 15. PATRONES<br />Sigue patrones típicos como la botonera a la izquierda, o el ayuda arriba a la derecha<br />Mientras que el buscador se encuentra arriba a la izquierda<br />
  16. 16. conclusiones<br />
  17. 17. LAST.FM<br />
  18. 18. Heurísticas de Usabilidad<br />
  19. 19. Eficiencia de uso<br />Proceso rápido, que consta de 1 paso.<br />
  20. 20. Eficiencia de uso<br />Buscador de artista, canción o estilo<br />Escuchar la música como radio<br />
  21. 21. Feed back<br />Grandes títulos informando al usuario donde se sitúa<br />
  22. 22. Feed back<br />Marca de un color más oscuro, donde se sitúa el usuario para orientarlo<br />
  23. 23. Sistemas de ayuda<br />Al igual que el Google proporciona un vocabulario antes mencionado, además de un ayuda con preguntas frecuentes.<br />
  24. 24. Diseño visual<br />
  25. 25. Color<br />Consta de colores planos, con una paleta de colores que no excede los 4 colores.<br />
  26. 26. tipografías<br />Su tipografía es siempre la misma, solo varía su tamaño o grosor. En el caso de la botonera cambia su color.<br />
  27. 27. iconos<br />Utiliza iconos característicos de paginas de música, además son conocidos por la mayoría de los usuarios<br />
  28. 28. detalles<br />Sectores con degrade, contornos, gradientes<br />
  29. 29. imagenes<br />Buena calidad y variada cantidad de imágenes<br />
  30. 30. patrones<br />Tiene patrones clásicos como la búsqueda arriba a la derecha, la botonera principal arriba, el logo a la izquierda.<br />
  31. 31. CONCLUSIONES<br />
  32. 32. propuestas QUE OFRESEN AMBAS INTERFACES<br />Presencia de feedback<br />Eficiencia de uso (procesos rápidos, cortos y efectivos)<br />Consistencia<br />Que proporcione ayuda al usuario<br />
  33. 33. Propuestas visuales que ofrecen ambas interfaces<br />Color<br />Tipografías<br />Imágenes<br />Iconos<br />Detalles<br />Patrones<br />
  34. 34. FIN<br />

×