Title: Orientacions per a l'alumnat
Course: CFGS - Desenvolupament d'aplicacions web > Section: Disseny d'APPS per a dispositius mòbils

Orientacions per a l'alumnat

Disseny d’interfícies

Aquest mòdul pretén que l’alumne aprengui a pensar com un dissenyador d’apps; és a dir, a dissenyar pensant en tasques concretes que han de realitzar usuaris concrets en entorns i situacions ben concretes.

En aquest sentit és interessant evitar el trastorn del disenyador hipster, també anomenat oh, se m’ha acudit una idea genial!

Aquest transtorn es caracteritza per la tendència a crear dissenys novedosos i poc habituals pel simple fet de fer-los diferents. En general, sol portar al disseny d’interfícies poc intuïtives i poc usables.

Per exemple, imagineu el cas d'una web en la qual clicant el logo de dalt a l'esquerra de la pàgina anéssim a para a la pàgina de contacte enlloc de tornar a la home. Seria estrany i gairebé molest, no? El disseny d'interfícies té molt a veure amb convencions i hàbits.

De manera que utilitza bé els elements que ja existeixen. Probablement sigui el millor punt de partida per fer un bon disseny. Aquí tens algunes ajudes:

· Dissenyar per Android

És molt recomanable fer una ullada a aquesta pàgina per agafar la filosofia de disseny Android i aplicar-la als nostres projectes. Igualment permet descarregar material, icones, paletes de colors, etc:

http://developer.android.com/design/get-started/principles.html

· Dissenyar per iOS

L’equivalent d’Apple, molt ben estructurat i amb interessants consideracions de tipus potser més teòric:

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/

Ja que estarem treballant per a molts dispositius a la vegada (tablets, smartphones, phablets, smartwatches, etc) i que cal que els nostres dissenys s’adaptin a cada pantalla, aquí pots veure les mides de pantalla en píxels per a diferents dispositius:

http://mydevice.io/devices/

Altres recursos interessants:

Normes de marketing per a l’AppStore:

De cara a promocionar a l’app haurem de generar material promocional. Aquí tens més informació que pots consultar:

https://developer.apple.com/app-store/marketing/guidelines/es/#

Fonts en anglès

Molta informació i recursos sobre disseny d’apps està en anglès.

Recordeu que podeu traduïr qualsevol pàgina web copiant la seva URL i engantxant-la dins de l’espai d’introducció de text de Google Translate ( https://translate.google.com/ ). També podeu traduïr un pdf o altres documents que tingueu en local en el vostre ordinador clicant a “ traduïu un document. ”

Recursos gràfics lliures de drets:

Podeu trobar imatges lliures de drets en aquesta pàgina:

http://search.creativecommons.org/

Pel que fa a icones i imatges vectorials són interessants aquests dos recursos:

http://www.flaticon.com

http://www.freepik.com

Recordeu que tant per a flaticon com per freepik cal posar els crèdits de les imatges en algun lloc visible de l’app si opteu pel model gratuït.