Diseño Web

Diseño Web 13: Layouts

41 videos

106 minutos

Un elemento crucial en el éxito de tu página web es el de los layouts. Los layouts son las reglas que permiten definir qué posición va a ocupar cada una de las partes del sitio web en su página. No solamente cuando lo abres en estático, sino que posición va a ocupar en diferentes resoluciones y diferentes pantallas. Ya sabes que es obligatorio prácticamente hacer “responsive design” por qué google penaliza a las páginas que no están hechas de modo responsive para que se

adapten a los dispositivos, se penalizan con el SEO, una página sin responsive es muy difícil que sea localizada va a ver muchas otras que van a tomar posiciones más elevadas y dejaran la tuya muy por debajo, así que tienes que definir no solo el aspecto que va a tener en una pantalla de escritorio sino también cual va a ser el layout, cuáles van a ser las posiciones que van a tomar, las anchuras que van tomar los elementos o si están viendo en una tablet o si

están en un teléfono más pequeño, así que tendrás que ver si los tamaños tienen que variar, tienen que aumentar, si en lugar de poner información en dos columnas se tienen que poner en una, pantallas más grandes en 3. Pero un error que no tienes que cometer es el de tratar de poner la misma información para escritorio que para teléfono, no intentes poner todo lo que cabe en un escritorio en una pantalla más grande donde cabe más información, todo eso,

meterlo en un teléfono, no lo hagas, hay información que en un teléfono no tiene que aparecer, en una tablet quizá sí y en un escritorio sí. Por eso antes dijimos que cuando te reúnes con el cliente y ves los contenidos tu filtras cuales son los más importantes y cuales son más secundarios, esos que son más prescindibles, en resoluciones más pequeñas debes quitarlos para que tarde menos en cargar y para que sea más fácil al usuario ver la página sin tener que ver

todo lo que es… cuando hay cosas que serán relevantes y otras que no así que todo eso será pesado para el usuario, lo más prescindibles en teléfonos no y en tablets depende, pero en escritorio ahi sí muestras todo. Así que estos layouts son importantísimos para que tu contenido tenga todo lo que se necesita en según qué dispositivos y cuando tengas eso definido, pues entonces tendrás ok la página para el responsive design. El siguiente elemento que tiene que ver con el

proceso de planificación es la usabilidad, la experiencia de usuario.

Si quieres enterarte de los nuevos cursos, suscríbete. No habrá spam, prometido :)

Sobre el autor

foto de jotajotavm
José Javier Villena

jotajota pa los amigos y jota pa los de más cnfianza.

Bio Seria: Analista-Programador en diferentes lenguajes. Tutor PREMIUM de reconocidas plataformas de nivel mundial como CodigoFacilito. Redactor de artículos para Cristalab. Mi canal de YouTube está patrocinado por la editorial ANAYA y LaTostadora. Me gusta explicar con detalle y poner varios ejemplos para que no queden dudas.

Bio Molona: Me presento :) soy informatico, ni frostis d hardware pero muy muxo de programacion, friki a medias o del to segun el dia. Me gusta programar, muxo. Manejo varios lenguajes y tdo lo ke sepa lo comparto x amor al arte. Este no es mi trabjo pero lo ago mejor y con +ganas y calidad que si lo fuera, x eso mismo, xq para mi es divertido. Solo spero al menos algo de agradecimientO!! ;)

Dios, qe gusto haber escrito este parrafo cm me a dao la gana sin pensar en ortografia ni tildes ni historias!!!!!