Vol. 8: UX y Móviles
8 cosas que tus clientes creen que quieren para su proyecto mobile (y cómo evitar que ésta se convierta en un monstruo) Ing. Héber Martínez
Héber MartínezDirector de Mente Interactiva, agencia de medios interactivos.
He trabajado para más de 100 marcas online en 15 años como Elf Cosméticos, Brown War, Sushi Factory, Sushimi Group, Gobierno Federal Mexicano, campañas y personajes políticos, entre muchos otros.
Soy catedrático en Universidad Casablanca, Tecnológico de Monterrey, así como asesor privado de medios digitales para diversas empresas mexicanas.
Hardcore gamer Sony, guitarrista de rock hendrixiano, estudiante de piano en la Escuela de Música y orgulloso padre de un beagle.
/hebmt
www.mrheb.com
/hebmartinezrios
¿Por qué es relevante hablar de mobile?
127.8 millones habitantes
60 millones usuarios Internet (47%)
103.5 millones conexiones móviles (81%)
55% Smartphone. 3 horas 25 min / día
34% navega en Web
We Are Social. 2016. http://wearesocial.com/uk/special-reports/digital-in-2016
EL ENAMORAMIENTO El cliente busca a la agencia / creativo / freelance
LA PROPUESTA Todo marchando sobre ruedas
LA PESADILLA Cambios arbitrarios uno tras otro…
1. “Quiero que me hagas una APP”
APP Nativa Híbrida
Website Website Mobile Web App Responsive Web Web Adaptativa
* FUENTE: NIELSEN NORMAN GROUP.
2. “Una App o Web Móvil son y sirven para lo mismo”
* FUENTE: http://www.mdgadvertising.com/
3. “No necesito un sitio especial para móviles”
SEO Desde el 2015 Google penaliza el posicionamiento de sites que no dispongan de webs “amigables” en dispositivos móviles
4. “Haz mi logo bien grande”
TENDENCIA A LA SIMPLIFICACIÓN
* FUENTE: SMASHING MAGAZINE. http://bit.ly/23HEXlR
Logos responsivos
* FUENTE: http://www.responsivelogos.co.uk/
5. Pensar que los objetivos son diferentes en Web mobile
6. “Quiero mostrar TODO desde la pantalla 0”
Listas de prioridad por contenido y funcionalidad
Priorizar no significa quitar contenido
* https://www.gov.uk
7. “Ponle un botoncito de esos de rayitas para que parezca Apple”
“El menú de hamburguesa contribuye a la reducción del encuentro de
opciones porque los contenidos son ocultos por default, lo que significa
que el usuario se puede perder de funcionalidades interesantes.”
* FUENTE: UX-UI Designer Sergi Arevalo
Spotify eliminó el menú de hamburguesa en Mayo del 2016 y se reportaron un incremento de 30% de clicks en items de navegación.
* FUENTE: TECH CRUNCH http://bit.ly/2enzVMd
Facebook encontró que sus métricas de
engagement aumentaron cuando decidieron quitar al menú de hamburguesa
como protagonista y cambiarlo a “MORE”
* FUENTE: TECH CRUNCH http://tcrn.ch/2eVYdfj
8. “¿Portada? Un carrusel de imágenes es o-bli-ga-to-rio”
“1% hace click en un feature, de esos, 89% lo hicieron en el primer slide”
* FUENTE: Estudio Universidad de Notredame . http://bit.ly/2eKYdiS
The target was the biggest item on the homepage - the first
carousel item. “Nonetheless, the user failed the task.”
* FUENTE: Nielsen Norman Group
El carrusel en si, no es el problema, de hecho es un buen UI pattern cuando
se utiliza correctamente y en el contexto adecuado.
Recuerda siempre hacer pruebas de usuario.
Observaciones finales
Mobile es tendencia en México y la tendencia no hace más que subir exponencialmente. Apuesta Mobile.
Decide qué tipo de proyecto adoptarás: Mobile o App.
Divide tu proyecto en tareas y priorízalas.
Como en todo proyecto digital, la clave está en el paso cero, en investigar, bocetar, definir User Personas y sus necesidades.
Evita UI patterns de carruseles y de hamburguer buttons solo porque estén de moda.
www.mrheb.com
/hebmt
/hebmartinezrios