Hola a todos
llevo ya tiempo leyendo acerca de esto y me apetecía comentarlo con vosotros.
Resulta que hay una corriente que dice que la forma ideal de diseñar y maquetar un sitio web no es hacer la version de escritorio primero y despues adaptarlo para movil, si no al reves: comenzar diseñando para la pantalla mas pequeña y a partir de ahi ir haciendola crecer. De esta forma en lugar de enfrentarnos a la problematica de "y ahora donde meto esto" no encontramos con que comenzamos con lo justo y necesario y segun tenemos sitio nos podemos "ir gustando". De la misma forma, los estilos se definen , por medio de las media querys, de menor tamaño de pantalla a mayor.

Que opinais? Utilizais esta metodología o seguis haciendolo de la forma "tradicional"? Yo reconozco que aun lo hago de mayor a menor, es un vicio adquirido porque cuando comencé no habia moviles... pero para el proximo proyecto voy a probar a hacerlo de esta manera.

La opción "No habia oido hablar de esto hasta ahora xD" es perfecta para mí, con eso ya te digo todo xD
Es muy interesante plantearse el diseño así... aunque no termina de gustarme (aunque solo soy de toquetear el código, no crear cosas desde cero) :p

yo igual, yo programo pero rara vez diseño, así que no está dentro de mi circulo de trabajo. Cuando diseño solo adapto cosas.

Aaah suertudos vosotros, que podeis hacerlo "en feo" y ya otro arereglará el aspecto visual. Yo me curro la programacion y el diseño (bueno, si puedo, solo la maquetacion, que diseñar, lo que se dice diseñar, se me da como el culo), aunque sea solo de las pantallas de uso. Desde hace un tiempo para clientes lo unico que hago son aplicaciones web, asi que el aspecto visual solo necesita que sea limpio y manejable, pero aun asi, requiere un "diseño" y por supuesto una maquetacion.

Yo lo hago como tú, es que además no sé cómo se hace de la otra manera, no le veo sentido

(08-03-2015, 03:03 PM)chicoperro escribió:  Yo lo hago como tú, es que además no sé cómo se hace de la otra manera, no le veo sentido

pues la idea es plantear la disposicion de los elementos primeramente en una pantalla pequeña, una vez los tienes ahi, la vas agrandando hasta que veas que "sobra espacio" entonces puedes meter otros elementos o distribuirlos de otra forma, hacelos mas grandes... es una forma de asegurate que se va a ver bien en cualquier dispositivo y que no vas a cargar nada innecesario en las pantallas pequeñas (porque lo cargarás solo si la pantalla es mayor). Mas o menos

googleando por "mobile fisrt" salen muchas explicaciones mas completas que la mia (en ingles, of course. aunque alguna en español creo que tambien hay).

No si entiendo el planteamiento pero no le veo sentido, para mi es como empezar la casa por el tejado, yo lo que hago es primero la página y luego pisar los estilos necesarios para que se vea bien a cualquier resolución, no sé hacerlo de otra manera.

Ppero es que precisamente hacer primero la version desktop es comenzar la casa por el tejado... piensa que una web diseñada para movil se va a ver bien (aunque con mucho espacio sin utilizar) y se va a poder utilizar en un ordenador de escritorio, pero una version de escritorio malamente se ve ni medio bien ni se puede muchas veces utilizar (esos eventos de raton tan chulos que cuando te los llevas al movil, wop! dejan de funcionar porque no hay raton).

Un par de ejemplo: visita desde un pc la version movil de facebook o la wikipedia (m.facebook.com o m.wikipedia.org) . Son utilizables, verdad? Ahora fuerza a utilizar la version desktop de ambas plataformas desde un movil (o incluso tablet). La expereincia de usuario es pauperrima. Es más efectivo ir de menor a mayor que de mayor a menor.

Pero, a ver... que me estás poniendo ejemplos que no valen, eso no es diseño responsive, son dos páginas pensadas y diseñadas para distintos dispositivos, y en esos casos concretos te da igual por donde empieces (en su caso por desktop que ya tienen unos cuantos añitos) porque son desarrollos distintos.

Yo lo pienso de cara a un trabajo para un cliente, que los proyectos personales cada uno se los hace como quiere, si le quieres hacer una web a un cliente lo primero que le tienes que pasar son los wireframes y el diseño para que te lo apruebe o te lo cambie, no me veo presentándole un diseño para móvil y luego si le gusta le hago el de escritorio, no tiene ningún sentido, en todo caso habría que presentarle todos los diseños pero en una primera fase es trabajar a lo tonto.

Yo lo que creo es que cuando dicen mobile first lo que quieren es que pienses en el móvil a la hora de diseñar y programar, para que luego no te encuentres con problemas, porque empezar por la versión móvil, al menos a mí, me parece muy complicado.

te he puesto esos ejemplos porque son los que se pueden probar tanto desde movil como desde escritorio ( o sea, ver en el movil el tamaño grande y en el escritorio el tamaño pequeño), con una web responsive no vas a poder comparar porque... es responsive.
Pero vamos, que evidentemente cado auno trabaja como quiere, sabe o puede. Yo personalmente con los clientes prefiero hacer los diseños preliminares (todos, desde movil a desktop a tamaño gigante) con ellos. Y cuando es para mi, trato de seguir un workflow lo mas similar posible, asi no tengo que desprenderme de malos vicios cuando trato con clientes.