SlideShare a Scribd company logo
INTERFACE DESIGN
FOR
MOBILE DEVICES
Courtesy:
1. Mobile Design and Development, Brian Fling, O’Reilly Publications
2. Mobile 2.0 - Wikipedia
Recap - Seven Principles of Web 2.0
1. The Web as a platform - “write once, deploy everywhere,” moving
away from the costly native applications deployed over multiple
frameworks and networks.
2. Harnessing collective intelligence - WURFL—an open source
repository of device profiles provided by the community—is exactly
what mobile needs more of.
3. Data is the next Intel inside - It include the data we seek, the data
we create, and the data about or around our physical locations.
4. End of the software release cycle - Shorter agile cycles are needed
to make mobile development work as a business. Releasing for one
device, iterating, improving, and then releasing for another is a great
way to ensure profitability in mobile.
Recap - Seven Principles of Web 2.0
5. Lightweight programming models - decreasing the programming
overhead required means more innovation occurs faster.
6. Software above the level of a single device - We need to approach
new software as though the user will demand it work in multiple
contexts, from mobile phones to portable gaming consoles and
e-book readers.
7. Rich user experiences - helps people spend less time with the
software and more time living their lives. Mobile design is about
enabling users to live their lives better.
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 )
6. Mobile 2.0 (from Wikipedia)
● Refers to a perceived next generation of mobile internet services
that leverage the social web, or what some call Web 2.0.
● Mobile Web 2.0, with an emphasis on Web, refers to bringing Web 2.0
services to the mobile internet, i.e., accessing aspects of Web 2.0
sites from mobile internet browsers.
● Refers to services that integrate the social web with the core
aspects of mobility – personal, localized, always-on and
ever-present.
6. Mobile 2.0 - Enablers of Mobile 2.0
● Ubiquitous Mobile Broadband Access
● Affordable, unrestricted access to enabling software
platforms, tools and technologies
● Open access, with frictionless distribution and
monetization
Courtesy : Wikipedia
6. Mobile 2.0 - Characteristics of Mobile 2.0
● The social web meets mobility
● Extensive use of User-Generated Content, so that the site
is owned by its contributors
● Leveraging services on the web via mashups
● Fully leveraging the mobile device, the mobile context, and
delivering a rich mobile user experience
● Personal, Local, Always-on, Ever-present
Courtesy : Wikipedia
6. Mobile 2.0 Characteristics (from Brian Fling)
1. The Convergence of the Web and Mobile
2. The Mobile Web Browser As the Next Killer App
3. Mobile Web Applications Are the Future
4. JavaScript Is the Next Frontier
5. The Mobile User Experience Is Awful
6. Mobile Widgets Are the Next Big Thing
7. Mobile Needs to Check Its Ego
8. We Are Creators, Not Consumers
6. Mobile 2.0 Characteristics (from Brian Fling)
● The Convergence of the Web and Mobile
○ integrating web services into the mobile medium is the
future of mobile development.
○ When the iPhone exploded onto the scene, it increased the
usage of the mobile web by its users to levels never seen
before. New mobile web apps were created just for the
iPhone doubled the number of mobile websites in a year.
○ Mobile 2.0 tells us that mobile will be the primary context in
which we leverage the Web in the future.
6. Mobile 2.0 Characteristics (from Brian Fling)
● The Mobile Web Browser As the Next Killer App
○ As the future of mobile is the Web, then it only makes sense
that the mobile web browser is the next killer app of mobile.
○ The biggest challenge in mobile → device fragmentation.
The mobile browser enables us to penetrate the problem by
not having our content locked so specifically to the
device abilities, screen size, and form factor.
○ All new devices are judged by the quality of their mobile
web browser. Operators know it and therefore are demanding
better browsers from device makers and browser makers.
6. Mobile 2.0 Characteristics (from Brian Fling)
● Mobile Web Applications Are the Future
○ Creating mobile web applications instead of mobile software
applications has remained an area of significant motivation
and interest.
○ Mobile web apps enable you to make sure that you never
ship a broken app, or if yourapp breaks in the future due to a
new device, to be able to fix it the same day the device hits the
street.
○ Mobile software has two fundamental problems that mobile
web applications solve : (1) Forcing users through a single
marketplace and (2) Ability to update your application.
6. Mobile 2.0 Characteristics (from Brian Fling)
● JavaScript Is the Next Frontier
○ mobile web browser that supports Ajax, or,
XMLHttpRequest. It makes a lot of those cool interactions
in web browser work via the capability to load content
asynchronously into browser view.
○ In order for mobile web apps to rival native applications,
one needs the support some JavaScript.
○
6. Mobile 2.0 Characteristics (from Brian Fling)
● JavaScript Is the Next Frontier
○ Rich interactions kill battery life
■ JavaScript consumes more processor power and
therefore more battery life.
■ Ajax apps fetch more data from the network,
meaning more use of the radio and more battery life.
○ Apple and the open source WebKit browser have made
huge strides by releasing a JavaScript engine that is
incredibly efficient on mobile devices,
6. Mobile 2.0 Characteristics (from Brian Fling)
● The Mobile User Experience Is Awful
○ People in mobile treat the user experience like a
chicken-and-egg scenario: bad input/output of the user
experience prevents adoption, but designing a shiny user
experience with bells and whistles will bring them in droves
○ Device APIs usually force you to use their models of
user experience, meaning that you have to work in the
constraints of the API.
○ Needed a consistent user experience across multiple
mediums.
6. Mobile 2.0 Characteristics (from Brian Fling)
● Mobile Widgets Are the Next Big Thing
○ The challenges with the mobile web is to create a series of
“small webs” targeted at a specific user or task.
○ Carrier Is the New “C” Word - It is clear that one of the
key drivers of Mobile 2.0
○ Focus on the mobile web is to find a way to build a
business that doesn’t rely on carrier control.
6. Mobile 2.0 Characteristics (from Brian Fling)
● Mobile Needs to Check Its Ego
○ Mobile community and Web community → treated each
other like rivals.
■ Mobile side - have incredibly intelligent people who
have been innovating amazing products under insane
constraints for years.
■ Web side - Have creative amateurs who have helped
build a community and ecosystem out of passion and an
openness to share information
6. Mobile 2.0 Characteristics (from Brian Fling)
● Mobile Needs to Check Its Ego
○ Unless the mobile community comes together with the
web community by sharing information, experience,
and guidance, one day they will find that their experience
has become obsolete
○ one principle of Web 2.0 that the mobile community has
left out: harnessing collective intelligence.
6. Mobile 2.0 Characteristics (from Brian Fling)
● We Are Creators, Not Consumers
○ Mobile 2.0 is in the new age of consumerism.
○ The people of today’s market don’t view themselves as
consumers, but rather as creators.
○ Democratization of the Web took many forms that some
call “social media,” like blogging, social networks, media
sharing, microblogging, and lifestreams.
○ Entire markets have been created to provide today’s
consumer with gadgets, software, and web services to
record and publish content so that we can share it with our
friends and loved ones.
6. Mobile 2.0 Characteristics (from Brian Fling)
● We Are Creators, Not Consumers
○ The center of revolution in publishing is the mobile
device.
○ As networked portable devices become more powerful,
allowing us to capture, record, and share content in the
moment, we are able to add a new kind of context to
content.
○ With Mobile 2.0, the personal relevance of the content
matches how personal the device is and how personally it
applies to our everyday situations or our context.

More Related Content

What's hot

HCI 3e - Ch 15: Task analysis
HCI 3e - Ch 15:  Task analysisHCI 3e - Ch 15:  Task analysis
HCI 3e - Ch 15: Task analysis
Alan Dix
 
evaluation techniques in HCI
evaluation techniques in HCIevaluation techniques in HCI
evaluation techniques in HCI
sawsan slii
 
Models of Interaction
Models of InteractionModels of Interaction
Models of InteractionjbellWCT
 
Wimp interface
Wimp interfaceWimp interface
Wimp interface
Abrish06
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3
Alan Dix
 
Human Memory
Human MemoryHuman Memory
Human Memory
Nimo Gill
 
Human computer interaction -Input output channel with Scenario
Human computer interaction -Input output channel with ScenarioHuman computer interaction -Input output channel with Scenario
Human computer interaction -Input output channel with Scenario
N.Jagadish Kumar
 
Mobile Design
Mobile DesignMobile Design
Mobile Design
Lifna C.S
 
HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basics
Alan Dix
 
Socio organizational issues ppt
Socio organizational issues pptSocio organizational issues ppt
Socio organizational issues ppt
tamizh arthanari
 
Human computer interaction -Design and software process
Human computer interaction -Design and software processHuman computer interaction -Design and software process
Human computer interaction -Design and software process
N.Jagadish Kumar
 
Underlying principles of parallel and distributed computing
Underlying principles of parallel and distributed computingUnderlying principles of parallel and distributed computing
Underlying principles of parallel and distributed computing
GOVERNMENT COLLEGE OF ENGINEERING,TIRUNELVELI
 
Human Computer Interaction Introduction
Human Computer Interaction IntroductionHuman Computer Interaction Introduction
Human Computer Interaction Introduction
N.Jagadish Kumar
 
HCI 3e - Ch 17: Models of the system
HCI 3e - Ch 17:  Models of the systemHCI 3e - Ch 17:  Models of the system
HCI 3e - Ch 17: Models of the system
Alan Dix
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
Preeti Mishra
 
Human computer interaction-Memory, Reasoning and Problem solving
Human computer interaction-Memory, Reasoning and Problem solvingHuman computer interaction-Memory, Reasoning and Problem solving
Human computer interaction-Memory, Reasoning and Problem solving
N.Jagadish Kumar
 
HCI 3e - Ch 4 (extra):
HCI 3e - Ch 4 (extra):HCI 3e - Ch 4 (extra):
HCI 3e - Ch 4 (extra):
Alan Dix
 

What's hot (20)

HCI 3e - Ch 15: Task analysis
HCI 3e - Ch 15:  Task analysisHCI 3e - Ch 15:  Task analysis
HCI 3e - Ch 15: Task analysis
 
Mobile hci
Mobile hciMobile hci
Mobile hci
 
evaluation techniques in HCI
evaluation techniques in HCIevaluation techniques in HCI
evaluation techniques in HCI
 
Models of Interaction
Models of InteractionModels of Interaction
Models of Interaction
 
Wimp interface
Wimp interfaceWimp interface
Wimp interface
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3
 
Human Memory
Human MemoryHuman Memory
Human Memory
 
Human computer interaction -Input output channel with Scenario
Human computer interaction -Input output channel with ScenarioHuman computer interaction -Input output channel with Scenario
Human computer interaction -Input output channel with Scenario
 
Mobile Design
Mobile DesignMobile Design
Mobile Design
 
HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basics
 
Socio organizational issues ppt
Socio organizational issues pptSocio organizational issues ppt
Socio organizational issues ppt
 
Human computer interaction -Design and software process
Human computer interaction -Design and software processHuman computer interaction -Design and software process
Human computer interaction -Design and software process
 
Underlying principles of parallel and distributed computing
Underlying principles of parallel and distributed computingUnderlying principles of parallel and distributed computing
Underlying principles of parallel and distributed computing
 
Human Computer Interaction Introduction
Human Computer Interaction IntroductionHuman Computer Interaction Introduction
Human Computer Interaction Introduction
 
HCI 3e - Ch 17: Models of the system
HCI 3e - Ch 17:  Models of the systemHCI 3e - Ch 17:  Models of the system
HCI 3e - Ch 17: Models of the system
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 
Human computer interaction-Memory, Reasoning and Problem solving
Human computer interaction-Memory, Reasoning and Problem solvingHuman computer interaction-Memory, Reasoning and Problem solving
Human computer interaction-Memory, Reasoning and Problem solving
 
Hci
HciHci
Hci
 
HCI 3e - Ch 4 (extra):
HCI 3e - Ch 4 (extra):HCI 3e - Ch 4 (extra):
HCI 3e - Ch 4 (extra):
 
Cognitive models unit 3
Cognitive models unit 3Cognitive models unit 3
Cognitive models unit 3
 

Similar to Mobile 2.0

Mis Presentation I4i
Mis Presentation I4iMis Presentation I4i
Mis Presentation I4i
09BM8097
 
Web 2.0 vs Web 3.0
Web 2.0 vs Web 3.0Web 2.0 vs Web 3.0
Web 2.0 vs Web 3.0
MoogleLabs default
 
Top Mobile App Development Frameworks in 2023.pdf
Top Mobile App Development Frameworks in 2023.pdfTop Mobile App Development Frameworks in 2023.pdf
Top Mobile App Development Frameworks in 2023.pdf
ultroNeous Technologies | Best Web App Development Company
 
Mobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_enMobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_enHemant Shah
 
Mobile Web 2.0
Mobile Web 2.0Mobile Web 2.0
Mobile Web 2.0
Saurabh Raisinghani
 
Project of mobile apps
Project of mobile appsProject of mobile apps
Project of mobile apps
Dr. Ravneet Kaur
 
10-advantages-of-developing-hybrid-apps-for-your-company.pptx
10-advantages-of-developing-hybrid-apps-for-your-company.pptx10-advantages-of-developing-hybrid-apps-for-your-company.pptx
10-advantages-of-developing-hybrid-apps-for-your-company.pptx
BpointerTechnologies
 
Looking For 2022 Trends In Web Development!.pptx
Looking For 2022 Trends In Web Development!.pptxLooking For 2022 Trends In Web Development!.pptx
Looking For 2022 Trends In Web Development!.pptx
Tech Mobius
 
emerging-web-development-trends.pdf
emerging-web-development-trends.pdfemerging-web-development-trends.pdf
emerging-web-development-trends.pdf
Schneide Solutions
 
web app.pdf
web app.pdfweb app.pdf
web app.pdf
suryamahathi1
 
web app development.docx
web app development.docxweb app development.docx
web app development.docx
koushikichakraborty3
 
Information and Communication Technology (ICT) - Empowerment Technologies
Information and Communication Technology (ICT) - Empowerment TechnologiesInformation and Communication Technology (ICT) - Empowerment Technologies
Information and Communication Technology (ICT) - Empowerment Technologies
Mark Jhon Oxillo
 
Unlocking the Future: How 5G Transforms Mobile App Development
Unlocking the Future: How 5G Transforms Mobile App DevelopmentUnlocking the Future: How 5G Transforms Mobile App Development
Unlocking the Future: How 5G Transforms Mobile App Development
Quokka Labs
 
Is Mobile 2.0 making carriers redundant?
Is Mobile 2.0 making carriers redundant?Is Mobile 2.0 making carriers redundant?
Is Mobile 2.0 making carriers redundant?
fabricapo
 
App development in kochi
App development in kochiApp development in kochi
App development in kochi
Macmin Infotech
 
Flexible distribution of existing Web interfaces: an architecture involving d...
Flexible distribution of existing Web interfaces: an architecture involving d...Flexible distribution of existing Web interfaces: an architecture involving d...
Flexible distribution of existing Web interfaces: an architecture involving d...
Gabriela Bosetti
 
Mobile Application
Mobile ApplicationMobile Application
Mobile Application
Naz Abdalla
 
Vision mobile HTML5 and what it means for the mobile industry
Vision mobile   HTML5 and what it means for the mobile industryVision mobile   HTML5 and what it means for the mobile industry
Vision mobile HTML5 and what it means for the mobile industrybastila
 
Bruce lawson Stockholm Geek Meet
Bruce lawson Stockholm Geek MeetBruce lawson Stockholm Geek Meet
Bruce lawson Stockholm Geek Meetbrucelawson
 
top-10-best-mobile-app-development-frameworks-in-2021.pdf
top-10-best-mobile-app-development-frameworks-in-2021.pdftop-10-best-mobile-app-development-frameworks-in-2021.pdf
top-10-best-mobile-app-development-frameworks-in-2021.pdf
PixelQA
 

Similar to Mobile 2.0 (20)

Mis Presentation I4i
Mis Presentation I4iMis Presentation I4i
Mis Presentation I4i
 
Web 2.0 vs Web 3.0
Web 2.0 vs Web 3.0Web 2.0 vs Web 3.0
Web 2.0 vs Web 3.0
 
Top Mobile App Development Frameworks in 2023.pdf
Top Mobile App Development Frameworks in 2023.pdfTop Mobile App Development Frameworks in 2023.pdf
Top Mobile App Development Frameworks in 2023.pdf
 
Mobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_enMobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_en
 
Mobile Web 2.0
Mobile Web 2.0Mobile Web 2.0
Mobile Web 2.0
 
Project of mobile apps
Project of mobile appsProject of mobile apps
Project of mobile apps
 
10-advantages-of-developing-hybrid-apps-for-your-company.pptx
10-advantages-of-developing-hybrid-apps-for-your-company.pptx10-advantages-of-developing-hybrid-apps-for-your-company.pptx
10-advantages-of-developing-hybrid-apps-for-your-company.pptx
 
Looking For 2022 Trends In Web Development!.pptx
Looking For 2022 Trends In Web Development!.pptxLooking For 2022 Trends In Web Development!.pptx
Looking For 2022 Trends In Web Development!.pptx
 
emerging-web-development-trends.pdf
emerging-web-development-trends.pdfemerging-web-development-trends.pdf
emerging-web-development-trends.pdf
 
web app.pdf
web app.pdfweb app.pdf
web app.pdf
 
web app development.docx
web app development.docxweb app development.docx
web app development.docx
 
Information and Communication Technology (ICT) - Empowerment Technologies
Information and Communication Technology (ICT) - Empowerment TechnologiesInformation and Communication Technology (ICT) - Empowerment Technologies
Information and Communication Technology (ICT) - Empowerment Technologies
 
Unlocking the Future: How 5G Transforms Mobile App Development
Unlocking the Future: How 5G Transforms Mobile App DevelopmentUnlocking the Future: How 5G Transforms Mobile App Development
Unlocking the Future: How 5G Transforms Mobile App Development
 
Is Mobile 2.0 making carriers redundant?
Is Mobile 2.0 making carriers redundant?Is Mobile 2.0 making carriers redundant?
Is Mobile 2.0 making carriers redundant?
 
App development in kochi
App development in kochiApp development in kochi
App development in kochi
 
Flexible distribution of existing Web interfaces: an architecture involving d...
Flexible distribution of existing Web interfaces: an architecture involving d...Flexible distribution of existing Web interfaces: an architecture involving d...
Flexible distribution of existing Web interfaces: an architecture involving d...
 
Mobile Application
Mobile ApplicationMobile Application
Mobile Application
 
Vision mobile HTML5 and what it means for the mobile industry
Vision mobile   HTML5 and what it means for the mobile industryVision mobile   HTML5 and what it means for the mobile industry
Vision mobile HTML5 and what it means for the mobile industry
 
Bruce lawson Stockholm Geek Meet
Bruce lawson Stockholm Geek MeetBruce lawson Stockholm Geek Meet
Bruce lawson Stockholm Geek Meet
 
top-10-best-mobile-app-development-frameworks-in-2021.pdf
top-10-best-mobile-app-development-frameworks-in-2021.pdftop-10-best-mobile-app-development-frameworks-in-2021.pdf
top-10-best-mobile-app-development-frameworks-in-2021.pdf
 

Recently uploaded

White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
farazahmadas6
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
madhavlakhanpal29
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 

Recently uploaded (20)

White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 

Mobile 2.0

  • 1. INTERFACE DESIGN FOR MOBILE DEVICES Courtesy: 1. Mobile Design and Development, Brian Fling, O’Reilly Publications 2. Mobile 2.0 - Wikipedia
  • 2. Recap - Seven Principles of Web 2.0 1. The Web as a platform - “write once, deploy everywhere,” moving away from the costly native applications deployed over multiple frameworks and networks. 2. Harnessing collective intelligence - WURFL—an open source repository of device profiles provided by the community—is exactly what mobile needs more of. 3. Data is the next Intel inside - It include the data we seek, the data we create, and the data about or around our physical locations. 4. End of the software release cycle - Shorter agile cycles are needed to make mobile development work as a business. Releasing for one device, iterating, improving, and then releasing for another is a great way to ensure profitability in mobile.
  • 3. Recap - Seven Principles of Web 2.0 5. Lightweight programming models - decreasing the programming overhead required means more innovation occurs faster. 6. Software above the level of a single device - We need to approach new software as though the user will demand it work in multiple contexts, from mobile phones to portable gaming consoles and e-book readers. 7. Rich user experiences - helps people spend less time with the software and more time living their lives. Mobile design is about enabling users to live their lives better.
  • 4. 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 )
  • 5. 6. Mobile 2.0 (from Wikipedia) ● Refers to a perceived next generation of mobile internet services that leverage the social web, or what some call Web 2.0. ● Mobile Web 2.0, with an emphasis on Web, refers to bringing Web 2.0 services to the mobile internet, i.e., accessing aspects of Web 2.0 sites from mobile internet browsers. ● Refers to services that integrate the social web with the core aspects of mobility – personal, localized, always-on and ever-present.
  • 6. 6. Mobile 2.0 - Enablers of Mobile 2.0 ● Ubiquitous Mobile Broadband Access ● Affordable, unrestricted access to enabling software platforms, tools and technologies ● Open access, with frictionless distribution and monetization Courtesy : Wikipedia
  • 7. 6. Mobile 2.0 - Characteristics of Mobile 2.0 ● The social web meets mobility ● Extensive use of User-Generated Content, so that the site is owned by its contributors ● Leveraging services on the web via mashups ● Fully leveraging the mobile device, the mobile context, and delivering a rich mobile user experience ● Personal, Local, Always-on, Ever-present Courtesy : Wikipedia
  • 8. 6. Mobile 2.0 Characteristics (from Brian Fling) 1. The Convergence of the Web and Mobile 2. The Mobile Web Browser As the Next Killer App 3. Mobile Web Applications Are the Future 4. JavaScript Is the Next Frontier 5. The Mobile User Experience Is Awful 6. Mobile Widgets Are the Next Big Thing 7. Mobile Needs to Check Its Ego 8. We Are Creators, Not Consumers
  • 9. 6. Mobile 2.0 Characteristics (from Brian Fling) ● The Convergence of the Web and Mobile ○ integrating web services into the mobile medium is the future of mobile development. ○ When the iPhone exploded onto the scene, it increased the usage of the mobile web by its users to levels never seen before. New mobile web apps were created just for the iPhone doubled the number of mobile websites in a year. ○ Mobile 2.0 tells us that mobile will be the primary context in which we leverage the Web in the future.
  • 10. 6. Mobile 2.0 Characteristics (from Brian Fling) ● The Mobile Web Browser As the Next Killer App ○ As the future of mobile is the Web, then it only makes sense that the mobile web browser is the next killer app of mobile. ○ The biggest challenge in mobile → device fragmentation. The mobile browser enables us to penetrate the problem by not having our content locked so specifically to the device abilities, screen size, and form factor. ○ All new devices are judged by the quality of their mobile web browser. Operators know it and therefore are demanding better browsers from device makers and browser makers.
  • 11. 6. Mobile 2.0 Characteristics (from Brian Fling) ● Mobile Web Applications Are the Future ○ Creating mobile web applications instead of mobile software applications has remained an area of significant motivation and interest. ○ Mobile web apps enable you to make sure that you never ship a broken app, or if yourapp breaks in the future due to a new device, to be able to fix it the same day the device hits the street. ○ Mobile software has two fundamental problems that mobile web applications solve : (1) Forcing users through a single marketplace and (2) Ability to update your application.
  • 12. 6. Mobile 2.0 Characteristics (from Brian Fling) ● JavaScript Is the Next Frontier ○ mobile web browser that supports Ajax, or, XMLHttpRequest. It makes a lot of those cool interactions in web browser work via the capability to load content asynchronously into browser view. ○ In order for mobile web apps to rival native applications, one needs the support some JavaScript. ○
  • 13. 6. Mobile 2.0 Characteristics (from Brian Fling) ● JavaScript Is the Next Frontier ○ Rich interactions kill battery life ■ JavaScript consumes more processor power and therefore more battery life. ■ Ajax apps fetch more data from the network, meaning more use of the radio and more battery life. ○ Apple and the open source WebKit browser have made huge strides by releasing a JavaScript engine that is incredibly efficient on mobile devices,
  • 14. 6. Mobile 2.0 Characteristics (from Brian Fling) ● The Mobile User Experience Is Awful ○ People in mobile treat the user experience like a chicken-and-egg scenario: bad input/output of the user experience prevents adoption, but designing a shiny user experience with bells and whistles will bring them in droves ○ Device APIs usually force you to use their models of user experience, meaning that you have to work in the constraints of the API. ○ Needed a consistent user experience across multiple mediums.
  • 15. 6. Mobile 2.0 Characteristics (from Brian Fling) ● Mobile Widgets Are the Next Big Thing ○ The challenges with the mobile web is to create a series of “small webs” targeted at a specific user or task. ○ Carrier Is the New “C” Word - It is clear that one of the key drivers of Mobile 2.0 ○ Focus on the mobile web is to find a way to build a business that doesn’t rely on carrier control.
  • 16. 6. Mobile 2.0 Characteristics (from Brian Fling) ● Mobile Needs to Check Its Ego ○ Mobile community and Web community → treated each other like rivals. ■ Mobile side - have incredibly intelligent people who have been innovating amazing products under insane constraints for years. ■ Web side - Have creative amateurs who have helped build a community and ecosystem out of passion and an openness to share information
  • 17. 6. Mobile 2.0 Characteristics (from Brian Fling) ● Mobile Needs to Check Its Ego ○ Unless the mobile community comes together with the web community by sharing information, experience, and guidance, one day they will find that their experience has become obsolete ○ one principle of Web 2.0 that the mobile community has left out: harnessing collective intelligence.
  • 18. 6. Mobile 2.0 Characteristics (from Brian Fling) ● We Are Creators, Not Consumers ○ Mobile 2.0 is in the new age of consumerism. ○ The people of today’s market don’t view themselves as consumers, but rather as creators. ○ Democratization of the Web took many forms that some call “social media,” like blogging, social networks, media sharing, microblogging, and lifestreams. ○ Entire markets have been created to provide today’s consumer with gadgets, software, and web services to record and publish content so that we can share it with our friends and loved ones.
  • 19. 6. Mobile 2.0 Characteristics (from Brian Fling) ● We Are Creators, Not Consumers ○ The center of revolution in publishing is the mobile device. ○ As networked portable devices become more powerful, allowing us to capture, record, and share content in the moment, we are able to add a new kind of context to content. ○ With Mobile 2.0, the personal relevance of the content matches how personal the device is and how personally it applies to our everyday situations or our context.