SlideShare a Scribd company logo
INTERFACE DESIGN
FOR
MOBILE DEVICES
Courtesy:
1. Mobile Design and Development, Brian Fling, O’Reilly Publications
2. Ivano Malavolta, Assistant Professor @ Vrije Universiteit Amsterdam
Topics covered :
1. Brief History of Mobile (Chapter - 1)
2. Mobility Ecosystem (Chapter - 2)
3. Types of Mobile Applications (Chapter - 6)
4. Mobile Information Architecture (Chapter - 7)
5. Mobile Design (Chapter - 8 )
6. Mobile 2.0 (Chapter -10 )
3. Types of Mobile Applications
Based on Media Type
1. SMS Applications
2. Mobile Websites
3. Mobile Web Widgets
4. Mobile Web Application
5. Native Applications
6. Games
Based on Application Context
1. Utility Context
2. Locale Context
3. Informative Context
4. Productivity Context
5. Immersive Full Screen Context
3. Types of Mobile Applications - Media Type
1. SMS Applications
○ Pros
i. They work on any mobile device nearly instantaneously.
ii. They’re useful for sending timely alerts to the user.
iii. They can be incorporated into any web or mobile application.
iv. They can be simple to set up and manage.
○ Cons
i. They’re limited to 160 characters.
ii. They provide a limited text-based experience.
iii. They can be very expensive.
3. Types of Mobile Applications- Media Type
2. Mobile Websites
○ Pros
■ They are easy to create, maintain, and publish.
■ They can use all the same tools and techniques you might
already use for desktop sites.
■ Nearly all mobile devices can view mobile websites.
○ Cons
■ They can be difficult to support across multiple devices.
■ They offer users a limited experience.
■ Most mobile websites are simply desktop content
reformatted for mobile devices.
■ They can load pages slowly, due to network latency.
3. Types of Mobile Applications - Media Type
3. Mobile Web Widgets
○ Pros
■ They are easy to create, using basic HTML, CSS, and
JavaScript knowledge.
■ They can be simple to deploy across multiple handsets.
■ They offer an improved user experience and a richer design,
tapping into device features and offline use.
○ Cons
■ They typically require a compatible widget platform to be
installed on the device.
■ They cannot run in any mobile web browser.
■ They require learning additional proprietary,
non-web-standard techniques.
3. Types of Mobile Applications - Media Type
4. Mobile Web Application
○ Pros
■ They are easy to create, using basic HTML, CSS, and JavaScript
knowledge.
■ They are simple to deploy across multiple handsets.
■ They offer a better user experience and a rich design, tapping into
device features and offline use.
■ Content is accessible on any mobile web browser.
○ Cons
■ The optimal experience might not be available on all handsets.
■ They can be challenging (but not impossible) to support across
multiple devices.
■ They don’t always support native application features, like offline
mode, location lookup, filesystem access, camera, and so on.
3. Types of Mobile Applications - Media Type
5. Native / Platform Applications
○ Pros
■ They offer a best-in-class user experience, offering a rich design and
tapping into device features and offline use.
■ They are relatively simple to develop for a single platform.
■ You can charge for applications.
○ Cons
■ They cannot be easily ported to other mobile platforms.
■ Developing, testing, and supporting multiple device platforms is
incredibly costly.
■ They require certification and distribution from a third party that you
have no control over.
■ They require you to share revenue with the one or more third parties.
3. Types of Mobile Applications - Media Type
6. Games
○ Pros
■ They provide a simple and easy way to create an immersive
experience.
■ They can be ported to multiple devices relatively easily.
○ Cons
■ They can be costly to develop as an original game title.
■ They cannot easily be ported to the mobile web.
3. Types of Mobile Applications - Context
1. Utility Context
○ to give users at-a-glance information, therefore offering
users a minimal design aesthetic,
○ focusing the design around the content in view, and often
using larger type and a sparse layout.
3. Types of Mobile Applications - Context
2. Locale Context
○ As more location information is being published online, and
more devices add GPS to pinpoint the user’s location,
locale is becoming an excellent data point to pivot
information around.
○ For example, I can use location to display the cafés nearest
to my current location.
3. Types of Mobile Applications - Context
3. Informative Context
○ the one and only goal is to provide information,
○ Eg. news site, an online directory, a marketing site, or
even a mobile commerce site,
○ key task of the user is to read and understand and it is not
necessary to interact
○ can be used in multimedia contexts such as desktop and
mobile, for information-heavy applications, and for
marketing or promotional applications.
3. Types of Mobile Applications - Context
4. Productivity Context
○ is used for content and services that are heavily task-based and meant
to increase the users’ sense of efficiency.
○ Assumption : the users are more committed to accomplishing a
particular goal, like managing content such as messages, contacts, or
media,
○ very structured, presenting information in a defined hierarchy and often
using the folder or group metaphor to define a sense of order to the
user.
○ When designing these types of apps, we need to pay careful
consideration to how the user thinks out the task. People have an
uncanny ability to understand and recall complex hierarchies of tasks
3. Types of Mobile Applications - Context
5. Immersive Full Screen Context
○ These applications are meant to consume the user’s
focus, often doing so by filling the entire screen and
leaving no trace of the device user interface to distract the
user.
○ Again, the majority of mobile engagement occurs when
the user has idle periods of time; the immersive context is
typical in most entertainment applications, one of the
most popular mobile content areas.
Types of Mobile Applications

More Related Content

Similar to Types of Mobile Applications

The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategies
Ivano Malavolta
 
6 mobile user interface design bb
6   mobile user interface design bb6   mobile user interface design bb
6 mobile user interface design bb
Shahid Riaz
 
Introduction to mobile site
Introduction to mobile siteIntroduction to mobile site
Introduction to mobile site
Digital Shende
 
Introduction of Mobile applications
Introduction of Mobile applicationsIntroduction of Mobile applications
Introduction of Mobile applications
Akib B. Momin
 
MODULE 1- WEEK 2.pptx
MODULE 1- WEEK 2.pptxMODULE 1- WEEK 2.pptx
MODULE 1- WEEK 2.pptx
FrenzDelaCruz2
 
ICT4D Quick Guide
ICT4D Quick GuideICT4D Quick Guide
ICT4D Quick Guide
Plan Finland
 
Mobile first-edinburgh 030913
Mobile first-edinburgh 030913Mobile first-edinburgh 030913
Mobile first-edinburgh 030913
Precedent
 
Mobiles & usbaility
Mobiles & usbailityMobiles & usbaility
Mobiles & usbaility
Ekta Rohra Jafri
 
L1 Introduction to Information and Communication Technology.pptx
L1 Introduction to Information and Communication Technology.pptxL1 Introduction to Information and Communication Technology.pptx
L1 Introduction to Information and Communication Technology.pptx
sittiepalao
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
BBDO
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
Mike Vdovin
 
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)Hubbard One
 
Mobile Website Optimization
Mobile Website OptimizationMobile Website Optimization
Mobile Website Optimizationhebsyesh
 
Seminar: Putting Mobile First
Seminar: Putting Mobile FirstSeminar: Putting Mobile First
Seminar: Putting Mobile First
Precedent
 
Putting Mobile First
Putting Mobile FirstPutting Mobile First
Putting Mobile First
Precedent
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
JaneMuder
 
Make a Mobile Web Site
Make a Mobile Web SiteMake a Mobile Web Site
Make a Mobile Web Site
Jasmine Sante
 
Going mobile edu web presentation - 2011
Going mobile   edu web presentation - 2011Going mobile   edu web presentation - 2011
Going mobile edu web presentation - 2011Nathan Gerber
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
Brandon Carson
 
The mobile ecosystem
The mobile ecosystemThe mobile ecosystem
The mobile ecosystem
Ivano Malavolta
 

Similar to Types of Mobile Applications (20)

The mobile ecosystem & technological strategies
The mobile ecosystem & technological strategiesThe mobile ecosystem & technological strategies
The mobile ecosystem & technological strategies
 
6 mobile user interface design bb
6   mobile user interface design bb6   mobile user interface design bb
6 mobile user interface design bb
 
Introduction to mobile site
Introduction to mobile siteIntroduction to mobile site
Introduction to mobile site
 
Introduction of Mobile applications
Introduction of Mobile applicationsIntroduction of Mobile applications
Introduction of Mobile applications
 
MODULE 1- WEEK 2.pptx
MODULE 1- WEEK 2.pptxMODULE 1- WEEK 2.pptx
MODULE 1- WEEK 2.pptx
 
ICT4D Quick Guide
ICT4D Quick GuideICT4D Quick Guide
ICT4D Quick Guide
 
Mobile first-edinburgh 030913
Mobile first-edinburgh 030913Mobile first-edinburgh 030913
Mobile first-edinburgh 030913
 
Mobiles & usbaility
Mobiles & usbailityMobiles & usbaility
Mobiles & usbaility
 
L1 Introduction to Information and Communication Technology.pptx
L1 Introduction to Information and Communication Technology.pptxL1 Introduction to Information and Communication Technology.pptx
L1 Introduction to Information and Communication Technology.pptx
 
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your UsersResponsive & Adaptive Design: Delivering Websites That Delight Your Users
Responsive & Adaptive Design: Delivering Websites That Delight Your Users
 
Responsive & Adaprove Design
Responsive & Adaprove DesignResponsive & Adaprove Design
Responsive & Adaprove Design
 
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
 
Mobile Website Optimization
Mobile Website OptimizationMobile Website Optimization
Mobile Website Optimization
 
Seminar: Putting Mobile First
Seminar: Putting Mobile FirstSeminar: Putting Mobile First
Seminar: Putting Mobile First
 
Putting Mobile First
Putting Mobile FirstPutting Mobile First
Putting Mobile First
 
BBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive DesignBBDO Whitepaper—Responsive & Adaptive Design
BBDO Whitepaper—Responsive & Adaptive Design
 
Make a Mobile Web Site
Make a Mobile Web SiteMake a Mobile Web Site
Make a Mobile Web Site
 
Going mobile edu web presentation - 2011
Going mobile   edu web presentation - 2011Going mobile   edu web presentation - 2011
Going mobile edu web presentation - 2011
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
 
The mobile ecosystem
The mobile ecosystemThe mobile ecosystem
The mobile ecosystem
 

More from Lifna C.S

Mobile 2.0
Mobile 2.0Mobile 2.0
Mobile 2.0
Lifna C.S
 
Mobile Design
Mobile DesignMobile Design
Mobile Design
Lifna C.S
 
Arrays in python
Arrays in pythonArrays in python
Arrays in python
Lifna C.S
 
Basic data structures in python
Basic data structures in pythonBasic data structures in python
Basic data structures in python
Lifna C.S
 
Exception handling in python
Exception handling in pythonException handling in python
Exception handling in python
Lifna C.S
 
File and directories in python
File and directories in pythonFile and directories in python
File and directories in python
Lifna C.S
 

More from Lifna C.S (6)

Mobile 2.0
Mobile 2.0Mobile 2.0
Mobile 2.0
 
Mobile Design
Mobile DesignMobile Design
Mobile Design
 
Arrays in python
Arrays in pythonArrays in python
Arrays in python
 
Basic data structures in python
Basic data structures in pythonBasic data structures in python
Basic data structures in python
 
Exception handling in python
Exception handling in pythonException handling in python
Exception handling in python
 
File and directories in python
File and directories in pythonFile and directories in python
File and directories in python
 

Recently uploaded

Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
Dorra BARTAGUIZ
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neo4j
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
SOFTTECHHUB
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
Free Complete Python - A step towards Data Science
Free Complete Python - A step towards Data ScienceFree Complete Python - A step towards Data Science
Free Complete Python - A step towards Data Science
RinaMondal9
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
sonjaschweigert1
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Kari Kakkonen
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Neo4j
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
mikeeftimakis1
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
Aftab Hussain
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Ana-Maria Mihalceanu
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
James Anderson
 

Recently uploaded (20)

Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
Free Complete Python - A step towards Data Science
Free Complete Python - A step towards Data ScienceFree Complete Python - A step towards Data Science
Free Complete Python - A step towards Data Science
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
 

Types of Mobile Applications

  • 1. INTERFACE DESIGN FOR MOBILE DEVICES Courtesy: 1. Mobile Design and Development, Brian Fling, O’Reilly Publications 2. Ivano Malavolta, Assistant Professor @ Vrije Universiteit Amsterdam
  • 2. Topics covered : 1. Brief History of Mobile (Chapter - 1) 2. Mobility Ecosystem (Chapter - 2) 3. Types of Mobile Applications (Chapter - 6) 4. Mobile Information Architecture (Chapter - 7) 5. Mobile Design (Chapter - 8 ) 6. Mobile 2.0 (Chapter -10 )
  • 3. 3. Types of Mobile Applications Based on Media Type 1. SMS Applications 2. Mobile Websites 3. Mobile Web Widgets 4. Mobile Web Application 5. Native Applications 6. Games Based on Application Context 1. Utility Context 2. Locale Context 3. Informative Context 4. Productivity Context 5. Immersive Full Screen Context
  • 4. 3. Types of Mobile Applications - Media Type 1. SMS Applications ○ Pros i. They work on any mobile device nearly instantaneously. ii. They’re useful for sending timely alerts to the user. iii. They can be incorporated into any web or mobile application. iv. They can be simple to set up and manage. ○ Cons i. They’re limited to 160 characters. ii. They provide a limited text-based experience. iii. They can be very expensive.
  • 5. 3. Types of Mobile Applications- Media Type 2. Mobile Websites ○ Pros ■ They are easy to create, maintain, and publish. ■ They can use all the same tools and techniques you might already use for desktop sites. ■ Nearly all mobile devices can view mobile websites. ○ Cons ■ They can be difficult to support across multiple devices. ■ They offer users a limited experience. ■ Most mobile websites are simply desktop content reformatted for mobile devices. ■ They can load pages slowly, due to network latency.
  • 6. 3. Types of Mobile Applications - Media Type 3. Mobile Web Widgets ○ Pros ■ They are easy to create, using basic HTML, CSS, and JavaScript knowledge. ■ They can be simple to deploy across multiple handsets. ■ They offer an improved user experience and a richer design, tapping into device features and offline use. ○ Cons ■ They typically require a compatible widget platform to be installed on the device. ■ They cannot run in any mobile web browser. ■ They require learning additional proprietary, non-web-standard techniques.
  • 7. 3. Types of Mobile Applications - Media Type 4. Mobile Web Application ○ Pros ■ They are easy to create, using basic HTML, CSS, and JavaScript knowledge. ■ They are simple to deploy across multiple handsets. ■ They offer a better user experience and a rich design, tapping into device features and offline use. ■ Content is accessible on any mobile web browser. ○ Cons ■ The optimal experience might not be available on all handsets. ■ They can be challenging (but not impossible) to support across multiple devices. ■ They don’t always support native application features, like offline mode, location lookup, filesystem access, camera, and so on.
  • 8. 3. Types of Mobile Applications - Media Type 5. Native / Platform Applications ○ Pros ■ They offer a best-in-class user experience, offering a rich design and tapping into device features and offline use. ■ They are relatively simple to develop for a single platform. ■ You can charge for applications. ○ Cons ■ They cannot be easily ported to other mobile platforms. ■ Developing, testing, and supporting multiple device platforms is incredibly costly. ■ They require certification and distribution from a third party that you have no control over. ■ They require you to share revenue with the one or more third parties.
  • 9. 3. Types of Mobile Applications - Media Type 6. Games ○ Pros ■ They provide a simple and easy way to create an immersive experience. ■ They can be ported to multiple devices relatively easily. ○ Cons ■ They can be costly to develop as an original game title. ■ They cannot easily be ported to the mobile web.
  • 10.
  • 11. 3. Types of Mobile Applications - Context 1. Utility Context ○ to give users at-a-glance information, therefore offering users a minimal design aesthetic, ○ focusing the design around the content in view, and often using larger type and a sparse layout.
  • 12. 3. Types of Mobile Applications - Context 2. Locale Context ○ As more location information is being published online, and more devices add GPS to pinpoint the user’s location, locale is becoming an excellent data point to pivot information around. ○ For example, I can use location to display the cafés nearest to my current location.
  • 13. 3. Types of Mobile Applications - Context 3. Informative Context ○ the one and only goal is to provide information, ○ Eg. news site, an online directory, a marketing site, or even a mobile commerce site, ○ key task of the user is to read and understand and it is not necessary to interact ○ can be used in multimedia contexts such as desktop and mobile, for information-heavy applications, and for marketing or promotional applications.
  • 14. 3. Types of Mobile Applications - Context 4. Productivity Context ○ is used for content and services that are heavily task-based and meant to increase the users’ sense of efficiency. ○ Assumption : the users are more committed to accomplishing a particular goal, like managing content such as messages, contacts, or media, ○ very structured, presenting information in a defined hierarchy and often using the folder or group metaphor to define a sense of order to the user. ○ When designing these types of apps, we need to pay careful consideration to how the user thinks out the task. People have an uncanny ability to understand and recall complex hierarchies of tasks
  • 15. 3. Types of Mobile Applications - Context 5. Immersive Full Screen Context ○ These applications are meant to consume the user’s focus, often doing so by filling the entire screen and leaving no trace of the device user interface to distract the user. ○ Again, the majority of mobile engagement occurs when the user has idle periods of time; the immersive context is typical in most entertainment applications, one of the most popular mobile content areas.