El ejercicio propuesto para la tercera semana del curso An Introduction to W3C’s Mobile Web Best Practices estaba relacionado con las limitaciones de los dispositivos móviles en cuanto al espacio de pantalla disponible, como optimizar los menús y mejorar la experiencia del usuario.
Para ello debíamos realizar un pequeño rediseño de una web de prueba con información acerca de Beethoven.
En resumen lo que hice fue:
- Reescalar la imagen de la cabecera y hacer un pequeño ajuste en la css para que no dejase tantos márgenes laterares.
- Añadir enlace directo y anclas a las sinfonías y otros a la parte superior de la página.
- Dividir el menú en dos partes: por una parte un menú con los relativos a la información que se está mostrando. Por otra parte un menú con los enlaces de navegación genéricos del sitio (política de privacidad, home…)
- Transformar la tabla en la que se mostraban las distintas sinfonías en una lista ordenada.
Como no es un curso orientado al diseño (y por falta de tiempo), no he realizado ajustes para que se viese más bonito, sino que he corregido los errores para que la información se mostrase correctamente.
Podéis consultar el ejercicio en Bruno Rico Week 3 Assignment y probarlo en el emulador dot.moby Beethoven site.