mobile media & urban spaces...mobile media & urban spaces | mobile guidelines 64 ios vs....
TRANSCRIPT
![Page 1: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/1.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Mobile Media& Urban Spaces
04. Mobile GuidelinesSS2013Joatan Preis Dutra Faculty of MediaChair of Interface [email protected]://www.uni-weimar.de/medien/wiki/IFD:Mobile_Media_and_Urban_Spaces_WS13
WeimarBauhaus-Universität
![Page 2: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/2.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Summary
- 3- 11- 27- 66- 71- 83- 101
1. Platforms2. Guidelines
3. iOS & Android Comparison4. Mockup
5. Overview6. 2nd Assignment
7. References
![Page 3: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/3.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Platforms
![Page 4: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/4.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Platforms & Options
4
Native WebHybrid
![Page 5: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/5.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Platforms & Options
5
Source: http://wiki.developerforce.com/page/Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_Application_Development_Options
![Page 6: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/6.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Platforms & Options
6
Native HTML5 Hybrid
App Features
Graphics Native APIs HTML, Canvas, SVG HTML, Canvas, SVG
Performance Fast Slow Slow
Native look and feel Native Emulated Emulated
Distribution Appstore Web Appstore
Device Access
Camera Yes No Yes
Notifications Yes No Yes
Contacts, calendar Yes No Yes
Offline storage Secure file storage Shared SQLSecure file system, shared SQL
Geolocation Yes Yes Yes
Gestures
Swipe Yes Yes Yes
Pinch, spread Yes No Yes
Connectivity Online and offline Mostly online Online and offline
Development skills ObjectiveC, Java HTML5, CSS, Javascript HTML5, CSS, Javascript
Source: http://wiki.developerforce.com/page/Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_Application_Development_Options
![Page 7: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/7.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android
7
Source: http://www.nielsen.com/us/en/newswire/2012/nielsen-tops-of-2012-digital.html
![Page 8: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/8.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android (December 2010 – September 2012)
8
Smartphone OS market in Germany (Schmidt, 2012)
![Page 9: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/9.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android (September 2012 – April 2013)
9
(“Kantar: Windows Phone-Wachstum geht weiter - mobile-studien.de,” n.d.)
![Page 10: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/10.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android
10
Two most popular mobile platforms
![Page 11: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/11.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Guidelines Official Resources
![Page 12: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/12.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Guidelines
12
![Page 13: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/13.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Official Design Guidelines: iOS
13
iOS 7 Human Interface Guidelines https://developer.apple.com/library/ios/documentation/userexperience
/conceptual/mobilehig/
![Page 14: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/14.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Official Design Guidelines: iOS
14
Design | Android Developers http://developer.android.com/design/index.html
![Page 15: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/15.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Official Design Guidelines: Windows
15
Windows Phone Dev Center http://developer.windowsphone.com/en-us/design
![Page 16: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/16.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android: Design Guidelines
16
Retrieved and Modified from: (McKibben, n.d.), originally published in 10th May 2013.
![Page 17: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/17.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android: Design Guidelines
17
- Retrieved and Modified from: (McKibben, n.d.)
![Page 18: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/18.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android: Design Guidelines
18
- Retrieved and Modified from: (McKibben, n.d.)
![Page 19: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/19.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android: Design Guidelines
19
- Retrieved and Modified from: (McKibben, n.d.)
![Page 20: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/20.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android: Design Guidelines
20
- Retrieved and Modified from: (McKibben, n.d.)
![Page 21: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/21.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android: Design Guidelines
21
- Retrieved and Modified from: (McKibben, n.d.)
![Page 22: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/22.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android: Design Guidelines
22
- Retrieved and Modified from: (McKibben, n.d.)
![Page 23: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/23.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android: Design Guidelines
23
- Retrieved and Modified from: (McKibben, n.d.)
![Page 24: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/24.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android: Design Guidelines
24
- Retrieved and Modified from: (McKibben, n.d.)
* for iOS 6
![Page 25: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/25.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android: Design Guidelines
25
- Retrieved and Modified from: (McKibben, n.d.)
![Page 26: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/26.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS & Android: Design Guidelines
26
- Retrieved and Modified from: (McKibben, n.d.)
![Page 27: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/27.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
iOS &AndroidComparison
Differences and Similarities
![Page 28: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/28.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 28
iOS & Android: Differences
![Page 29: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/29.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Top 10 Most Used Smartphone Apps
29
Image retrieved and modified from: (“The 10 Most Frequently Used Smartphone Apps,” n.d.)
![Page 30: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/30.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 30
iOS & Android: Examples & Differences
Examples retrieved at 20th November 2013, using:
iPhone 5c
iOS 7.0.4
640 × 1136 pixels
4"
Samsung Galaxy S3
Android 4.1.2
720 x 1280 pixels
4.8"
![Page 31: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/31.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 31
iOS vs. Android - Differences
![Page 32: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/32.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 32
iOS vs. Android - Differences
![Page 33: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/33.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 33
iOS vs. Android - Differences
![Page 34: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/34.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 34
iOS vs. Android - Differences
![Page 35: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/35.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 35
iOS vs. Android - Differences
![Page 36: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/36.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 36
iOS vs. Android - Differences
![Page 37: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/37.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 37
iOS vs. Android - Differences
![Page 38: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/38.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 38
iOS vs. Android - Differences
![Page 39: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/39.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 39
iOS vs. Android - Differences
![Page 40: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/40.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 40
iOS vs. Android - Differences
![Page 41: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/41.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 41
iOS vs. Android - Differences
![Page 42: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/42.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 42
iOS vs. Android - Differences
![Page 43: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/43.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 43
iOS vs. Android - Differences
![Page 44: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/44.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 44
iOS vs. Android - Differences
![Page 45: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/45.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 45
iOS vs. Android - Differences
![Page 46: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/46.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 46
iOS vs. Android - Differences
![Page 47: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/47.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 47
iOS vs. Android - Differences
![Page 48: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/48.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 48
iOS vs. Android - Differences
![Page 49: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/49.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 49
iOS vs. Android - Differences
![Page 50: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/50.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 50
iOS vs. Android - Differences
![Page 51: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/51.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 51
iOS vs. Android - Differences
![Page 52: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/52.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 52
iOS vs. Android - Differences
![Page 53: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/53.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 53
iOS vs. Android - Differences
![Page 54: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/54.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 54
iOS vs. Android - Differences
![Page 55: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/55.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 55
iOS vs. Android - Differences
![Page 56: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/56.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 56
iOS vs. Android - Differences
![Page 57: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/57.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 57
iOS vs. Android - Differences
![Page 58: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/58.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 58
iOS vs. Android - Differences
![Page 59: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/59.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 59
iOS vs. Android - Differences
![Page 60: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/60.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 60
iOS vs. Android - Differences
![Page 61: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/61.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 61
iOS vs. Android - Differences
![Page 62: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/62.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 62
iOS vs. Android - Differences
![Page 63: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/63.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 63
iOS vs. Android - Differences
![Page 64: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/64.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 64
iOS vs. Android - Differences
More examples available at Johnson, J. (2013, January 11). Android vs. iPhone - Differences in UI Patterns and Design. Retrieved May 21, 2013, fromhttp://www.slideshare.net/jeremy/android-vs-iphone-differences-in-ui-patterns-and-design
Endnote
NPR News
Spotify
PinterestAmazon
Yelp!
Foursquare
Expedia
etc
Examples using
HTC One V (Android - 480 × 800 pixels)
iPhone 5 (iOS 6.1.4 – 640 x 1136 pixels)
![Page 65: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/65.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 65
iOS & Android
Which one is better?
It is just a matter of taste
![Page 66: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/66.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Mockup How to do
![Page 67: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/67.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Mockups
67
Online Tools
Photoshop Templates
Vector Templates
![Page 68: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/68.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Mockup
68
Online Tool: fluid https://www.fluidui.com/
![Page 69: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/69.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Mockup
69
Desktop Tool: pencil http://pencil.evolus.vn/
![Page 70: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/70.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Mockup
70
iOS 7 Template
http://bit.ly/19hIole
Android Template
http://bit.ly/12NjzN6
![Page 71: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/71.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Overview Tips & Guidelines
![Page 72: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/72.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Overview
72
General Tips
![Page 73: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/73.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Prototype Presentation: Tips
73
UI Design Guidelines for Handheld Devices (Stone & Open University, 2005, p. 384) (adapted from Weiss, 2002, pp. 66–70)
“Select” versus “Type”Text entry on a small device can be difficult. Where possible, and where it is appropriate to the application, the user should be offered a selection option rather than be made to enter text. Finding the best solution will require both thought and user testing.
![Page 74: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/74.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Prototype Presentation: Tips
74
UI Design Guidelines for Handheld Devices (Stone & Open University, 2005, p. 384) (adapted from Weiss, 2002, pp. 66–70)
Be consistentEnsure that the same terminology is used within an application and that the same terminology is used between handheld applications. In the absence of guidelines, try to borrow ideas from applications that have been well designed and have a high degree of usability.
![Page 75: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/75.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Prototype Presentation: Tips
75
UI Design Guidelines for Handheld Devices (Stone & Open University, 2005, p. 384) (adapted from Weiss, 2002, pp. 66–70)
Consistency between platformsWhile the same terminology can be used between handheld applications, you will need to think carefully when adapting an application from a desktop to a handheld device. It is not necessarily the case that terminology that works for a desktop will work for the smaller screened handheld device.
![Page 76: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/76.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Prototype Presentation: Tips
76
UI Design Guidelines for Handheld Devices (Stone & Open University, 2005, p. 384) (adapted from Weiss, 2002, pp. 66–70)
Design stabilityIn the event of, say, a connectivity failure, the system should allow the user to pick up from where he or she left off when the connection is restored. For example, if the user is completing some sort of form and a wireless connection goes down, the data in the fields from previously should not be lost and have to be reentered.
![Page 77: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/77.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Prototype Presentation: Tips
77
UI Design Guidelines for Handheld Devices (Stone & Open University, 2005, p. 384) (adapted from Weiss, 2002, pp. 66–70)
Provide feedbackThe system should support the user with feedback regarding what the application is doing. Feedback in relation to, say, the use of an application or navigation within it could be provided via an assigned information key.
![Page 78: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/78.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Prototype Presentation: Tips
78
UI Design Guidelines for Handheld Devices (Stone & Open University, 2005, p. 384) (adapted from Weiss, 2002, pp. 66–70)
ForgivenessThe UI should be tolerant of user errors and provide an Undo function by, where feasible, a specially designated Back key.
![Page 79: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/79.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Prototype Presentation: Tips
79
UI Design Guidelines for Handheld Devices (Stone & Open University, 2005, p. 384) (adapted from Weiss, 2002, pp. 66–70)
Use metaphorsReal-world metaphors in line with the size of the display should be used. For example, while a desktop metaphor would be inappropriate for a cell phone, the use of an address book for storing telephone numbers would be okay.
![Page 80: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/80.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Prototype Presentation: Tips
80
UI Design Guidelines for Handheld Devices (Stone & Open University, 2005, p. 385) (adapted from Weiss, 2002, pp. 66–70)
Clickable graphics should look clickableIf a graphic is clickable, then it should have defined borders and the graphic should have high contrast with the background color. Conversely, graphics that are static should not appear to be clickable.
![Page 81: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/81.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Prototype Presentation: Tips
81
UI Design Guidelines for Handheld Devices (Stone & Open University, 2005, p. 385) (adapted from Weiss, 2002, pp. 66–70)
Use icons to clarify conceptsIcons should be meaningful and representative of the concepts they are meant to convey.
![Page 82: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/82.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Prototype Presentation: Tips
82
Most Important:
Image retrieved and modified from http://estudioimg.files.wordpress.com/2012/05/two-sides-of-brain.png
Be CREATIVE andLOGICAL
and try something NEW!
![Page 83: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/83.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
2nd
Presentation What should be done
![Page 84: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/84.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
2nd Presentation (19.12.2013)
Meeting presentation (draft)+ - 8 minutes
84
![Page 85: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/85.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
2nd Presentation (19.12.2013)
Meeting presentation (draft)
For this moment, it is just needed the app ideawith navigation and content structure;
The main point is to present your idea, followed by discussion before doing the final version.
85
![Page 86: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/86.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
For the first/draft version, should be explored the app idea and structure, in order to receive the feedback and possible adjustments suggestions for the final version.
86
2nd Presentation (19.12.2013)
Meeting presentation (draft)
![Page 87: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/87.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
For the first/draft version, should be explored the app idea and structure, in order to receive the feedback and possible adjustments suggestions for the final version.
87
2nd Presentation (19.12.2013)
Meeting presentation (draft)
![Page 88: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/88.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 88
2nd Presentation (19.12.2013)
Meeting presentation (draft)
The conceptual prototype, developed for mobiledevices, should use collaborative/participatory activities, applied for cultural purposes.
This prototype must be developed using the weimarpedia.de content.
![Page 89: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/89.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
The Weimarpedia.de project contains:
Karte: Map
Lexikon: Encyclopedia Galerie: Gallery from students
Materialen: Materials for teachers
More references at class #02 Mobile Media & Urban Spaces – Cultural Heritagehttp://www.uni-weimar.de/medien/wiki/images/IFD_mobile-media_urban-spaces_02_cultural-heritage.pdf
89
2nd Presentation (19.12.2013)
Meeting presentation (draft)
![Page 90: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/90.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 90
Each student will have around
8 minutes
2nd Presentation (19.12.2013)
Meeting presentation (draft)
Choose your time slot at:http://www.uni-weimar.de/medien/wiki/IFD:Mobile_Media_and_Urban_Spaces_WS13/presentations#Draft_Meeting_-_19.12.2013
![Page 91: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/91.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 91
2nd Presentation – FINAL VERSION
![Page 92: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/92.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Every student will use their own computer
No need to deliver the presentation before, butit must be on our wiki page no longer than 24 hours after the presentation.
92
2nd Presentation (January 2014)
Final Version
![Page 93: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/93.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 93
2nd Presentation (January 2014)
Final Version
Keep in mind that the Weimarpedia.de content deals with:
Geo-Location (Map)
Cultural Information (Encyclopedia)
Collaboration (Students can upload content)
![Page 94: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/94.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 94
2nd Presentation (January 2014)
Final Version
It is possible to use any kind of existing technologies, but you should show how it would work, with mockups and screens illustrations.
![Page 95: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/95.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 95
2nd Presentation (January 2014)
Final Version
Be aware also for official guidelines of the chosen platform
![Page 96: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/96.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Questions you should think about:
What is the main purpose of your app
“Where is the beef?” = What is new about it?
Why people would use it?
How the users will collaborate with it?
Will it enhance the knowledge about Weimar and its Cultural Heritage sites?
96
2nd Presentation (January 2014)
Final Version
![Page 97: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/97.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines 97
2nd Presentation (January 2014)
Final Version
Each student will have
25 minutes
![Page 98: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/98.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
At the 20th Minute, it will be shown a Green card.
Here the time is fine – it is just a reminder that there is still one minute to go.
98
2nd Presentation (January 2014)
Final Version
![Page 99: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/99.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
At the 23th Minute, it will be shown a Yellow card.
Here the time is over – and the student should hurry to finish the presentation.
99
2nd Presentation (January 2014)
Final Version
![Page 100: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/100.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
At the 25th Minute, it will be shown a Red card.
Here the presentation will be interrupted.
100
2nd Presentation (January 2014)
Final Version
![Page 101: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/101.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
References References for further readings
![Page 102: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/102.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
References
Apple - iPhone 5 - Loving it is easy. That’s why so many people do. (n.d.). Retrieved May 22, 2013, from http://www.apple.com/iphone/
Design | Android Developers. (n.d.). Retrieved May 22, 2013, from http://developer.android.com/design/index.html
HTC One V Overview - HTC Smartphones. (n.d.). Retrieved May 22, 2013, from http://www.htc.com/www/smartphones/htc-one-v/
iOS Human Interface Guidelines: Designing for iOS 7. (n.d.). Retrieved November 30, 2013, from https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html
Johnson, J. (2013, January 11). Android vs. iPhone - Differences in UI Patterns and Design. Retrieved May 21, 2013, from http://www.slideshare.net/jeremy/android-vs-iphone-differences-in-ui-patterns-and-design
Kantar: Windows Phone-Wachstum geht weiter - mobile-studien.de. (n.d.). Retrieved November 30, 2013, from http://mobile-studien.de/2013/06/kantar-windows-phone-wachstum-geht-weiter/
McKibben, J. (n.d.). iOS and Android Design Guidelines Cheat Sheet | Kinvey Backend as a Service Blog. Retrieved May 22, 2013, from http://www.kinvey.com/blog/2765/ios-and-android-design-guidelines-cheat-sheet
102
![Page 103: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/103.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
References
Native, HTML5, or Hybrid: Understanding Your Mobile Application Development Options - developer.force.com. (n.d.). Retrieved December 3, 2013, from http://wiki.developerforce.com/page/Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_Application_Development_Options
Newswire | Nielsen Tops of 2012: Digital | Nielsen. (n.d.). Retrieved May 22, 2013, from http://www.nielsen.com/us/en/newswire/2012/nielsen-tops-of-2012-digital.html
Schmidt, H. (2012, November). Google-System Android knackt 50-Prozent-Marke in Deutschland. Focus. Retrieved from http://www.focus.de/digital/internet/netzoekonomie-blog/smartphones-google-system-android-knackt-50-prozent-marke-in-deutschland_aid_852168.html
Stone, D. L., & Open University. (2005). User interface design and evaluation. Amsterdam; Boston, Mass.: Elsevier : Morgan Kaufmann.
The 10 Most Frequently Used Smartphone Apps. (n.d.). Retrieved November 29, 2013, from http://mashable.com/2013/08/05/most-used-smartphone-apps/
Windows Phone Dev Center. (n.d.). Retrieved May 22, 2013, from http://developer.windowsphone.com/en-us/design/
103
![Page 104: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/104.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Thank You!
![Page 105: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/105.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
Mobile Media& Urban Spaces
04. Mobile Guidelines
http://www.uni-weimar.de/medien/wiki/IFD:Collaborative_Mobile_Media_SS13
Bauhaus-UniversitätWeimar
![Page 106: Mobile Media & Urban Spaces...Mobile Media & Urban Spaces | Mobile Guidelines 64 iOS vs. Android - Differences More examples available at Johnson, J. (2013, January 11). Android vs](https://reader036.vdocuments.net/reader036/viewer/2022070721/5ee14542ad6a402d666c35dc/html5/thumbnails/106.jpg)
Mobile Media & Urban Spaces | Mobile Guidelines
http://tiny.cc/mobilemedia2013
http://www.uni-weimar.de/medien/wiki/IFD:Collaborative_Mobile_Media_SS13