design of mobile web apps
DESCRIPTION
TRANSCRIPT
Design of Mobile Web Apps
Usability & Design
Usability factors
Limitarile design-ului website-urilor mobile:
• Spatiu limitat pe ecran• Browsers• Limitarea hardware• Trafic de date scump• Probleme de conectivitate• Interactiune limitata
Clean and Semantic
Este indicat sa folositi un markup "clean and semantic" pentru ca site-ul sa fie afisat aproape la fel pe toate dispozitivele mobile.
Continutul
In majoritatea cazurilor prezentarea site-ului vine pe locul doi comparativ cu continutul, deoarece utilizatorii folosesc internetul pe mobil pentru informatiile de care au nevoie imediat.
Navigarea
Nu repeta pe fiecare pagina meniul de navigare complet si incearca sa reduci link-urile pastrandu-le doar pe cele relevante
Mediul inconjurator si contrastul culorilor
Felul in care este perceputa aplicatia web mobila depinde si de mediul inconjurator si luminozitatea in care se afla utilizatorul.
Principiile construirii unei aplicatii web pentru smartphone-uriPas 1: Schitarea designului pe hartie
Principiile construirii unei aplicatii web pentru smartphone-uriPas 2: Wireframes
• OmniGraffle• Microsoft Visio
Principiile construirii unei aplicatii web pentru smartphone-uriPas 3: HTML & CSS
Principiile construirii unei aplicatii web pentru smartphone-uriPas 4: JavaScript
Principiile construirii unei aplicatii web pentru smartphone-uriPas 5: Ship It!