Design for mobile

276 views

Published on

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

  • Be the first to like this

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

No notes for slide

Design for mobile

  1. 1. Design of Mobile Web Apps
  2. 2. “ Always remember the 80/20 law : 80% of your desktop site will not be useful to mobile users. Therefore, you need to research the 20% you should be focusing on.” Maximiliano Firtman
  3. 3. Mobilizing, not Minimizing
  4. 4. Mobilizing, not Minimizing <ul>Minimizing – afişarea aceluiaşi conţinut la o rezoluţie mai mică Mobilizing – simplificarea conţinutului astfel încât să permită accesul cât mai rapid al utilizatorului la informaţia căutată </ul>
  5. 5. Mobilizing <ul><li>identificarea celor mai des folosite use-case-uri
  6. 6. fiecare use-case să fie realizat cu succes în cel mult 3 paşi (3 clicks)
  7. 7. oferiţi un link către varianta desktop a paginii
  8. 8. maxim trei secţiuni principale </li></ul>
  9. 9. Layout
  10. 10. List-Based Layout
  11. 11. List-Based Layout
  12. 12. Navigation Layout: touch and scroll
  13. 13. Design and Usability Best Practices

×