boluda.com

Cursos de Marketing Online

Curso de diseño responsive #5.Wireframe Web Tablet

Ahora que ya tenemos nuestro wireframe para escritorio planteado vamos a adaptarlo para nuestro segundo salto responsive, el ancho de 768 pixeles de tablet.

Como ya tenemos nuestro primer wireframe y gracias a las mesas de trabajo, descubriremos la gran facilidad que esta funcionalidad nos brinda: el poder pasar los elementos de una mesa a otra sin ningún esfuerzo. ¡Practicidad en estado puro!

Veremos que en este Wireframe mantendremos algunos elementos de la resolución de 1200 pixeles, como la división en dos columnas de la parte superior de la web o el hecho de seguir mostrando el menú completo. Hay casos en los que en este punto ya pasan al menú hamburguesa, pero personalmente soy reticente a hacerlo, siempre es mejor seguir mostrando las secciones del menú siempre que se pueda!

Este contenido está únicamente disponible para los suscriptores. Puedes identificarte en este enlace o suscribirte a los cursos.

¡Bien! Ya tenemos listo nuestro segundo salto y hemos visto que no es solo arrastrar elementos, si no de nuevo, e insisto, pensar en la experiencia del usuario, como hemos visto por ejemplo, haciendo que las apariciones en prensa y recomendaciones se pierdan visitar realizando desplazamientos horizontales con el dedo.

También hemos visto como adaptar las propiedades de nuestra app a una composición más vertical a pesar de seguir siendo de 4 columnas. Una decisión que muestra la esencia del trabajo del diseñador y que un programador probablemente no hubiera tomado.

También importante destacar lo que hemos hecho con las 3 columnas de pricing y el corte de algunos elementos invitando al desplazamiento horizontal pensando en una usabilidad más táctil que probablemente practicarán los usuarios que visiten la web con este ancho de pantalla desde su tablet.

Como siempre, si tenéis cualquier duda o pregunta, podéis mandarla a través del formulario de soporte de la Intranet de suscriptor. ¡Nos vemos en la siguiente lección! :)

Recuerda que si te suscribes tendrás acceso a todos los cursos y además podrás disfrutar de todo el contenido premium de boluda.com.

Todos los capítulos de este curso:

¿Olvidaste tu contraseña?