Mobile Interactions

739 views

Published on

Apresentação de suporte às aulas da unidade curricular de Sistemas de Informação Multimédia da Licenciatura em Engenharia Informática da Universidade Lusófona do Porto

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

  • Be the first to like this

No Downloads
Views
Total views
739
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile Interactions

  1. 1. Multimedia Information SystemsMobile interactions
  2. 2. David Lamas, ULP, 2010Part 1Context
  3. 3. David Lamas, ULP, 2010Common sense The best camera is the one you have with you when something interesting happens
  4. 4. David Lamas, ULP, 2010Jakob Nielsen The best computer is the one you have with you when you want something done. This will often be your phone or tablet
  5. 5. David Lamas, ULP, 2010Mobile devices Mobile devices have become pervasive Most people carry one, have them turned on almost continuously and use them in different contexts
  6. 6. David Lamas, ULP, 2010Mobile devices
  7. 7. David Lamas, ULP, 2010Mobile devices
  8. 8. David Lamas, ULP, 2010Mobile devices
  9. 9. David Lamas, ULP, 2010Mobile devices The design is dominated by the screen Multi-touch based interactions The device becomes the content Always on, always connected
  10. 10. David Lamas, ULP, 2010Mobile devices Attend to… Informational needs Geographical needs Personal information management needs
  11. 11. David Lamas, ULP, 2010Mobile devices Informational needs are focused on the goal of obtaining information about a topic “Is the Arsenal game on TV tonight?”
  12. 12. David Lamas, ULP, 2010Mobile devices Geographical needs are focused on the goal of finding an answer to a question The expected answer is dependent on location in some form “Nearest Pennies or Dunnes Stores” “Where do I get coffee?” “Direction from Belfast to Randaldstown”
  13. 13. David Lamas, ULP, 2010Mobile devices Personal information management needs are focused on finding out something private relating to the individual Personal information management needs encompass personal items, friend requests, scheduling tasks and to- do list items “What are my airline loyalty pin codes?”
  14. 14. David Lamas, ULP, 2010Mobile devices The mobile phone and other personal mobile devices have gained a new role A gateway to data and applications which are stored on the network
  15. 15. David Lamas, ULP, 2010Part 2Interaction design
  16. 16. David Lamas, ULP, 2010Interaction design
  17. 17. David Lamas, ULP, 2010Interaction design
  18. 18. David Lamas, ULP, 2010Interaction design
  19. 19. David Lamas, ULP, 2010Interaction design So, what to consider when designing mobile applications?
  20. 20. David Lamas, ULP, 2010Interaction design Native, web application or both? Native applications Provide a richer experience Integrate with various operating system features Need to be approved in the App Store Web applications Can be used on a multitude of platforms Don’t need to be approved in the App Store Functionality is limited, because they only work in the browser
  21. 21. David Lamas, ULP, 2010Interaction design What features of the mobile device does your application need to use? Does it need to work offline? How are people going to use your app? How much will it cost? Do you need to support various screen sizes?
  22. 22. David Lamas, ULP, 2010Interaction design In any case… Following UI conventions Human interface guidelines Dont break existing patterns Design for touch interaction
  23. 23. David Lamas, ULP, 2010Part 3Developing a concept
  24. 24. David Lamas, ULP, 2010Developing a concept The application concept What does your application do? Who is your target audience? How will people use your application? How much will the application cost?
  25. 25. David Lamas, ULP, 2010Developing a concept And how do we describe a concept? Using a concept map! But, what is a concept map? A diagram showing relationships between concepts Represents relationships between ideas Makes it easier to communicate ideas in teams Surfaces strengths and weaknesses of ideas Basically, just boxes and arrows
  26. 26. David Lamas, ULP, 2010Developing a concept
  27. 27. David Lamas, ULP, 2010Developing a concept And how do we build a concept map? Identify a focus question Identify 10 to 20 concepts that are related to the focus question Begin to build your map by placing the most inclusive, most general concept(s) at the top Select two, three, or four sub-concepts to place under each general concept Connect the concepts by arrows Label the lines with or a few linking words Look for crosslinks between concepts in different sections of the map and label these connections
  28. 28. David Lamas, ULP, 2010Part 4iRadio,
  29. 29. David Lamas, ULP, 2010iRadio An application to find frequencies of favorite radio stations on the go
  30. 30. David Lamas, ULP, 2010
  31. 31. David Lamas, ULP, 2010
  32. 32. David Lamas, ULP, 2010
  33. 33. David Lamas, ULP, 2010
  34. 34. David Lamas, ULP, 2010

×