Mobile Applications Development - Lecture 2
Designing for Context
Developing a Mobile Strategy
Types of Mobile Applications
This presentation has been developed in the context of the Mobile Applications Development course at the Computer Science Department of the University of L’Aquila (Italy).
http://www.di.univaq.it/malavolta
Intro + Examples
Human Interface Principles
Platform Characteristics
UX Guidelines
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2014.
http://www.ivanomalavolta.com
An introduction to Intents in Android. First, the presentation introduces the concept of Intents as messages between application components. Then, the difference between implicit and explicit intents is clearly stated, along with a description of the Intent resolution mechanism. The presentation concludes with a step-by-step tutorial on how to cast and intercept Intents from Activities.
Final Project In Instant messaging app that also brings you the intel...vinayh.vaghamshi _
Introduction
Objective
Problem statement
AI dialogflow architecture
Fulfillment request (Webhook)
Architecture and Implementation of Instant Messaging
Technology and associated platform
System architecture and design
UML Diagram
Future scope
This set of slides introduces the reader to the concepts of Android Activities and Views. After presenting these two concepts in general terms, it continues with a detailed description of the activity lifecycle. It follows a discussion on how to structure the user interface in terms of View and ViewGroup objects. Finally, the presentation shows how to frame Android application development within the dictates of the Model-View-Controller (MVC) pattern.
Intro + Examples
Human Interface Principles
Platform Characteristics
UX Guidelines
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2014.
http://www.ivanomalavolta.com
An introduction to Intents in Android. First, the presentation introduces the concept of Intents as messages between application components. Then, the difference between implicit and explicit intents is clearly stated, along with a description of the Intent resolution mechanism. The presentation concludes with a step-by-step tutorial on how to cast and intercept Intents from Activities.
Final Project In Instant messaging app that also brings you the intel...vinayh.vaghamshi _
Introduction
Objective
Problem statement
AI dialogflow architecture
Fulfillment request (Webhook)
Architecture and Implementation of Instant Messaging
Technology and associated platform
System architecture and design
UML Diagram
Future scope
This set of slides introduces the reader to the concepts of Android Activities and Views. After presenting these two concepts in general terms, it continues with a detailed description of the activity lifecycle. It follows a discussion on how to structure the user interface in terms of View and ViewGroup objects. Finally, the presentation shows how to frame Android application development within the dictates of the Model-View-Controller (MVC) pattern.
10 Usability Heuristics for User Interface DesignMaxx Crawford
An overview of the 10 Usability Heuristics for User Interface Design developed by Jakob Nielsen of the Nielsen Norman Group. Each heuristic is explained and examples are provided.
User interface (UI) for mobile applicationsAashish Uppal
The User Interface (UI) is everything designed into an information device with which a human being may interact -- including display screen, keyboard, mouse, light pen, the appearance of a desktop, illuminated characters, help messages, and how an application program or a Web site invites interaction and responds to it.
Visit this link for more info:- http://aashish.livewithbrands.com/
How to build Android Chat App with Firebase for 2 hours?Nguyễn Bá Thành
This lecture for guide junior android to create an android app chat which for millions users use at the same time.
Technical
- Firebase
- Android
Tools:
- Android Studio
Author contact:
fb.com/thanhnb1101/
http://www.thanhnotes.com/
thanhnb1101@gmail.com
An Activity is an application component that provides a screen with which users can interact in order to do something, such as dial the phone, take a photo, send an email, or view a map.
Each activity is given a window in which to draw its user interface. The window typically fills the screen, but may be smaller than the screen and float on top of other windows.
An application usually consists of multiple activities that are loosely bound to each other. Typically, one activity in an application is specified as the "main" activity, which is presented to the user when launching the application for the first time. Each activity can then start another activity in order to perform different actions.
Each time a new activity starts, the previous activity is stopped, but the system preserves the activity in a stack .
When a new activity starts, it is pushed onto the back stack and takes user focus.
Mobile as the 7th mass medium
Designing for context
Key mobile development strategies
Types of mobile applications
Tips for the project
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2015.
http://www.ivanomalavolta.com
10 Usability Heuristics for User Interface DesignMaxx Crawford
An overview of the 10 Usability Heuristics for User Interface Design developed by Jakob Nielsen of the Nielsen Norman Group. Each heuristic is explained and examples are provided.
User interface (UI) for mobile applicationsAashish Uppal
The User Interface (UI) is everything designed into an information device with which a human being may interact -- including display screen, keyboard, mouse, light pen, the appearance of a desktop, illuminated characters, help messages, and how an application program or a Web site invites interaction and responds to it.
Visit this link for more info:- http://aashish.livewithbrands.com/
How to build Android Chat App with Firebase for 2 hours?Nguyễn Bá Thành
This lecture for guide junior android to create an android app chat which for millions users use at the same time.
Technical
- Firebase
- Android
Tools:
- Android Studio
Author contact:
fb.com/thanhnb1101/
http://www.thanhnotes.com/
thanhnb1101@gmail.com
An Activity is an application component that provides a screen with which users can interact in order to do something, such as dial the phone, take a photo, send an email, or view a map.
Each activity is given a window in which to draw its user interface. The window typically fills the screen, but may be smaller than the screen and float on top of other windows.
An application usually consists of multiple activities that are loosely bound to each other. Typically, one activity in an application is specified as the "main" activity, which is presented to the user when launching the application for the first time. Each activity can then start another activity in order to perform different actions.
Each time a new activity starts, the previous activity is stopped, but the system preserves the activity in a stack .
When a new activity starts, it is pushed onto the back stack and takes user focus.
Mobile as the 7th mass medium
Designing for context
Key mobile development strategies
Types of mobile applications
Tips for the project
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2015.
http://www.ivanomalavolta.com
Designing and deploying mobile user studies in the wild: a practical guideKaren Church
This tutorial was presented as part of Mobile HCI 2012 in San Francisco on the 19th September 2012. The tutorial aims to provide a practical guide to conduct mobile field studies based on the learning outcomes of the research I've been involved in while working as a Research Scientist in Telefonica Research, Barcelona. I cover how to design effective mobile field studies, the importance of mobile prototyping, the impact of various design choices on the study setup and deployment, how to engage participants and how to avoid ethical and legal issues. I've also tried to include listings of useful resources for those who are interested in conducting mobile field studies of their own.
More details: http://mm2.tid.es/mhcitutorial/
Karen Church
Research Scientist
Telefonica Research
www.karenchurch.com
@karenchurch
Harnessing the content beast – Content marketing in the multiscreen worldThomas Robbins
Desktops, mobile phones, Digital signage, TV’s, tablets, netbooks, mini-tablets… the list of connected devices your customers are using to consume your content never stops growing! Unfortunately, this doesn’t match your marketing budget. When it comes to serving content in today’s world it’s a myriad of screen sizes and effective calls to action. What are your choices? The landscape of consumerism has changed in a few short years allowing our customers more choices for reading, watching, communicating, socializing, shopping, and making purchase decisions.
This webinar will examine the core concept and practical strategies for creating effective and responsive content in the multi-screen world we live in.
Register now to gain actionable insights and learn:
• Practical strategies to determine the appropriate screen sizes for your content marketing materials.
• Building effective calls to action for multiple screens.
• Practical strategies to use when building your content marketing plan in today’s multi-screen world.
• Decision strategies for deploying content effectively.
• Possible frameworks available
• How best to integrate this approach with your marketing plan.
How To Design Mobile Content For Multiple DevicesEntirenet
The blending of a person’s digital world with their real life, activities, and needs is the real mobile revolution. It’s a new form of communication, adopted en masse because of its naturalness to our daily lives.
How do you approach user experience or UX for different markets? This presentation sets out six key principles of cross-cultural UX design. Useful reading for UX and web designers, as well as international marketers and international businesses looking to understand UX across borders.
App market has gone tremendously in the recent past. This young market has flourished beyond imagination and is expanding at a much faster rate. In such a market, it is necessary that you have right marketing strategy in whose absence sustaining would be close to impossible.
This is why today every app owner demands a well experienced app marketing expert who could help them market their app on different app stores. Though, one rely completely on the app marketing expert, there are certain pointers that can be missed easily.
For instance, content. For an app owner, content may not play vital role in app marketing whereas it could be used wisely to generate traffic and make your app visible on app stores. One can write blogs, publish social media posts, and can use App Store Optimization technique to get the attention of their potential users.
Likewise, the loading speed of your app would play a vital role in helping you get desired attention. You need to ensure that your app should load fast, within seconds; otherwise your potential users won’t show any interest on your app, and thus the chances of moving out of the app store increases. So, if you want to stay up in the market, avoiding these app marketing pitfalls are important
Mobile is booming as a marketing channel - half of Tesco’s web traffic now comes via mobile as do a fifth of Domino’s Pizza orders. With our continued and growing attachment to our mobile phones and tablets, we get frustrated when the website or app we use does not perform as we expect. This seminar looks at the approach referred to as Mobile 1st which considers the content and design for the smaller screen before the desktop and we will be putting it to the test.
Covering a variety of topics, including designing for touch devices; how to ensure a healthy conversion rate from your mobile channel; deploying web apps across devices using products such as PhoneGap or Appcelerat or Titanium; and the pros and cons of optimising design for all phone and tablet devices, this seminar also looks at specific topics such as image strategy for mobile and shares our views on the trends we are seeing in the mobile space.
Conducting Experiments on the Software Architecture of Robotic Systems (QRARS...Ivano Malavolta
Slides of my invited talk at the 2nd workshop on Quality and Reliability Assessment of Robotic Software Architectures and Components (QRARSAC), co-located with the International Conference on Robotics and Automation (ICRA 2023).
Abstract of the talk. Today robotic systems are central to many industrial sectors, such as logistics, autonomous warehousing, and healthcare. If on one side ROS is helping roboticists by providing a standardized communication platform for robotic systems, on the other side ROSsystems are getting more and more large and complex, thus making it extremely difficult to ensure their level of quality, e.g., in terms of performance, security, energy efficiency, testability, maintainability. Improving the quality of robotic systems is not a new activity, but in this talk, we tackle it from a different perspective: we look at them from a software architecture perspective. In this talk, I will walk you through a series of experiments we conducted at the Vrije Universiteit Amsterdam targeting the architecture of ROS systems, we will discuss some architectural tactics for ROS systems, and will close with an overview of our open-source tool for automatically executing experiments on robotics software.
The slides of a short presentation I gave about my experience about working in the context of EU grants. It contains tips and tricks for the before/during/after phases of a EU project.
The Green Lab - Research cocktail @Vrije Universiteit Amsterdam (October 2020)Ivano Malavolta
The slides of my presentation about the Green Lab at the event called Research Cocktail (October 2020). The event is organized by the Computer Science Department of the Vrije Universiteit Amsterdam.
The source code of our tools and the replication package of our experiments performed in the Green Lab can be found here: https://github.com/S2-group
For further details about the Green Lab and all our activities around it, you can contact me at i.malavolta@vu.nl
Navigation-aware and Personalized Prefetching of Network Requests in Android ...Ivano Malavolta
Slides of my presentation at the NIER track of the 41th International Conference on Software Engineering (ICSE 2019).
The paper is available here: http://www.ivanomalavolta.com/files/papers/ICSE_2019_NAPPA.pdf
How Maintainability Issues of Android Apps Evolve [ICSME 2018]Ivano Malavolta
Slides of my presentation at the Research track of the 34th International Conference on Software Maintenance and Evolution (ICSME 2018).
The full paper is available here: http://www.ivanomalavolta.com/files/papers/ICSME_2018.pdf
Collaborative Model-Driven Software Engineering: a Classification Framework a...Ivano Malavolta
Slides of my presentation at the Journal first track of the 40th International Conference on Software Engineering (ICSE 2018).
The accompanying extended abstract is available here: http://www.ivanomalavolta.com/files/papers/ICSE_2018_JournalFirst.pdf
The original TSE paper is available here: http://www.ivanomalavolta.com/files/papers/TSE_2017.pdf
This presentation is about a lecture I gave within the "Software Design" course of the Computer Science bachelor program, of the Vrije Universiteit Amsterdam.
http://www.ivanomalavolta.com
Modeling behaviour via UML state machines [Software Design] [Computer Science...Ivano Malavolta
This presentation is about a lecture I gave within the "Software Design" course of the Computer Science bachelor program, of the Vrije Universiteit Amsterdam.
http://www.ivanomalavolta.com
This presentation is about a lecture I gave within the "Software Design" course of the Computer Science bachelor program, of the Vrije Universiteit Amsterdam.
http://www.ivanomalavolta.com
This presentation is about a lecture I gave within the "Software Design" course of the Computer Science bachelor program, of the Vrije Universiteit Amsterdam.
http://www.ivanomalavolta.com
Requirements engineering with UML [Software Design] [Computer Science] [Vrije...Ivano Malavolta
This presentation is about a lecture I gave within the "Software Design" course of the Computer Science bachelor program, of the Vrije Universiteit Amsterdam.
http://www.ivanomalavolta.com
Modeling and abstraction, software development process [Software Design] [Com...Ivano Malavolta
This presentation is about a lecture I gave within the "Software Design" course of the Computer Science bachelor program, of the Vrije Universiteit Amsterdam.
http://www.ivanomalavolta.com
This presentation is about a lecture I gave within the "Software systems and services" immigration course at the Gran Sasso Science Institute, L'Aquila (Italy): http://cs.gssi.infn.it/.
http://www.ivanomalavolta.com
[2017/2018] AADL - Architecture Analysis and Design LanguageIvano Malavolta
This presentation is about a lecture I gave within the "Software systems and services" immigration course at the Gran Sasso Science Institute, L'Aquila (Italy): http://cs.gssi.infn.it/.
http://www.ivanomalavolta.com
This presentation is about a lecture I gave within the "Software systems and services" immigration course at the Gran Sasso Science Institute, L'Aquila (Italy): http://cs.gssi.infn.it/.
http://www.ivanomalavolta.com
[2017/2018] Introduction to Software ArchitectureIvano Malavolta
This presentation is about a lecture I gave within the "Software systems and services" immigration course at the Gran Sasso Science Institute, L'Aquila (Italy): http://cs.gssi.infn.it/.
http://www.ivanomalavolta.com
This presentation is about a lecture I gave within the "Software systems and services" immigration course at the Gran Sasso Science Institute, L'Aquila (Italy): http://cs.gssi.it/.
http://www.ivanomalavolta.com
Model Attribute Check Company Auto PropertyCeline George
In Odoo, the multi-company feature allows you to manage multiple companies within a single Odoo database instance. Each company can have its own configurations while still sharing common resources such as products, customers, and suppliers.
Unit 8 - Information and Communication Technology (Paper I).pdfThiyagu K
This slides describes the basic concepts of ICT, basics of Email, Emerging Technology and Digital Initiatives in Education. This presentations aligns with the UGC Paper I syllabus.
June 3, 2024 Anti-Semitism Letter Sent to MIT President Kornbluth and MIT Cor...Levi Shapiro
Letter from the Congress of the United States regarding Anti-Semitism sent June 3rd to MIT President Sally Kornbluth, MIT Corp Chair, Mark Gorenberg
Dear Dr. Kornbluth and Mr. Gorenberg,
The US House of Representatives is deeply concerned by ongoing and pervasive acts of antisemitic
harassment and intimidation at the Massachusetts Institute of Technology (MIT). Failing to act decisively to ensure a safe learning environment for all students would be a grave dereliction of your responsibilities as President of MIT and Chair of the MIT Corporation.
This Congress will not stand idly by and allow an environment hostile to Jewish students to persist. The House believes that your institution is in violation of Title VI of the Civil Rights Act, and the inability or
unwillingness to rectify this violation through action requires accountability.
Postsecondary education is a unique opportunity for students to learn and have their ideas and beliefs challenged. However, universities receiving hundreds of millions of federal funds annually have denied
students that opportunity and have been hijacked to become venues for the promotion of terrorism, antisemitic harassment and intimidation, unlawful encampments, and in some cases, assaults and riots.
The House of Representatives will not countenance the use of federal funds to indoctrinate students into hateful, antisemitic, anti-American supporters of terrorism. Investigations into campus antisemitism by the Committee on Education and the Workforce and the Committee on Ways and Means have been expanded into a Congress-wide probe across all relevant jurisdictions to address this national crisis. The undersigned Committees will conduct oversight into the use of federal funds at MIT and its learning environment under authorities granted to each Committee.
• The Committee on Education and the Workforce has been investigating your institution since December 7, 2023. The Committee has broad jurisdiction over postsecondary education, including its compliance with Title VI of the Civil Rights Act, campus safety concerns over disruptions to the learning environment, and the awarding of federal student aid under the Higher Education Act.
• The Committee on Oversight and Accountability is investigating the sources of funding and other support flowing to groups espousing pro-Hamas propaganda and engaged in antisemitic harassment and intimidation of students. The Committee on Oversight and Accountability is the principal oversight committee of the US House of Representatives and has broad authority to investigate “any matter” at “any time” under House Rule X.
• The Committee on Ways and Means has been investigating several universities since November 15, 2023, when the Committee held a hearing entitled From Ivory Towers to Dark Corners: Investigating the Nexus Between Antisemitism, Tax-Exempt Universities, and Terror Financing. The Committee followed the hearing with letters to those institutions on January 10, 202
Operation “Blue Star” is the only event in the history of Independent India where the state went into war with its own people. Even after about 40 years it is not clear if it was culmination of states anger over people of the region, a political game of power or start of dictatorial chapter in the democratic setup.
The people of Punjab felt alienated from main stream due to denial of their just demands during a long democratic struggle since independence. As it happen all over the word, it led to militant struggle with great loss of lives of military, police and civilian personnel. Killing of Indira Gandhi and massacre of innocent Sikhs in Delhi and other India cities was also associated with this movement.
This slide is special for master students (MIBS & MIFB) in UUM. Also useful for readers who are interested in the topic of contemporary Islamic banking.
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Dr. Vinod Kumar Kanvaria
Exploiting Artificial Intelligence for Empowering Researchers and Faculty,
International FDP on Fundamentals of Research in Social Sciences
at Integral University, Lucknow, 06.06.2024
By Dr. Vinod Kumar Kanvaria
Safalta Digital marketing institute in Noida, provide complete applications that encompass a huge range of virtual advertising and marketing additives, which includes search engine optimization, virtual communication advertising, pay-per-click on marketing, content material advertising, internet analytics, and greater. These university courses are designed for students who possess a comprehensive understanding of virtual marketing strategies and attributes.Safalta Digital Marketing Institute in Noida is a first choice for young individuals or students who are looking to start their careers in the field of digital advertising. The institute gives specialized courses designed and certification.
for beginners, providing thorough training in areas such as SEO, digital communication marketing, and PPC training in Noida. After finishing the program, students receive the certifications recognised by top different universitie, setting a strong foundation for a successful career in digital marketing.
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
5. Two kinds of context
Context
with a big “C”
VS
context
with a little “c”
6. Context VS context by example
• The app works in a specific context depending on
the current location of the user
• The app gives Context by providing additional info
7. Context VS context by example
Context who is here?
VS
context where I am
Context answers users’
questions
VS
https://foursquare.com
context is a fact
8. Context with a big “C”
How users will derive value from something
they are currently doing
For example:
• info on restaurants
• rate places
• GPS navigator
http://www.oink.com
9. Context with a big “C”
The information provided by the app gives Context
A better understanding of what this moment in
time means to the user
Recurrent targets:
people, places, things, situations, ideas
10. context with a little “c”
The mode, medium and environment in which
we perform our tasks
There are 3 different types of context:
1. Physical context
2. Media context
3. Modal context
11. context with a little “c”
Physical context
where I am
http://bit.ly/wXGpNA
http://bit.ly/yoBk7d
12. context with a little “c”
Physical context
In which environment I am
• at home
• on a bus car
• in the streets VS
• in my office train
• in a shop
http://www.textndrive.com
http://www.whatsapp.com
13. context with a little “c”
Media context
The device I am using
• Connectivity
• Screen size
• Camera
• etc …
http://www.facebook.com
14. context with a little “c”
Modal context
My present state of mind
what I am doing right now
How I feel right now
http://www.runens.com
http://photostatsapp.com/
http://babypad.mezmedia.com
15. …again on “big C” VS “little c”
I only care I only care
about… about…
Context context
user Developer
(you)
16. …again on “big C” VS “little c”
Your users do not care about physicality, media,
or modes…
They simply care about the app perceived value:
Context
17. …again on “big C” VS “little c”
Good Design means making the context
transparent to the user
We have to create apps that anticipate and
solve problems with little or no action from
the user
18. The Mobile golden rule
If you can unlock the state of
mind of your users and start
context,
thinking in their context
understanding how a mobile experience will
add value to their lives you will have the
lives,
ever-elusive…
KILLER
APP
19. How can I apply the golden rule?
Think of your app in the different contexts
• Who is your user? Business man, teenager, mum…
• What is happening? Are they hanging out with friends?
• When will he interact? @home? @work? waiting for the bus?
interact?
• Where is he? Public/private space, inside/outside, day/night
• Why will he use your app? How do you give Context?
• How is he using his mobile device? Is the device held in the
hand? Portrait or landscape?
23. Roadmap
• Designing for Context
• Developing a Mobile Strategy
• Types of Mobile Applications
24. Developing a Mobile Strategy
Mobile Strategy =
how much it will cost you to develope your app?
How much time
time?
How much effort
effort?
How much money
money?
25. Busting the first myth
Mobile design and
development is not cheap!
cheap!
http://www.slideshare.net/fling/native-v-hybrid-v-web
26. Busting the first myth
http://www.slideshare.net/fling/native-v-hybrid-v-web
27. Busting the first myth
You have to sum this price for each platform
you want to support
Even with
Phonegap!
http://www.slideshare.net/fling/native-v-hybrid-v-web
28. The new rules for a mobile strategy
Remember, mobile is a new medium
different rules
Don’t try to follow “traditional rules” since mobile has
its own peculiarities:
• context,
• location, user mood
• device fragmentation
• unique UI rules
• ...
29. Rule #1
Forget what you think you know
Mobile is an ever-evolving area
today you are already outdated
• Forget what you think you know about mobile
– It is most likely incorrect
• Don’t try to emulate other projects
– Focus on what is right for your user, not what is right for
someone else’s user
• Start at the beginning
– Provide new perspectives, and breathe life into the project
right from the start
30. Rule #2
Believe what you see, not what you read
• Don’t trust any report, fact, or figure that 1-2 years old
– It is most likely wrong
• Go to your users and ask them questions in person
– Don’t try to simply validate your ideas
• Record everything
– Your own users’ worlds will help you in focussing on their need
• Don’t forget to innovate
– Try new things, be bold, and don’t be afraid to fail.
• Have a contingency plan
– If your plan fails to meet expectations, try to reuse what
you’ve learned or done on something else
31. Rule #3
Constraints never come first
• Avoid talking about constraints at an early-stage
brainstorming session
– Refer back to Rule #1 and forget what you think you know
• there will always be constraints in mobile, accept it!
• Focus on strategy first, what they user needs, and lay
down the features
– Then, if the constraints become an issue, fall back to the
user goals
• There is always an alternative
32. Rule #4
Focus on context, goals and needs
needs
user
goals
actions
context
33. Rule #4
Focus on context, goals and needs
1. Defining the users’ context is the first thing to do
– without it, you don’t have a mobile strategy, you have only a
plan of action
2. Uncover the users’ goals
– and then try and understand how the users’ context alters
their goals
3. With goals understood, figure out the tasks the users
want to perform
4. Look for ways to filter content by context
– for example: location, media, and model.
34. Rule #5
You can’t support everything
• Don’t try to support everything
– Start with the devices that best represent your core customer
• The most popular might not always be the best device for
your project
• Check your server logs for the devices accessing your
site
– These are the first devices to target
• Go to a mobile phones store and do a little market
research to find out the recommended devices for your
target customer
35. Rule #6
Don’t convert, create
Great mobile products are created, never ported!
• Understand your user and his context
– Having an idea of how and when users will access your content
will aid in understanding how to best create a tailored mobile
experience
• Mobile is a unique medium
37. Rule #7
Keep it simple
People want to use mobile devices in a simple way
• Simplicity fewer problems
• Easier to iterate and evolve your app
• Don’t try to create a desktop software on a mobile!
• Adding feature after feature is an easy trap to fall in
• Build the experience around your users’ main need and
nothing else
38. Roadmap
• Designing for Context
• Developing a Mobile Strategy
• Types of Mobile Applications
– Mobile Application Medium Type
– Mobile Application Context
39. Types of Mobile Applications
In the following we will talk about:
• Mobile Application Medium Types
– the technology presenting the content to the
user
• ex. SMS, native app, web app …
• Mobile Application Context
– the type of experience provided to the user
• ex. utility, informative, productivity …
40. Mobile app medium types
The technology presenting the content to the user
SMS
Mobile Websites
Mobile Web Widgets
Mobile Web Apps
Native Apps
Games
41. Mobile app medium types: SMS
The user sends an SMS to a 5-digit code and then he
can get:
• textual information
• a link to premium content
• a service
Most common use: ringtones and wallpapers
http://smstweet.com/
42. Mobile app medium types: SMS
PROS
• they work on any mobile device nearly instantaneously
• useful for sending timely alerts to the user
• they can be incorporated into any web or mobile app
• simple to set up and manage
CONS
• limited to 160 characters
• limited text-based experience
• can be very expensive
43. Mobile app medium types: Mobile
Websites
A website designed for Mobile devices
It is NOT about viewing on a mobile
device a website designed for
desktop browsers
Features:
– Simple architecture
– Simple navigation links
– Simple design
– Informational in nature
(typically, less interactive)
44. Mobile app medium types: Mobile
Websites
PROS
• easy to create, maintain, and publish
• you can use the same tools and techniques for desktop
sites
• nearly all mobile devices can view mobile websites
CONS
• devices fragmentation
• limited experience
• they can load pages slowly
– network latency
45. Mobile app medium types: Web Widget
Small web apps that cannot run by themselves, they
must run on top of “something else”
Known also as:
portlet, web part, gadget, badge,
module, webjit, capsule, snippet,
mini, flake
For example, Android has supported
widgets natively since April 30, 2009
http://bit.ly/yNvwEd
46. Mobile app medium types: Web Widget
PROS
• easy to create using basic HTML, CSS, JavaScript
• simple to deploy across multiple handsets
• They can directly access device features and offline use
CONS
• typically require a compatible widget platform to be
installed on the device
• require learning additional proprietary, non-standard
techniques
47. Mobile app medium types: Web App
Mobile apps that run on the mobile
web browser developed using
standard technologies
ex. HTML, CSS, Javascript
Differently from mobile websites,
they offer an “app-like” experience
ex. buttons, actions, real-time
data, no pages metaphor
http://touch.facebook.com
48. Mobile app medium types: Web App
PROS
• easy to create using basic HTML, CSS and JavaScript
• simple to deploy across multiple handsets
• better user experience and rich design
• content is accessible on any mobile web browser
CONS
• difficult to support across multiple devices.
• they don’t always support native application features
– offline mode, location, filesystem access, camera …
49. Mobile app medium types: Native Apps
Developed for a specific platform
Certified, sold and distributed via an
operator portal or an app store
It sits on top of the device platform
you can access all the device’s
features
need for certification
http://www.glancee.com/
50. Mobile app medium types: Native Apps
PROS
• best-in-class user experience, rich design and tapping
into device features and offline use
• relatively simple to develop for a single platform
• access to app stores (you can charge for your apps)
CONS
• developing for multiple device platforms is costly
• require certification and distribution from an app store
• you have to share revenue with platform vendors
51. Mobile app medium types: Games
Technically they are like native apps, however:
• they cannot be esasily developed with web technologies
– performance with vector graphics
• porting them to multiple platforms is a bit easier
– the graphic engine does not use device APIs
www.angrybirds.com
52. Mobile app medium types: Games
PROS
• simple and easy way to create an immersive experience
• can be ported to multiple devices relatively easily
CONS
• can be costly to develop as an original game title
• cannot easily be ported to the mobile web
www.angrybirds.com
54. Roadmap
• Designing for Context
• Developing a Mobile Strategy
• Types of Mobile Applications
– Mobile Application Medium Type
– Mobile Application Context
55. Mobile App Context
The type of experience provided to the user
Utility
Locale
Informative
Productivity
Immersive
56. Mobile App Context
Applications can be presented in different ways
es. taks-based utility, immersive experience, etc…
• Typically, it is best to choose one app context and
present it to the user
don’t mix app contexts!
contexts!
• TIP: if you really need to switch context within your app,
let the user choose when to switch
57. Mobile App Context: Utility
task-
• short, task-based scenarios
• minimal information from the user
• minimal design
ex.
calculator
alarm clock
weather forecast
58. Mobile App Context: Locale
• it provides info about “what’s around”
• recurrent feature: a map on which data is displayed
• goal of the user: to find additional
info about his present location
ex.
find friends around
find pubs around
get route directions
https://foursquare.com
59. Mobile App Context: Informative
• Goal: to provide information to the user
• Task of the user: to read and understand
– not necessarily to interact
• remember that user tasks are
short and can be interrupted
ex.
news
online directory
mobile commerce
https://www.pinterest.com
60. Mobile App Context: Productivity
• Meant to increase user’s sense of efficiency
• Users have a clear goal in mind
• Very structured (with folders)
– it gives a sense of order
• Follow a clear workflow
ex. mail, scanning, todo lists…
TIP:
TIP focus on the main task only, and
only after start adding other features
http://www.thegrizzlylabs.com/genius-scan/
61. Mobile App Context: Immersive
• immersive, full-screen app
full-
• meant to consume the user’s focus
user’s
ex.
games
media players
entertainment
TIP:
TIP you can use it as alternative to other app contexts
http://www.rockstargames.com/grandtheftauto3