Portada > Artículo > Comentarios

Mobile First

05-09-2012 - César Martín

Resumen: Una de esas buzzword que de vez en cuando llegan al sector. Sin fundamento por dos razones claras. (1) Una vez que la información está online está online (no lo ponemos primero para nada) y (2) tu no decides como entra el usuario a tu info. Es algo fuera de tu competencia.

Leer artículo »

Tus comentarios

Hablar, escuchar, debatir... Alzado es un espacio de conversación abierto.

#1 Mobile first es termino de diseño Por Iván

Creo que hay que hacer la aclaración, Mobile first no es un termino para el visitante/usuario, sino un termino de desarrollo web y se refiere que el proceso de diseño comenzará enfocado en móviles, en la optimización a móviles que posteriormente podrá expandirse a otros dispositivos.

Se hace de esta forma porque, en teoría, es más práctico y viable comenzar una web optimizada en móviles (menos peso, dimensiones pequeñas, etc) y luego mejorar la experiencia hacía clientes más potentes como una computadora (más memoria, mejor conexión de internet, etc.)

En la practica no es tan simple, porque hay que romper los paradigmas de diseñar con todos los recursos disponibles. El estado "natural" para un desarrollador experimentado es enfocarse en la computadora, y no en un móvil lleno de varias limitantes*. De allí que sea necesario promover "mobile first" como una buena practica (no solo un buzzword).

* Vale aclarar que los móviles tienen diferentes limitaciones, pero el concepto de Mobile First propuesto por Luke Wroblewski toma en cuenta que los móviles también son muy capaces, en el sentido de que incluyen accesorios como cámara, GPS, giroscopio, entre otros, que muchas computadoras no.

Enviado hace 8 mess, 4 semanas

#2 Content first Por Juan

Completamente de acuerdo con el comentario de Iván, además, el tomar un efoque «mobile first» generalmente enfatiza el enfoque «content first» (primero el contenido), porque no se trata simplemente de diseñar para una pantalla más pequeña, sino de priorizar el contenido importante para el usuario.

Cuando se diseña simplemente pensando en una pantalla de ordenador te da igual (relativamente) como esté distribuido el contenido, siempre y cuando una vez completa la carga de la página, los elementos estructurales complementarios (menús, contenidos adicionales, ...) queden colocados en su sitio, en cambio un enfoque «mobile first» te obliga a pensar en como el contenido le llega al usuario. Todavía estamos empezando a desarrollar este tipo de diseños pero parece que es la tendencia que habrá que seguir en los próximos años.

Enviado hace 8 mess, 4 semanas

#3 entonces mejor buscar otro nombre Por César

En ese caso, entonces creo que el nombre es incorrecto. Bastaría con poner algo así como "usability first", "users first" o "common sense first". Quizás estas palabras suenan a viejo y queremos apoderarnos de la nueva ola ya que las otras dos olas las dejamos pasar o aun no las hemos entendido, lo cual es muy probable.

Creo que hablar de "Mobile First" es totalmente tendencioso. No se trata del dispositivo. Se trata del usuario. Si ponemos primero el device, seguramente fallemos. Cada escenario de usuario necesita una arquitectura diferente independiente del dispositivo.

Enviado hace 8 mess, 4 semanas

#4 No es una cuestión de nombre Por Alex Lillo

No basta con esos nombres que sugieres: Usability first = No va sobre usabilidad. No va sobre hacer navegaciones sencillas, sobre que el usuario encuentre el contenido. Va sobre enfocarse en qué contenido es de verdad importante y tirar a la basura el resto.

Tampoco vale users first o common sense first. No es tan common sense como dices, o si no todo el mundo lo haría no? Diseñar es un trabajo y hay que saber hacerlo.

Dices que hay que poner primero al usuario. Supuestamente eso es lo que lleva intentando hacer el UCD desde hace ya una buena cosa de años y aunque el panorama actual ha mejorado, sigue siendo bastante morralla. Dado que el UCD funciona asín asán, hay gente que intenta buscar caminos distintos.

Y esto se ha comprobado muchas veces: Vas a la web 'desktop' y te encuentras un frankenstein que no hay quien encuentre nada. Saltas a la de móvil y oh alegría! Resulta que alguien se ha dedicado a tirar a la basura todo lo que no valía y se han centrado en mostrar el contenido que de verdad interesa!

De ahí surge la idea de jugar con las limitaciones móviles como forma de mejorar el proceso de diseño. Al fin y al cabo las limitaciones son siempre una forma estupenda de centrarse y hacerte pensar.

Que es simplista, o no la mejor definición? Puede ser. Pero a mi me parce un enfoque interesante que permite mejorar una profesión bastante estancada. Si únicamente consigue que se le de la importancia que tiene al contenido, ya habrá valido la pena.

Enviado hace 8 mess, 3 semanas

#5 quitar la basura Por César

Pero tu dices que: "Saltas a la de móvil y oh alegría! Resulta que alguien se ha dedicado a tirar a la basura todo lo que no valía y se han centrado en mostrar el contenido que de verdad interesa!"

Yo diría que eso es Arquitectura de la información y Usabilidad. Está claro que como todo, no es fácil y no solo por estudiarlo sabes hacerlo. En caso contrario todos los programadores serían como los de google y todos los diseñadores industriales serían como los de Apple. Conocerlo y ejercitarlo no es lo mismo y saber llevar un proyecto por la dirección correcta no es fácil.

Creo que como idea nueva o como nueva palanca de entrada en proyectos y convencer al dueño del mismo que menos es más y que las cosas claras y directas funcionan, me parece bien. Si es por el bien de la humanidad, hagámoslo, pero como buzzword no tiene precio :)

Enviado hace 8 mess, 3 semanas

#6 Mobile first es termino de diseño, 2 Por Juan

Igual lo lie más con mi comentario, pero concretamente el término se refiere unicamente a como empezar un diseño, con la llegada de los diseños adaptables (por ahora casi exclusivamente dependientes de la pantalla) la manera de adaptar a un móvil un diseño planteado para un monitor de ordenador es convertirlo a ancho fuido, ocultar elementos y poner todo en una columna, esto en la práctica es: contenedor principal primero, barra lateral después.

Ese planteamiento de contenedor principal y barra lateral que pueden funcionar estupendamente en un monitor de ordenador quizás no lo haga tan bien en el móvil, en cambio si empezamos con un diseño que funcione bien en el móvil luego se puede adaptar a otro que funcione bien en el monitor más facilmente que en el caso anterior, por ejemplo, añadiendo elementos (como contrapartida a ocultarlos que es lo que se hacía antes). Es por eso el «mobile first», que efectivamente puede no ser el mejor término, pero no porque se pueda confundir (o yo no veo como se puede confundir, está bastante claro), sino porque es incompleto y puede quedar obsoleto muy pronto (o no, quien sabe).

Enviado hace 8 mess, 3 semanas

#7 Mobile first no es eso Por Nacho

Mobile first es un termino inventado en 2010 por Luke Wroblewski, un experto en diseño de interfaces. Consiste en diseñar primero la versión móvil de una interfaz antes que la versión Web, pensando en la relevancia que tiene actualmente el móvil y en la cantidad de páginas que se pinensan para la Web y después se hace una adaptación chapuza al móvil.

Enviado hace 7 mess

#8 buena explicación Por manuel

Si que es verdad que cuando haces una pagina web tienes que tener en cuenta los dispositivos en los que se va a ver. Ahora es muy importante que se vea bien en smartphones

Enviado hace 6 mess, 1 semana

#9 Small devices... Por Joan Manel Gómez (Customer experience, Interaction user-centerd design)

Con la idea que hay ahora con responsive design y que Wroblewski tanto ha enfatizado, tengo una opinión consolidada al respeto.
En los blogs se habla y discute mucho sobre la idea del 'mobile first design'. Personas que tratan temas de usabilidad y arquitectura de la información se atreven a poner nombre a esta última tendencia de diseñar primero en los pequeños dispositivos. Con 'Mobile first' no decidimos: se trata de un proceso dentro de la AI, en el inicio de la creación del diseño de interacción. 'Que sea más práctico y viable y luego mejorarlo...' Mejorarlo? No. Se trata de una priorización del sistema de navegación y esquemas de organización. Tampoco es necesario empezar por 'Mobile' si diseñamos claramente y sin querer contextualizar de forma desmesurada (muchos niveles y profundidad de navegación).
'Content first' tampoco. Tampoco se puede afirmar que se trate de un tema único y exclusivamente de usabilidad. No. 'Mobile first' es para empezar a pensar en el dispositivo pequeño. 'Content first' es pobre, es una expresión que se queda muy corta. 'User first' mejor, pero no sólo en móvil si no en todo tipo de interfaz. Podríamos decir que es un tema de AI primero, donde la AI enfatiza el diseño centrado en el usuario para que en parte relevante un sistema de información digital sea usable.
Hay algunos estudiosos que opinan en hacer uso del sentido común. Sin embargo, hay que vigilar con esta idea, porque se corre el riesgo de ser arbitrario a la hora de diseñar. Vigilemos con el sentido común y la arbitrariedad. Sí que va de realizar navegaciones sencillas como algunos dicen, pero estas navegaciones, sencillas, a lo que le añado, óptimas, deben estar también en 'desktop'. Tampoco basta con determinar qué contenido es de verdad y cual tiramos a la basura. En 'Desktop' y en 'Mobile' tiene que haber el mismo contenido, siempre, si no, ¿nos encontramos en entornos quizás para perfiles diferentes? ¿los que consultan menos y mejor, y el de más y de peor calidad? Si hay contenido que no interesa, no debe hallarse, pues, ni en 'Desktop' ni en 'Mobile'. No hay que tener 'Frankesteins' web y después sentir gloria cuando se consulta de 'Mobile'. Si se diseña bien, la AI será óptima, así como su diseño y su desarrollo en cualquier interfaz. Es por eso que quizás no es tan importante el orden de creación en un tipo de interfaz o en otro. Se parte de 'Mobile first' porque nos hemos encontrado con problemas arquitectónicos al pasar el contenido en pequeño dispositivo... pero eso se debe a errores, en la mayoría de los casos, de una AI de base, de un diseño y organización que no son simples o esclarecedores.
Otro y final de los temas de debate es la demogogia o interpretación un tanto pretenciosa de que se enfatiza el 'Mobile' por razones de que los tiempos estan cambiando, y que ahora se consulta más la información en pequeño que en versión escritorio. Ahora, muchas personas de mediana edad empiezan a navegar y a informarse por 'Desktop' y no por interfaces de medidas pequeñas, que resultan más dificultosas para el uso de la tecnología y la ergonomía. Es más la audiencia joven, y los que ya están acostumbrados los que van más consultando información por pequeño dispositivo. Es probable que se pueda dar más consulta y esta progrese, por este medio, pero, aun, y en auge, está la consulta en 'Desktop', donde no hay que dejar de enfatizar su diseño o ponerlo en segundo plano ante el 'Mobile'. Todo depende del usuario, todo depende de los perfiles, de sus necesidades, tanto racionales como emocionales... Y, ahora, y hasta creo que muchos más años que nos vienen, las consultas serán de igual a igual en una interfaz que en otra.

Enviado hace 6 mess

#10 hot christmas toys Por kim

Hello there great studying your informative articles. I discovered your blog and just wanted to say thanks!! It is assist me an incredible great deal!hot christmas toys 2012

Enviado hace 5 mess, 2 semanas

#11 Multiplataforma Por Juan Carlos

Lo ideal es disponer de una versión para móvil dentro de la propia web, para hacerla mas navegable desde smartphones.

Enviado hace 5 mess, 1 semana

#12 multiplataforma Por carol

Totalmente de acuerdo con Juan Carlos.

Enviado hace 4 mess, 4 semanas

#13 multiplataforma Por Andrés

Hace poco estuve trabajando en un proyecto web, donde el 40% de las visitas que teníamos eran desde dispositivos móviles, creo que es hoy en día es fundamental adaptar la web para estos dispositivos, pues seguramente muya tráfico provenga de ahí.

Enviado hace 2 mess, 1 semana

#14 Lo primero es lo primero Por Ponzano Madrid

Creo que el concepto Mobile First, no tendrá gran exito, estamos de acuerdo en que es importante adaptar las webs a los móviles, pero comenzar por los móviles no es razonable. Ahora mismo, casi todas las plantillas webs, están desarrolladas para dispositivos móviles, así que, para que limitarlo al revés.

Enviado hace 1 mes

#15 Por implantes dentales

que buena pagina, gracias por compartir la información , y por propiciar espacios discutibles de expresión, saludos.

Enviado hace 2 semanas, 4 días

#16 Anécdotas táctiles Por Joan Manel Gómez

Os dejo un pequeño artículo entretenido sobre anécdotas táctiles y el 'finger first'!

http://enzymeadvisinggroup.blogspot.com.es/2013/04/anecdotas-tactiles.html

Enviado hace 14 horas, 17 minutos