Mobile web apps design

689 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
689
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile web apps design

  1. 1. Ciocoiu R ă zvan, grupa 5B Nechifor Doru, grupa 5B
  2. 3. <ul><li>este o aplicaţie pe care o accesezi folosind un browser </li></ul>
  3. 7. Ce este o interfaţă grafică ? <ul><li>sistemul de afişaj grafic-vizual pe un ecran, situat funcţional între utilizator şi dispozitive electronice </li></ul>
  4. 9. Ce îmbunătăţeşte o interfaţă grafică? <ul><li>î nainte să construim o interfaţă pentru produsul nostru, este important să înţelegem mai întâi ce o face mai deosebită </li></ul><ul><li>o rice interfaţă corect efectuată ţine cont de urmatoarele 8 caracteristici: </li></ul>
  5. 10. 1. Claritate <ul><li>interfaţa trebuie să înlăture orice urmă de ambiguitate </li></ul><ul><li>interfeţele clare nu au nevoie de manual de instruire </li></ul>
  6. 12. 2. Concizie <ul><li>semnifică etichetarea cât mai sumară a elementelor dintr-o interfaţă grafică </li></ul>
  7. 14. <ul><li>reprezintă utilizarea unor modele comune de creare a interfeţei (tab-uri pentru navigare Internet) </li></ul>3 . Familiaritate
  8. 16. <ul><li>aplicaţia trebuie să manifeste rapiditate la recepţionarea comenzilor date de utilizator </li></ul><ul><li>permite posibilitatea de feedback </li></ul>4. Receptivitate
  9. 18. <ul><li>reprezintă utilizarea unor efecte cât mai comune la comunicarea între elementele unei interfeţe grafice </li></ul>5. Consistență
  10. 20. <ul><li>oferă utilizatorului plăcerea de a utiliza aplicaţia </li></ul>6. Estetică
  11. 22. <ul><li>constă în rapiditatea de explorare a aplicaţiei (shortcut-uri) </li></ul>7. Eficiență
  12. 24. <ul><li>permite utilizatorului posibilitatea de restaurare a aplicaţiei la un moment anterior </li></ul>8. Uitare
  13. 26. Interac țiunea cu utilizatorul <ul><li>Dispozitivele sunt cunoscute în industrie ca telefoane mobile sau terminale. </li></ul><ul><li>Apariţia noilor dispozitive care au acces la Wi-Fi și la reţelele operatorului, dar ca întrebuințare principală nefiind cea de telefon mobil, tinde sa schimbe semnificația acestora spre orice dispozitiv mobil care poate folosi un Website sau o aplicație. </li></ul>
  14. 27. <ul><li>C ele mai moderne dispozitive cu touch-screen (telefoane mobile, tablete, e-readere, etc) folosesc gesturi prin intermediul diferitelor interfeţe cu atingere, pentru a permite utilizatorilor să acceseze şi să navigheze conţinutul. </li></ul><ul><li>Multe dispozitive folosesc aceleasi gesturi de bază din motive de coerenţă, astfel încât utilizatorii să poată înţelege sensul lor rapid şi eficient. </li></ul>
  15. 29. <ul><li>Modele de gesturi simple: </li></ul><ul><ul><li>tap </li></ul></ul><ul><ul><li>press </li></ul></ul><ul><ul><li>swipe </li></ul></ul><ul><ul><li>drag </li></ul></ul><ul><ul><li>pinch sau spread </li></ul></ul><ul><li>Modele de gesturi avansate: </li></ul><ul><ul><li>shake </li></ul></ul><ul><ul><li>multi-finger swipes / drags </li></ul></ul><ul><ul><li>double tap </li></ul></ul><ul><ul><li>twist </li></ul></ul>
  16. 31. Orientarea ecranului <ul><li>Portret: modul în care ecranul este mai înalt decât lat </li></ul><ul><li>Peisaj : modul în care ecranul este mai lat decât înalt </li></ul>
  17. 33. Aplicații native / Aplicații Web
  18. 34. Concluzii <ul><li>Unii oameni cred c ă aplica ţ iile W eb mobile nu sunt la fel de complete prin construc ţ ia lor precum aplica ţ iile native pentru iOS sau Android. Cu toate acestea, cel mai mare avantaj al aplicaţii lor W eb pentru dispozitivele mobile este faptul că suntem capabili de a le crea independente de platform ă , sistemul de operare sau dispozitivul pe care urmeaz ă s ă ruleze. </li></ul>

×