El valor de Mobile First

3/32

Lectura

Ya conoces la importancia del desarrollo Mobile First, ahora aprender谩s el valor que entrega m谩s all谩 de estar enfocado a las vistas m贸viles. Recuerda que en responsive design un dise帽o se adaptar谩 a distintas vistas independientemente para cu谩l dispositivo se desarroll贸 primero y con este est谩ndar primero crearemos para dispositivos m贸viles.

...

Reg铆strate o inicia sesi贸n para leer el resto del contenido.

Aportes 90

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Como recomendaci贸n chicos. Hay muchos sitios web que aun no usan Mobile first. Tomemos nota, pongamonos en contacto con esas compa帽铆as y ofrezcamos nuestros servicios para readaptar su sitio web.

Por ac谩 les dejo esta informaci贸n

Yo a煤n soy principiante en Frontend y al hacer un par de retos del #PlatziWebChallenge que requieren Mobile First, me di cuenta que al empezar por la versi贸n escritorio me sal铆an muchas m谩s l铆neas que empezando desde las pantallas peque帽as. Por supuesto, mucho tiene que ver con mi falta de experiencia. A煤n as铆, desde mi punto de vista, puedo observar los beneficios del dise帽o Mobile First!

En esta direcci贸n pueden encontrar diferentes patrones de dise帽o web que son adaptables, los cuales siempre parten de una vista en dispositivos moviles y escalan hasta pantallas de escritorio.
https://developers.google.com/web/fundamentals/design-and-ux/responsive/patterns

Vamos con toda en este curso. Diego es un gran profesor y explica todo de una manera super clara!

Existen casos como lo es MercadoLibre en su entorno para vendedores, si accedes desde el celular te mostrara las opciones mas importantes y mas concretas, si accedes desde un computador te muestra mas opciones y con mas detalle de las ventas y los clientes.

El 茅xito de algunas compa帽铆as incre铆blemente ha sido por el modelo Mobile First, como menciona Diego

  • Escalar es m谩s sencillo
  • Simplicidad y accesibilidad.
  • Relevancia y retenci贸n.

Lo de Mobile-only en Rappi, Uber hace que te des cuenta que cada vez las computadoras se usan menos para el ocio

De verdad no hab铆a pensado primero en mobile firts y en las universidades no nos ense帽an que primero debemos tener en cuenta los dispositivos mobiles, bueno esto debe ser por que apenas nos dan las bases del conocimiento, pero de verdad es una buen ruta de aprendizaje la a帽adidura de este curso. Gracias team platzi!

Necesito practicar mucho dise帽o, no se me da :c

Me queda claro. Mobile first, definitivamente. Viv铆 la experiencia de hacer mi primer sitio web personal para escritorio. Pasarlo despu茅s a m贸vil fue fatigante y no qued贸 bien. Comet铆 el error de dejar vistas de hasta tres columnas con letra muy menuda, dif铆cil de leer para el usuario. Se los comparto:

https://uralberto.github.io/

Entonces es m谩s f谩cil ir desde pantallas peque帽as hac铆a las m谩s grandes. Tiene sentido. Adem谩s hoy en d铆a es obligatorio hacer responsive design para que todo el mundo pueda consumir nuestro contenido y que Google nos ayude con el SEO.

tengo una pregunta al utilizar mobile first se est谩 aplicando pwa?

Muy bueno el ejemplo de Twitter. Pensar que adem谩s ellos fueron los que desarrollaron Bootstrap

empezar desde mobile hace que sea mas facil redistribuir los elementos despues, y ubicarlos de forma concreta, dandole mas personalidad a cada media query.

Este curso va a estar muy divertido.

Totalmente de acuerdo.
Cuando comenzamos a desarrollar desde un dispositivo m贸vil, es m谩s f谩cil agregar y distribuir elementos en pantallas m谩s grandes.

ahora si se viene lo chido jajjaja 鈥

ESTO ES UNA GRAN VERDAD

鈥淕oogle comenz贸 trabajar a inicios de 2018 con un algoritmo que otorga de mayor relevancia a aquellos sitios optimizados para m贸viles. Esto no afectar谩 a aquellos sitios que tengan una versi贸n de escritorio y m贸vil, pero s铆 penalizar谩 a los que carezcan de una alternativa m贸vil.鈥

Lo interesante de todo esto es que vemos como no se pierde el concepto de la pagina, como el dise帽o se mantiene y no pierde valor ante el usuario. Buen ejemplo el de Twitter.

Informaci贸n muy clara. Dos consejos que, el profesor Diego a dado antes: Uno; mantener el dise帽o simple (coordinaci贸n entre el dise帽ador , Ui, y desarrollador); porque, luego los dise帽os son complejos a 煤ltima hora para el desarrollador. (hablar con el ux).; dos, recordar que, no puede ser tan pesada (la idea es, tener una interacci贸n r谩pida).

A pesar de que estaba leyendo esto aun me preguntaba 鈥淧or qu茅 empezar desde el celular primero?, puedo acomodar todo despu茅s鈥 pero cuando vi los ejemplos de Twitter me quede wow, tiene mucha raz贸n.

A todos nos beneficia Mobile first:
a) Desarrolladores: Ayuda a escalar y optimizar mejor un sitio
b)Usuarios: En un dise帽o m贸vil se busca la simplicidad. Cada vez existen m谩s usuarios y un mobile first consume menos datos y potencia del procesador.
c)Empresas y negocios: Google les dar谩 mejor preferencia de SEO

Considerando que NUNCA hab铆a escrito una l铆nea de c贸digo, leer art铆culos as铆 me dicen que estoy entrando en un momento donde las cosas se est谩n simplificando mucho para los programadores y m谩s a煤n para los futuros programadores.

En general un sitio web que sea responsive no se le afectara el seo pero si no lo es puede que te posicione en desktop pero no en mobile para la misma palabra clave y si es muy cierto que desarrollar de - a + es mejor y mas sencillo en tema de codigo

Vamos con Todo 馃敟馃敟馃敟馃敟馃敟! 馃槃

Grade degranda!!!
Ya saben compa帽eros, primero que se vea bien en celular y despues en escritorios.

Vamos con todaa!

Interesante curso para profundizar en la metodolog铆a鈥 驴no se consideran el uso de frameworks como Bootstrap o Materialize?

Beneficiados:

  • Devs: m谩s f谩cil escalar una p谩gina web m贸vil a escritorio que al rev茅s.
  • Usuarios: tendr谩n un dise帽o simple, efectivo y r谩pido en conectar.
  • Negocios: Mejor SEO


馃挭 Los nuevos dispositivos y tendencias marcan la norma, as铆 como paso con mobile first, ahora encontramos p谩ginas con mobile-only

Interesante. Eso explica por qu茅 la gran mayor铆a de las p谩ginas web no se ven iguales en cada dispositivo. Adem谩s, es muy buena pr谩ctica.

脷ltimamente he visto aplicaciones que en su versi贸n web tienen muchos errores (principalmente de elementos que se sobreponen sobre otros), que siendo aplicaciones conocidas no entiendo por qu茅 descuidan la versi贸n Desktop鈥

La verdad si he encontrado sitios que no atienden a mobile first, y a no ser que de verdad nesecita la informcion me salgo inmediatamente, creo que es bueno aprender sobre este tema.

A pesar de que estaba leyendo esto aun me preguntaba 鈥淧or qu茅 empezar desde el celular primero?, puedo acomodar todo despu茅s鈥 pero cuando vi los ejemplos de Twitter me quede wow, tiene mucha raz贸n.

El Mobile first s铆 que es importante, y es otra manera de hacer tus webs, porque comienzas del trama帽o mobile y vas haciendo los media queries hacia tama帽os m谩s grandes, hasta llegar al tama帽o desktop. Los breakdowns los defines t煤, pero normalmente lo haces a 480, 720 y luego desktop.

Una lectura enriquecedora que nos incita a seguir aprendiendo y adoptar este modelo de trabajo para ser m谩s profesionales 鉂わ笍

totalmente de acuerdo, como consumidora es frustrante cuando una aplicaci贸n web no esta optimizada para el celular, yo tengo pc pero es el de la oficina y mis temas personales prefiero hacerlos desde el celu, entonces entiendo perfectamente la necesidad y me emociona aprender mas

Y la tendencia va en aumento. Creo que cada vez surgir谩n m谩s tecnolog铆as enfocadas a los m贸viles.

Solo me queda la curiosidad. Aunque sepa maquetar perfectamente cada dise帽o que se requiera, 驴C贸mo saber que generar谩 una buena experiencia la distribuci贸n de los elementos de una p谩gina?

Es muy importante que la usabilidad en mobile sea eficiente y smooth al mismo tiempo que en desktop cumpla todas las funciones. Que alguien puede encontrar tu web desde la PC en el trabajo y le enganche, y luego ingrese en su movil camino a su casa y su uso se agradable. A ir con todo!

Una pregunta chicos y chicas, como o que tecnicas se usan para ir agregando elementos es dicir el html y css conforme la pantalla vaya creciendo?

Alguien me puede explicar bien este p谩rrafo Para fines de SEO esto puede significar un menor rebote de usuarios si el contenido es lo suficientemente atractivo para retener la atenci贸n de los usuarios.? Nos tenemos que preocupar por esto?

Me gustan los cursos de Diego, son muy din谩micos y aunque aparecen ser largos, el tiempo vuela. Ahora que leo este cap铆tulo, me doy cuenta de lo f谩cil que hacer ver todo. Un grande!

Muy buena reflexi贸n e introducci贸n al curso. Este profesor es maravilloso !

Realmente necesario.

Realmente me emociona este curso

A tener en cuenta estas recomendaciones!

Al hacer responsive siempre tengo en cuenta que menos es m谩s.

Let鈥檚 start this course. I鈥檓 so exicted tor learn more about programing.

Here we go. Mobile First, Ven a m铆 !!!

Estamos ready!

No he tenido mucho tiempo para estudiar鈥
Pero desde el d铆a que anunciaron dicho curso me emocione un mont贸n por el proyecto.
Vamos con Todo 馃槃

Mobile First ayuda a llegar a m谩s usuarios, hace escalable el proyecto y se vuelve m谩s adaptable conforme este evoluciona.

sin ir demasiado lejos, la pagina web de platzi tiene un buen response design , buen trabajo !

woow

  • Como su propio nombre indica mobile first o por su traducci贸n en ingl茅s, 芦los m贸viles primero禄, resume perfectamente esta filosof铆a de desarrollo.

  • B谩sicamente se refiere a un modo de dise帽ar que tenga en cuenta, en primera instancia, un dispositivo m贸vil.

  • De esta forma, la metodolog铆a Mobile First ha revolucionado la creaci贸n de p谩ginas al enfocarse primero en el dise帽o para terminales m贸viles pensando tambi茅n en su usabilidad y rendimiento , para luego adaptarlas a la pantalla de un ordenador.

La verdad el caso de Spotify es interesante, pues me parece que la versi贸n de escritorio no est谩 bien organizada y en el caso de la versi贸n m贸vil, es una gran carencia que no se pueda ver el historial de canciones reproducidas.

Super interesante, vamos con toda!.

Cada d铆a crece la diferencia entre la cantidad de visitas a sitios web desde dispositivos m贸viles que en desktop, por lo que cada vez es mas importante el dise帽o y desarrollo de aplicaciones web por medio de la metodolog铆a first mobile

La importancia del Responsive Design

Es super interesante y muy importante pensar en los usuarios de mobil que son mas y mas a visitar las paginas desde el cellular.

Y yo pensaba que era al rev茅s. Muy bien, 隆vamos al proyecto!

Hasta ahora no sabia la importancia que tiene hacer Responsive los sitios web

Excelente explicaci贸n y representaci贸n practica

Los cursos de este profe junto a los de JuanDC son los mejores siempre.

es sorprendente los cambios en el est谩ndar del dise帽o wed

super

Excelente art铆culo Diego.

excelente articulo

Excelente columna

Wow! que buena lectura 馃槂

A darle con todo!!!

Que gran articulo!

Excelentes recomendaciones鈥

Estaba esperando este curso desde que lo anunciaron 鈥 con muchas ganas de aprender !!!

excelente me parece muy bien este post

Con todo !!!

Vamos a darle! Muchas expectativas del curso 馃榿

Gracias estoy aprendiendo bastante

Con el Mobile First es mucho mas rentable para el usuario ya que no incrementar铆a costos para el despliegue de su app en aplicativos m贸viles

Excelente, vamos a darle

Excelente contenido, no tenia conocimiento del tema del SEO.

muy interesante

Excelente material

馃憣

Gracias muy buen dato

una forma eficiente de ver las cosas