Skip to content

Mocks para adaptación a tablet

Jump to bottom
alejocedeira edited this page Apr 29, 2021 · 2 revisions

Analizando as pantallas que temos na nosa aplicación, só consideramos problemas de adaptación á hora de amosar o leaderboard ao usuario, xa que é unha lista e en formato tablet non é algo cómodo. Para o resto de pantallas, o único que debemos adaptar é a barra de navegación que temos na parte inferior do móvil, xa que na tablet cremos que é un menú poco accesible polo usuario. A solución que propoñemos é adaptar esta barra de navegación en un menú lateral desplegable que será más fácil de acceder polo usuario.

  • Adaptación do leaderboard. Na nosa aplicación móvil, para esta parte temos un fragment inicial no que mostramos a lista de usuarios que forman o ranking. No momento de pulsar nalgún usuario, no móvil ábrese otro fragment que ocupa toda a pantalla e amosa o perfil do usuario seleccionado. A solución que propoñemos para a tablet é manter os dos fragments na pantalla á misma vez, e no momento de pulsar sobre un usuario na parte esquerda da tablet (no fragment ca lista de usuarios), ábrese na parte esquerda o perfil do usuario seleccionado.
  • Vista das leaderboards

img1

Imaxe 1: Vista da pantaia de puntuacións co menú lateral despregado.

img2

Imaxe 2: Vista da pantaia de puntuacións co menú lateral pregado. A primeira ringleira do leaderboard está marcada.

img3

Imaxe 3: Vista da pantaia de puntuacións cun calendario despregable ao pulsar sobre o botón de "period" enriba das puntuacións particulares do usuario seleccionado.

Clone this wiki locally