Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
TALLER¿Cómo mejorar el
posicionamiento de mi Web?
SESIÓN 1: ¿Cómo convencer a mis clientes?27 de Octubre de 2009
David Eguizábal
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Agenda
• Situación
• Accesibilidad webo¿Qué?o¿Por qué?o¿Cómo?oMarco legislativo
• Usabilidad webo¿Qué?o¿Por qué?o¿Cuándo?o¿Cómo?
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Contexto
ENCONTRAR al usuario
DIRIGIRLO a la web
CONVERTIRLO en cliente
MEDIR resultados
Posicionamiento en buscadores
Marketing en buscadores
Email marketing
Publicidad en terceros
Promoción en medios sociales
Diseño
Usabilidad
Accesibilidad
Persuasión
Arquitectura de información
Diseño de contenidos
Analítica web
Estimación del ROI
Pre-click Post-click
Visibilidad en buscadores
Marketing online
Sitio web
Resultados
Páginas de aterrizaje
Estrategia sitios relacionados
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Vamos a barrer nuestra casa antes de traer visitas a ella …
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Accesibilidad web
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Qué es?
“Acceso universal a la Web, independientementedel tipo de hardware, software, infraestructurade red, idioma, cultura, localización geográfica ycapacidades de los usuarios”
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Un ejemplo, por favor …
¿?
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Un ejemplo, por favor …
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Otro?
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Y el último …
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Por qué la accesibilidad web?
• Incrementa la cuota de mercado y audiencia (facilita acceso yvisualización)
• Mejora la usabilidad, facilitando la navegación
• Permite acceso a usuarios con conexión lenta
• Disminuye el coste de mantenimiento y actualización de loscontenidos
• Demuestra responsabilidad social para con las personasdiscapacitadas
• Responsabilidad legal
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Otra razón más?
“Tu usuario más importante es ciego. La mitadde las visitas de tu sitio web vienen de Google, yGoogle solo ve lo que un ciego puede ver”
Steven Pemberton
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Por qué la accesibilidad web?
Mitos de la accesibilidad web
La accesibilidad es sólo para discapacitados y en la práctica elnúmero de usuarios beneficiados es muy bajo
La accesibilidad obliga a crear dos versiones del sitio. Con unaversión sólo texto se satisfacen los requisitos de accesibilidad
Una web accesible es mucho más cara, compleja y llevamucho más tiempo
La accesibilidad obliga a diseños primitivos y simples
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Pautas de Accesibilidad al Contenido en la Web
El camino hacia WCAG 2.0
El 11 de diciembre de 2008 el W3C culminó el desarrollo de las Pautas deAccesibilidad al Contenido Web 2.0 (WCAG 2.0)
Tras un largo proceso de casi 10 años, estas pautas suponen un importantepaso para adaptarse a los cambios tecnológicos que se han ido produciendoen los últimos años, al tiempo que su redacción les permite estar preparadaspara tecnologías futuras
http://www.inteco.es/Accesibilidad/Formacion_6/Manuales_y_Guias/guia_wcag2
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Pautas de Accesibilidad al Contenido en la Web
Estructuración de las WCAG 2.0
las Pautas se organizan en cuatro Principios básicos:
Perceptible: “La información y los elementos de la interfaz de usuario debenpresentarse a los usuarios de formas en las que los usuarios puedan percibirlos”
Operable: “Los componentes de la interfaz y la navegación deben ser operables”
Comprensible: “La información y el manejo de la interfaz de usuario debe sercomprensible”
Robusto: “El contenido debe ser suficientemente robusto para que pueda serinterpretado por una amplia variedad de agentes de usuario, incluyendo losproductos de apoyo”
http://www.inteco.es/Accesibilidad/Formacion_6/Manuales_y_Guias/guia_wcag2
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Pautas de Accesibilidad al Contenido en la Web
Estructuración de las WCAG 2.0
Dentro de cada Principio básico se encuentran las Pautas en sí, también de
carácter general, aunque referidas a aspectos específicos de cada Principio básico
Por último, cada Pauta se desarrolla en una serie de Criterios de Éxito
Los criterios de éxito están clasificados por niveles de conformidad (A, AA, AAA);un mismo criterio puede ocurrir con ligeras diferencias en distintos niveles
http://www.inteco.es/Accesibilidad/Formacion_6/Manuales_y_Guias/guia_wcag2
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Pautas de Accesibilidad al Contenido en la Web
Declaración de conformidad
• Fecha en que se revisó dicho cumplimiento
• Título, versión y URI de las Pautas WCAG 2.0
• Nivel de conformidad alcanzado (A, AA o AAA)
• Alcance: enumeración precisa de las páginas que cumplen con las Pautas WCAG2.0, por ejemplo una lista de URIs o una expresión regular que describa un conjuntode URIs
• Listado de las tecnologías de las que depende el contenido
http://www.inteco.es/Accesibilidad/Formacion_6/Manuales_y_Guias/guia_wcag2
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Pautas de Accesibilidad al Contenido en la Web
Un ejemplo de Pauta y Criterio:
http://codexexempla.org/articulos/2008/traduccion_wcag_2/pautas_2.0.htm
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Marco legislativo
Real Decreto 1494/2007, de 12 de noviembre
Establece el grado de accesibilidad aplicable a las páginas de Internet de lasAdministraciones Públicas en un nivel mínimo obligatorio: el cumplimiento de lasprioridades 1 y 2 de la Norma UNE 139803:2004 (a partir del 31 de diciembre de2008)
En las páginas se deberá indicar el grado de accesibilidad aplicado, la fecha de laúltima revisión y un sistema de contacto para transmitir las dificultades de acceso, oformular quejas, consultas o sugerencias
http://www.inteco.es/Accesibilidad/Normativa_1/Descarga/DescargaUNE_139803
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Marco legislativo
Ley 56/2007, de 28 de diciembre, de Medidas de Impulso de la Sociedad de la
Información (LISI)
Las obligaciones de accesibilidad se amplían, no sólo ya a la Administración Pública,empresas que reciban financiación pública o que gestionen servicios públicos, sinotambién, a aquellas empresas del sector privado que cuenten con más de 100trabajadores o que facturen más de 6 millones de euros y sean de especialtrascendencia económica, como:
• Entidades bancarias• Aseguradoras• Agencias de viaje• Empresas de transporte• Suministradores de electricidad, agua y gas• Empresas de telecomunicaciones• Grandes superficies
Excepcionalmente, esta obligación no será aplicable cuando una
funcionalidad o servicio no disponga de una solución
tecnológica accesible
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Marco legislativo: ¿Futuro?
La Comisión de la Unión Europea ha propuesto desarrollar unalegislación que asegure que todos los estados miembro adoptanlas medidas relacionadas con la e-accesibilidad
“We cannot achieve the Single Market by leaving asidecertain parts of our population. I am talking about e-accessibility: 15% of our population is disabled and ourrules on accessibility are still fragmented”
“We should in my view encourage the European-wideadoption of the global web accessibility standard, thenew Web Content Accessibility Guidelines (WCAG)”
Viviane RedingComisionado de la Unión Europea para la Sociedad de la Información
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo validar la accesibilidad de un sitio?
1. Validar la conformidad de la página web respecto a losestándares web:
• Sintaxis del código fuente (http://validator.w3.org/)• Contenido de la hoja de estilos (http://jigsaw.w3.org/css-validator/)
2. Validar la accesibilidad de la página web mediante la ayudade herramientas de análisis semiautomático:
• Test de accesibilidad web (http://www.tawdis.net)• eWAN (http://www.laboratoriousabilidad.com/ewan)
3. Revisión manual
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo validar la accesibilidad de un sitio?
1. Validar la conformidad de la página web respecto a losestándares web:
• Sintaxis del código fuente (http://validator.w3.org/)• Contenido de la hoja de estilos (http://jigsaw.w3.org/css-validator/)
2. Validar la accesibilidad de la página web mediante la ayudade herramientas de análisis semiautomático:
• Test de accesibilidad web (http://www.tawdis.net)• eWAN (http://www.laboratoriousabilidad.com/ewan)
3. Revisión manual
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo validar la accesibilidad de un sitio?
Test de accesibilidad web (http://www.tawdis.net)
3. Revisión manual
0 | 88 0 | 21 5 | 91
AA
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo validar la accesibilidad de un sitio?
Evaluación Web de Accesibilidad bajo Norme UNE(www.laboratoriousabilidad.com/ewan)
3. Revisión manual
1 | 9 3 | 20 1 | 11
-
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo validar la accesibilidad de un sitio?
1. Validar la conformidad de la página web respecto a losestándares web:
• Sintaxis del código fuente (http://validator.w3.org/)• Contenido de la hoja de estilos (http://jigsaw.w3.org/css-validator/)
2. Validar la accesibilidad de la página web mediante la ayudade herramientas de análisis semiautomático:
• Test de accesibilidad web (http://www.tawdis.net)• eWAN (http://www.laboratoriousabilidad.com/ewan)
3. Revisión manual
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Marco legislativo
Las tres claves del éxito
El programador de la web sabe cómo hacer códigoaccesible
La herramienta permite trabajar código accesible
Los creadores de nuevo contenido conocen la manerade actuar (formación previa)
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Usabilidadweb
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Qué es?
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Qué es?
¿Quién es el usuario?
¿Cuál es el objetivo?
¿Cuál es el contexto de uso?
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Qué es?
“Efectividad, eficiencia y satisfacción con la queun producto permite alcanzar objetivosespecíficos a usuarios específicos en un contextode uso específico”
Norma UNE-EN ISO 9241-11
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
En otras palabras …
“Usabilidad es un atributo de calidad que midelo fáciles de usar que son las interfaces web”
Jakob Nielsen
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Un ejemplo, por favor …
¿Existe algo más sencillo que esto?
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Por qué usabilidad web?
Diseño antiguo
Diseño nuevo
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Por qué usabilidad web?
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Por qué usabilidad web?
Desde el punto de vista de la empresa …• Ventaja competitiva• Aumenta el ratio de conversión visita-acción• Genera credibilidad• Impacto positivo en la imagen
Desde el punto de vista del usuario …• Encuentra lo que quiere• Sentimiento de comodidad y seguridad en las transacciones• Aumenta su satisfacción
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Diseño centrado en el usuario
Los sitios web se caracterizan por la importancia del diálogo conel usuario. Además, la interfaz determina en gran medida lapercepción e impresión que el usuario posee de una aplicación
Sin embargo, el usuario no está interesado en la estructurainterna de una aplicación, sino en cómo usarla
No se puede plantear el diseño de la interfaz de usuario cuandoya se han recopilado las especificaciones, se ha diseñado lalógica del sitio web y se ha escrito el código necesario
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Diseño centrado en el usuario
Diseño
Centrado
Usuario
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Diseño centrado en el usuario
Diseño
Centrado
UsuarioEncuestas
Sesiones de grupo
Entrevistas
Test de usuarios (alta fidelidad)
Test de usuarios (baja fidelidad)
Heurístico
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
La usabilidad absoluta existeno existe
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
La usabilidad absoluta no existe
No obstante, ¿cómo “medirla”?
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los expertos en el campo:
• Sesiones de grupoPresentación de los procesos internos de trabajo del sitio web objeto del estudio a ungrupo de profesionales experimentados cuya misión es identificar aquellos puntos amejorar e iniciar el debate con el resto de miembros
• Análisis heurísticoEstudio basado en una serie de puntos de verificación (normas UNE o ISO, experienciapropia, etc.) con los que se comprueba si un sitio web satisface o no los principalesrequisitos relacionados con la usabilidad
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los expertos en el campo:
• Análisis heurístico
Manos a la obra …
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los expertos en el campo:
• Análisis heurístico
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los expertos en el campo:
• Análisis heurístico
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los expertos en el campo:
• Análisis heurístico
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los expertos en el campo:
• Análisis heurístico
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los expertos en el campo:
• Análisis heurístico
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los expertos en el campo:
• Análisis heurístico
ohttp://www.torresburriel.com/weblog/2008/11/28/plantilla-para-hacer-analisis-heuristicos-de-usabilidad/
ohttp://www.userfocus.co.uk/resources/guidelines.html
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los usuarios:
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los usuarios:
• Observación de usuariosDeterminación de las deficiencias de un sitio web gracias a la participación activa deusuarios potenciales del mismo
oDeterminación de los procesos del sitio a revisaro Planteamiento de las tareas adecuadas que luego llevarán a cabo los usuarioso Realización de la pruebaoAnálisis del material recopilado durante la prueba (cualitativo y cuantitativo)
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los usuarios:
• Observación de usuarios
• Métodos no verbales
• Métodos verbalesoProtocolos concurrentes (think aloud)
Pensar + Traducir ideas a frases + Pronunciar frasesObservadores presentes
oProtocolos retrospectivosMemoria a largo plazo Racionalización, perjuicios, fabricación y omisión
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los usuarios:
• Observación de usuarios
¡Ejemplos, por favor!
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web?
Ponemos a trabajar a los usuarios:
• Observación de usuariosDeterminación de las deficiencias de un sitio web gracias a la participación activa deusuarios potenciales del mismo
oDeterminación de los procesos del sitio a revisaro Planteamiento de las tareas adecuadas que luego llevarán a cabo los usuarioso Realización de la pruebaoAnálisis del material recopilado durante la prueba (cualitativo y cuantitativo)
• Observación de usuarios con EyeTrackingAñadimos a todo lo anterior la posibilidad de conocer dónde está mirando el usuario
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web? – Eye Tracking
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web? – Eye Tracking
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web? – Eye Tracking
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web? – Eye Tracking
¿Algún ejemplo por ahí?
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la usabilidad web? – Eye Tracking
Otros usos:• Marketing en Internet• Marketing tradicional• Medicina• Sociología• Etc.
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Cómo medir la usabilidad web?
¿Cómo medir la
usabilidad web?
¿Qué hacen los
profesionales?
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Cuéntame cuatro cosas rápidas …
1. Logotipo con enlace a la página de inicio y acompañado defrase corporativa (arriba a la izquierda)
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Cuéntame cuatro cosas rápidas …
2. Texto claramente legible
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Cuéntame cuatro cosas rápidas …
3. Llamadas a la acción claras, sencillas y directas
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Cuéntame cuatro cosas rápidas …
4. No debe haber momento de fin de un proceso
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
¿Qué viene después?
El siguiente paso será …
Persuasión+
Usabilidad=
Persuabilidad
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Conclusión
Probar, probar, probar, probar, …
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Taller: ¿Cómo mejorar el posicionamiento de mi Web?Sesión 1: ¿Cómo convencer a mis clientes?
Material empleado:
http://www.flickr.com/photos/brandoncripps/2404832504/sizes/l/