Mobile web apps design

555 views

Published on

Proiect in cadrul disciplinei “Dezvoltarea aplicatiilor web la nivel de client”.

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

  • Be the first to like this

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

No notes for slide

Mobile web apps design

  1. 1. Proiect realizat de Lucian Eduard Barticel, grupa2B, in cadrul disciplinei “Dezvoltarea aplicatiilor web lanivel de client”. Blogul temei: http://moweapde.wordpress.com/
  2. 2. Standarde  De atunci, o serie de standarde au fost introduse, printre care si MWI(The Mobile Web Initiative), creata de cei de la W3C. Scopul standardelor este de a imbunatati utilizarea internetul mobil inceea ce priveste accesibilitatea, utilizarea, modul in care dispozitivelerelationeaza cu ajutorul internetului si nu numai. Scopul MWI a fost acela de a face navigarea pe internet de pe undispozitiv mobil mai sigura si mai accesibila. Tot la capitolul Standarde putem mentiona si de MobiReady Report, ounealta lansata de mTLD care analizeaza cat de lizibila este pagina ta web de peun dispozitib mobil. Alte standarde pentru mobile web sunt in continua documentare sicercetare, standarde pe domenii specifice cum ar fi educatia.
  3. 3.
  4. 4. Probleme  Desi aduce multe beneficii, internetul mobil este limitat destul demult de catre dispozitivul de pe care este rulat. Cateva dintre limitele pe care dispozitivul mobil le impune sunt: • Marimea mica a ecranului • Lipsa ferestrelor • Navigarea • Lipsa Cookies-urilor si a Java Script • Viteza • Marimea mesajului • Costulsi altele…
  5. 5. Solutii  Fiecare dintre problemele enumerate mai devreme trebuie sa aiba osolutie pentru ca internetul mobil sa fie viabil, asadar o sa luam pe rand celemai importante probleme si o sa gasim posibile rezolvari la care s-au ganditdeja si firmele de profil.1. Marimea mica a ecranului Este una din principaleleprobleme la care trebuia gasita osolutie asa incat portabilitateadispozitivului sa nu se piarda. Deaici s-a plecat in crearea unei noiinterfete speciale pentru dispozitivemobile unde fiecare trasaturatrebuie sa aiba o solutiespecifica, dupa cum vom vedea
  6. 6. Solutii 2. Navigarea Aici gasim numeroase imbunatatiri cetrebuie aduse unei aplicatii sau unui sitepentru a putea fi folosite la maxima lorcapacitate. Dupa cum putem vedea si inimaginea alaturata probleme de rezolvat ar fi: 2.1 Navigatia in sine Unui utilizator care trebuie sa-sifoloseasca doar degetele in multe cazuri, ii vaveni foarte greu sa foloseasca acest site. 2.2 Textul foarte mic, vizibil doardupa zoom. 2.3 Butoanele foarte mici, imposibilde apasat doar cu degetele.
  7. 7. Solutii 
  8. 8. Solutii  Solutii pentru aceste probleme s-au gasit si se gasesc continuu. 2.1 Pentru navigatia in sine douadin solutii ar fi aceea a unei interfete care saaiba principalele comenzi in catevabutoane pe prima pagina , sau aceea a uneinavigatii in stanga paginii de unde saputem ajunge foarte repede la pagina pecare o cautam. 2.2 Textul foarte mic se rezolva dela sine dupa comprimarea continutuluifoarte important pe prima pagina sidezvoltarea lui dupa click. 2.3 Butoanele foarte mici au fostinlocuite cu butoane mari si care pot fi usorfolosite, datorita continutui redus.
  9. 9. Solutii 3. Marimea mesajului Cu o cantitate atat de mare de informatii pe fiecare pagina, unsite nu numai ca nu ar fi putut fi folosit cum se cuvine de pe un dispozitivmobil dar s-ar fi incarcat si foarte greu. Si aceasta problema s-a rezolvat cuajutorul interfetei cu date comprimate si detaliate dupa click.
  10. 10. Tendinte  Acum ca am vazut cateva din principalele probleme ce ar puteasa apara, rezolvate, o sa incerc sa aduc in atentie cateva dintre tendinteledesignului de aplicatii web pentru dispozitive mobile. 1. Bold, culorile primare si 2. Texturile de fundal gradientul cu un gloss minim
  11. 11. Tendinte 3. Design curat, minimal cu umbre 4. Design bazat pe textpentru a crea adancime
  12. 12. Bibliografie  Cateva locuri de unde m-am inspirat sunt expuse sub forma delinkuri pe blogul temei (http://moweapde.wordpress.com/).
  13. 13. Intrebari 

×