SlideShare una empresa de Scribd logo
1 de 15
QUO.mx
Diagnóstico Usabilidad
Usabilidad
• ¿Qué tan intuitivo y fácil de navegar es el sitio
para los usuarios comunes?
- Estructura y navegación
- Diseño
- Contenidos
- Operación
Estructura y navegación
Home
+ Logo pequeño que impacta la presencia de marca
+ Botones que te sacan del sitio con misma
jerarquía que los elementos del menú
+ Canales confusos
Necesario hacerlo más alto y cambiar a tipografías
más claras
Reducir peso de botones quitando altas y negritas
Estructura y navegación
Home
+Primer bloque de notas
*No hay jerarquía editorial del contenido
*No muestra sección ni fecha ¿cuándo se
actualizó?
*Módulo repetitivo en los interiores que
confunde al lector ¿cuál es la diferencia con
home? ¿para qué navegar?
Estructura y navegación
Home
+ Banners
* Hasta ahora espacios editoriales: coberturas especiales
+ Columna izquierda
* Módulo repetitivo y fijo en todos los interiores, efecto
negativo en el lector
* Columnas: sólo se actualizan con textos de versión
print, pero con restricción de que no sea la del número
actual por ventas. Módulo que no se vincula con su
sección, Verbum, por tanto módulo huérfano
Estructura y navegación
Home
+ Columna izquierda
* Ficción Q: Oportunidad para interacción con usuarios,
módulo huérfano
* Preguntas inteligentes, producto propio que se
actualiza diario y serviría más como sección que
Cerebrum
* Canal YouTube saca del sitio pues no se cuenta con
plataforma para almacenar los videos de Quo dentro
de la página, módulo huérfano
* Forma la palabra Quo: Interacción usuarios, módulo
huérfano
Estructura y navegación
Home
+ Promo de nota pese a que ya aparece la sección y
fecha, el elemento principal se centra en la
imagen, restándole peso al texto de la nota
* Los elementos que lo componen están muy
separados
+ Columna derecha
* Newsletter ¿Base de datos? ¿Se manda?
¿Quién? ¿Qué? ¿Cómo? ¿Cuándo?
* Bocado numérico: Oportunidad para
numeralias e infografías, Módulo huérfano
Estructura y navegación
Home
+Lo más visto: Se le da el lugar al usuario de lo que lee y
recomienda, ¿periodicidad?
+ ¿Tienes una buena idea? ¿Base de datos?, se
reemplaza con interacción en redes
+ Video: Caja de reproducción a una sola columna, con la
posibilidad de que se vayan del sitio
+ Material serio: Cartón mensual, módulo huérfano
+ Nunca visto: Adopción de sección en impreso pero es
módulo huérfano. Se reemplazó con vínculo print-web
Estructura y navegación
Home
+Columna derecha
*Feed Facebook, pero no hay de Twitter ni
referencia a Google+
* Canal RSS, Twitter, Facebook y Newsletter
+ Pie
* Redes: no incluye Google+ ni canal de YouTube,
Tumblr ya no es funcional
Estructura y contenido
Secciones
+ Repite diseño ineficaz del Home en primer bloque
+ Nombres confusos que la descripción no lo resuelve,
por tanto despersonalizadas que no invitan al lector a
navegarlas
+ Nube de tags que “resuelven” la falta de ángulo
editorial
+ Automatización del contenido: lo más reciente y lo más
visto, el cual suele repetirse entre sí. Falta jerarquía
+ No hay paginado para notas históricas
Diseño
• Jacob Nielsen: patrón de lectura en F, E ó L
invertida
• Poynter – Eye Tracking III
Contenidos
• Forzados para entrar a las secciones despersonalizadas
• Se actualiza diariamente: Prágmatas y Cerebrum
• Prágmatas se entiende si el usuario es lector de la revista
print. Ahora es Ciencia actual
• Cerebrum entra el material de preguntas inteligentes
• Verbum entraban columnas pero se intenta darle
movilidad. Ahora es sobre inventos e innovación
• Expediente Q se comenzó a publicar temas especiales y no
sólo notas diarias. Coberturas y temas de ciencia
• Plus, sin sentido. Ahora material de print, promos y
encuesta
• Papyrus la radiografía de la revista en venta en el mes
Operación
• URL mal jerarquizado y confuso para buscadores
• Eliminar fecha del URL para darle peso a las secciones o
cambiarla y colocarla después del nombre del canal
Nota: http://quo.mx/2012/03/11/cerebrum/los-gatos-
siempre-caen-de-pie
Imagen:
http://quo.mx/img/thumbs/400x290/2a9/2a9978d97f
839934a3d649ce5f71b14afb0f8c01/minibarcojap.jpg
Operación
• Configuración y administración de Newsletter
• Configuración y administración de RSS
• Bloques fijos en columna izquierda a lo largo
del sitio
• Administración de nube de tags en secciones
Estrategia editorial
• Quomunidad
• Producir más contenido multimedia: fotogalerías, video e
infografías animadas
• Planificación editorial:
- Lunes de test
- Martes de Charla Mente Quo y convocatoria Arma tu palabra
Quo
- Miércoles de promos  Nike, ALCATEL, FCE
- Jueves de publicación de galería Arma tu palabra Quo
- Viernes social de Lector en la mira y el Perfil del personaje
público y ficción
- Sábado de Preguntas inteligentes de lectores
- Domingo de Videojuegos y tecnología

Más contenido relacionado

Similar a Análisis usabilidad

Web 2.0
Web 2.0Web 2.0
Web 2.0reyex1
 
Diferencias entre Webquest y Blog en Blogger.
Diferencias entre Webquest y Blog en Blogger.Diferencias entre Webquest y Blog en Blogger.
Diferencias entre Webquest y Blog en Blogger.Martin Hernandez
 
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3ClaseComil
 
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3comprateunapiruleta
 
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3fermunozpa
 
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3cristelcita
 
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3Wilson E. Aroca
 
Herramientas Web 2.0
Herramientas Web 2.0Herramientas Web 2.0
Herramientas Web 2.0Marly
 
analisis grupo Fayerwayer
analisis grupo Fayerwayeranalisis grupo Fayerwayer
analisis grupo Fayerwayerguestdcbf4
 
Grupo Sobrecableados!
Grupo Sobrecableados!Grupo Sobrecableados!
Grupo Sobrecableados!guest31d218
 
Blogs informatica
Blogs informaticaBlogs informatica
Blogs informaticaAndyAmievaL
 
Tp blog terminado
Tp blog terminadoTp blog terminado
Tp blog terminadosolcitom97
 

Similar a Análisis usabilidad (20)

Taller Nº 4 - Entrega del Portafolio Digital
Taller Nº 4 - Entrega del Portafolio DigitalTaller Nº 4 - Entrega del Portafolio Digital
Taller Nº 4 - Entrega del Portafolio Digital
 
Blogs.pdf
Blogs.pdfBlogs.pdf
Blogs.pdf
 
Blogs
BlogsBlogs
Blogs
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Diferencias entre Webquest y Blog en Blogger.
Diferencias entre Webquest y Blog en Blogger.Diferencias entre Webquest y Blog en Blogger.
Diferencias entre Webquest y Blog en Blogger.
 
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
 
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
 
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
 
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
 
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
La web-20-y-sus-aplicaciones-didcticas-1195412696732430-3
 
Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
el blog
el blogel blog
el blog
 
Herramientas Web 2.0
Herramientas Web 2.0Herramientas Web 2.0
Herramientas Web 2.0
 
Como escribir para la web
Como escribir para la web Como escribir para la web
Como escribir para la web
 
Firma electronica en guatemala anexos ide_14114002
Firma electronica en guatemala anexos ide_14114002Firma electronica en guatemala anexos ide_14114002
Firma electronica en guatemala anexos ide_14114002
 
analisis grupo Fayerwayer
analisis grupo Fayerwayeranalisis grupo Fayerwayer
analisis grupo Fayerwayer
 
Grupo Sobrecableados!
Grupo Sobrecableados!Grupo Sobrecableados!
Grupo Sobrecableados!
 
Bbee herramientas
Bbee herramientasBbee herramientas
Bbee herramientas
 
Blogs informatica
Blogs informaticaBlogs informatica
Blogs informatica
 
Tp blog terminado
Tp blog terminadoTp blog terminado
Tp blog terminado
 

Último

Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
PSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehePSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdheheheheheheheheheErickRolandoPadillaC1
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadJonathanHctorSilvaRo
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjNachisRamos
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...CENECOnline
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 

Último (6)

Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
PSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehePSICOPATOLOGIA I.pptxdhehehehehehehehehe
PSICOPATOLOGIA I.pptxdhehehehehehehehehe
 
Corte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuadCorte de luz 2024 Guayaquil Guayas ecuad
Corte de luz 2024 Guayaquil Guayas ecuad
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
 
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
¡Descubre el Poder del Masaje Holístico en nuestra Primera Sesión del Seminar...
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 

Análisis usabilidad

  • 2. Usabilidad • ¿Qué tan intuitivo y fácil de navegar es el sitio para los usuarios comunes? - Estructura y navegación - Diseño - Contenidos - Operación
  • 3. Estructura y navegación Home + Logo pequeño que impacta la presencia de marca + Botones que te sacan del sitio con misma jerarquía que los elementos del menú + Canales confusos Necesario hacerlo más alto y cambiar a tipografías más claras Reducir peso de botones quitando altas y negritas
  • 4. Estructura y navegación Home +Primer bloque de notas *No hay jerarquía editorial del contenido *No muestra sección ni fecha ¿cuándo se actualizó? *Módulo repetitivo en los interiores que confunde al lector ¿cuál es la diferencia con home? ¿para qué navegar?
  • 5. Estructura y navegación Home + Banners * Hasta ahora espacios editoriales: coberturas especiales + Columna izquierda * Módulo repetitivo y fijo en todos los interiores, efecto negativo en el lector * Columnas: sólo se actualizan con textos de versión print, pero con restricción de que no sea la del número actual por ventas. Módulo que no se vincula con su sección, Verbum, por tanto módulo huérfano
  • 6. Estructura y navegación Home + Columna izquierda * Ficción Q: Oportunidad para interacción con usuarios, módulo huérfano * Preguntas inteligentes, producto propio que se actualiza diario y serviría más como sección que Cerebrum * Canal YouTube saca del sitio pues no se cuenta con plataforma para almacenar los videos de Quo dentro de la página, módulo huérfano * Forma la palabra Quo: Interacción usuarios, módulo huérfano
  • 7. Estructura y navegación Home + Promo de nota pese a que ya aparece la sección y fecha, el elemento principal se centra en la imagen, restándole peso al texto de la nota * Los elementos que lo componen están muy separados + Columna derecha * Newsletter ¿Base de datos? ¿Se manda? ¿Quién? ¿Qué? ¿Cómo? ¿Cuándo? * Bocado numérico: Oportunidad para numeralias e infografías, Módulo huérfano
  • 8. Estructura y navegación Home +Lo más visto: Se le da el lugar al usuario de lo que lee y recomienda, ¿periodicidad? + ¿Tienes una buena idea? ¿Base de datos?, se reemplaza con interacción en redes + Video: Caja de reproducción a una sola columna, con la posibilidad de que se vayan del sitio + Material serio: Cartón mensual, módulo huérfano + Nunca visto: Adopción de sección en impreso pero es módulo huérfano. Se reemplazó con vínculo print-web
  • 9. Estructura y navegación Home +Columna derecha *Feed Facebook, pero no hay de Twitter ni referencia a Google+ * Canal RSS, Twitter, Facebook y Newsletter + Pie * Redes: no incluye Google+ ni canal de YouTube, Tumblr ya no es funcional
  • 10. Estructura y contenido Secciones + Repite diseño ineficaz del Home en primer bloque + Nombres confusos que la descripción no lo resuelve, por tanto despersonalizadas que no invitan al lector a navegarlas + Nube de tags que “resuelven” la falta de ángulo editorial + Automatización del contenido: lo más reciente y lo más visto, el cual suele repetirse entre sí. Falta jerarquía + No hay paginado para notas históricas
  • 11. Diseño • Jacob Nielsen: patrón de lectura en F, E ó L invertida • Poynter – Eye Tracking III
  • 12. Contenidos • Forzados para entrar a las secciones despersonalizadas • Se actualiza diariamente: Prágmatas y Cerebrum • Prágmatas se entiende si el usuario es lector de la revista print. Ahora es Ciencia actual • Cerebrum entra el material de preguntas inteligentes • Verbum entraban columnas pero se intenta darle movilidad. Ahora es sobre inventos e innovación • Expediente Q se comenzó a publicar temas especiales y no sólo notas diarias. Coberturas y temas de ciencia • Plus, sin sentido. Ahora material de print, promos y encuesta • Papyrus la radiografía de la revista en venta en el mes
  • 13. Operación • URL mal jerarquizado y confuso para buscadores • Eliminar fecha del URL para darle peso a las secciones o cambiarla y colocarla después del nombre del canal Nota: http://quo.mx/2012/03/11/cerebrum/los-gatos- siempre-caen-de-pie Imagen: http://quo.mx/img/thumbs/400x290/2a9/2a9978d97f 839934a3d649ce5f71b14afb0f8c01/minibarcojap.jpg
  • 14. Operación • Configuración y administración de Newsletter • Configuración y administración de RSS • Bloques fijos en columna izquierda a lo largo del sitio • Administración de nube de tags en secciones
  • 15. Estrategia editorial • Quomunidad • Producir más contenido multimedia: fotogalerías, video e infografías animadas • Planificación editorial: - Lunes de test - Martes de Charla Mente Quo y convocatoria Arma tu palabra Quo - Miércoles de promos  Nike, ALCATEL, FCE - Jueves de publicación de galería Arma tu palabra Quo - Viernes social de Lector en la mira y el Perfil del personaje público y ficción - Sábado de Preguntas inteligentes de lectores - Domingo de Videojuegos y tecnología