8 cosas que tus clientes creen que quieren para su proyecto mobile
TRANSCRIPT
![Page 1: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/1.jpg)
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
![Page 2: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/2.jpg)
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
![Page 3: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/3.jpg)
¿Por qué es relevante hablar de mobile?
![Page 4: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/4.jpg)
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
![Page 5: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/5.jpg)
EL ENAMORAMIENTO El cliente busca a la agencia / creativo / freelance
![Page 6: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/6.jpg)
LA PROPUESTA Todo marchando sobre ruedas
![Page 7: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/7.jpg)
LA PESADILLA Cambios arbitrarios uno tras otro…
![Page 8: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/8.jpg)
![Page 9: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/9.jpg)
1. “Quiero que me hagas una APP”
![Page 10: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/10.jpg)
APP Nativa Híbrida
Website Website Mobile Web App Responsive Web Web Adaptativa
* FUENTE: NIELSEN NORMAN GROUP.
![Page 11: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/11.jpg)
![Page 12: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/12.jpg)
2. “Una App o Web Móvil son y sirven para lo mismo”
![Page 13: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/13.jpg)
* FUENTE: http://www.mdgadvertising.com/
![Page 14: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/14.jpg)
3. “No necesito un sitio especial para móviles”
![Page 15: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/15.jpg)
![Page 16: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/16.jpg)
SEO Desde el 2015 Google penaliza el posicionamiento de sites que no dispongan de webs “amigables” en dispositivos móviles
![Page 17: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/17.jpg)
4. “Haz mi logo bien grande”
![Page 18: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/18.jpg)
TENDENCIA A LA SIMPLIFICACIÓN
* FUENTE: SMASHING MAGAZINE. http://bit.ly/23HEXlR
![Page 19: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/19.jpg)
Logos responsivos
* FUENTE: http://www.responsivelogos.co.uk/
![Page 20: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/20.jpg)
5. Pensar que los objetivos son diferentes en Web mobile
![Page 21: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/21.jpg)
![Page 22: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/22.jpg)
![Page 23: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/23.jpg)
6. “Quiero mostrar TODO desde la pantalla 0”
![Page 24: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/24.jpg)
Listas de prioridad por contenido y funcionalidad
Priorizar no significa quitar contenido
![Page 26: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/26.jpg)
7. “Ponle un botoncito de esos de rayitas para que parezca Apple”
![Page 27: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/27.jpg)
![Page 28: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/28.jpg)
![Page 29: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/29.jpg)
“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
![Page 30: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/30.jpg)
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
![Page 31: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/31.jpg)
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
![Page 32: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/32.jpg)
8. “¿Portada? Un carrusel de imágenes es o-bli-ga-to-rio”
![Page 33: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/33.jpg)
![Page 34: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/34.jpg)
“1% hace click en un feature, de esos, 89% lo hicieron en el primer slide”
* FUENTE: Estudio Universidad de Notredame . http://bit.ly/2eKYdiS
![Page 35: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/35.jpg)
The target was the biggest item on the homepage - the first
carousel item. “Nonetheless, the user failed the task.”
* FUENTE: Nielsen Norman Group
![Page 36: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/36.jpg)
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.
![Page 37: 8 cosas que tus clientes creen que quieren para su proyecto mobile](https://reader035.vdocuments.co/reader035/viewer/2022062523/58ac41cf1a28ab99028b4b01/html5/thumbnails/37.jpg)
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