Disseny web mòbil per al negoci modern

És possible que ja tinguis un lloc web llest per a qualsevol navegador en un pc, però probablement busquis millorar el teu lloc i optimitzar per a qualsevol tipus de navegador, inclòs per descomptat els més nous i que avui dia tenen molta popularitat com ho són els navegadors endispositius mòbils.

És possible que ja tinguis un projecte en ment, potser la idea ja està en execució, o fins i tot quan no tens cap lloc web realitzat, és important pensar en com dissenyar per a dispositius mòbils. Sense importar quin sigui el teu intenció, és bo revisar alguns dels processos per assegurar-se no cometre errors típics a l’hora de desenvolupar dissenys web mòbils.

  • No definir les característiques o features. Un dels principals errors més comuns a l’hora de dissenyar programari, és el quedar atrapat en un bucle gairebé infinit de recerca de característiques. És molt senzill embrancar-se en preguntes com “Què passaria si li afegim …?”, És a més molt perillós quan volem arribar a completar el projecte en un temps específic.

    Col·locar massa característiques ens allunyen del projecte, i diversifiquen els nostres esforços a l’hora de dissenyar individualment cada un. No enfocar-se en tasques específiques, o tenir moltes, porta com a conseqüència característiques que no són de la millor qualitat i que moltes vegades no acaben com s’esperen. Al final s’obté un projecte final incomplet amb moltes parts a mig acabar.
  • Mala alineació i espaiat. Mantenir tot de forma uniforme i d’acord amb el disseny general pot semblar difícil algunes vegades, però no ho és. En la majoria dels casos, el que es necessita revisar i acomodar és que per exemple, la font del text sigui uniforme i d’acord, que es pugui llegir, i que cada frase comenci de forma alineada amb les altres.

    Realitzar aquestes tasques no és tan complicat, però l’efecte de no realitzar-la és molt negatiu.
  • Utilitzar botons de la mida incorrecte. Quan es vol que tot càpiga a la pantalla d’algun dispositiu mòbil, és molt temptador reduir la mida dels botons. El mínim recomanat és de 44 px quadrats. Però, que el mínim recomanat d’espai per tocar sigui aquest, no vol dir que visualment el botó sigui també d’aquesta mida. Els botons poden fer-se més grans o més petits que l’àrea de contacte. Només té en compte no exagerar en la diferència entre tots dos.

  • Logotips en les barres de títol. A vegades per tractar d’enfocar la marca a l’aplicació, els dissenyadors col·loquen el logotip de la companyia a les barres de títol, canviant el nom de la pàgina en el procés. Això és bo en la pàgina principal, on l’usuari no necessita context, però en les pàgines següents és millor deixar aquest espai per al títol de la pàgina.

    Una companyia que va saber utilitzar això de forma adequada és Twitter amb les seves aplicacions per a mòbils.
Aquests són només alguns tips, a continuació trobaràs altres informacions útils en la infografia.