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!