Design of mobile web apps

603 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

Design of mobile web apps

  1. 1. Design of Mobile Web Apps Usability & Design
  2. 2. Usability factors <ul><li>Limitarile design-ului website-urilor mobile: </li></ul><ul><ul><li>Spatiu limitat pe ecran </li></ul></ul><ul><ul><li>Browsers </li></ul></ul><ul><ul><li>Limitarea hardware </li></ul></ul><ul><ul><li>Trafic de date scump </li></ul></ul><ul><ul><li>Probleme de conectivitate </li></ul></ul><ul><ul><li>Interactiune limitata </li></ul></ul>
  3. 3. Clean and Semantic <ul><li>Este indicat sa folositi un markup &quot;clean and semantic&quot; pentru ca site-ul sa fie afisat aproape la fel pe toate dispozitivele mobile. </li></ul>
  4. 4. Continutul <ul><li>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. </li></ul>
  5. 5. Navigarea <ul><li>Nu repeta pe fiecare pagina meniul de navigare complet si incearca sa reduci link-urile pastrandu-le doar pe cele relevante </li></ul>
  6. 6. Mediul inconjurator si contrastul culorilor <ul><li>Felul in care este perceputa aplicatia web mobila depinde si de mediul inconjurator si luminozitatea in care se afla utilizatorul. </li></ul>
  7. 7. Principiile construirii unei aplicatii web pentru smartphone-uri <ul><li>Pas 1: Schitarea designului pe hartie </li></ul>
  8. 8. Principiile construirii unei aplicatii web pentru smartphone-uri <ul><li>Pas 2: Wireframes </li></ul><ul><ul><li>OmniGraffle </li></ul></ul><ul><ul><li>Microsoft Visio </li></ul></ul>
  9. 9. Principiile construirii unei aplicatii web pentru smartphone-uri <ul><li>Pas 3: HTML & CSS </li></ul>
  10. 10. Principiile construirii unei aplicatii web pentru smartphone-uri <ul><li>Pas 4: JavaScript </li></ul>
  11. 11. Principiile construirii unei aplicatii web pentru smartphone-uri <ul><li>Pas 5: Ship It! </li></ul>

×