Introduction to Mobile User Experience Design Flashcards
What is “Ubiquitous Computing”?
A model where each person owns and uses many computers, or even where many computers share many users.
What is “Personal Computing Model”?
Where each person owns a computer.
What are Servers?
Used to store and process large volumes of information.
What are Workstations?
Devices such as desktops and laptops.
What is an example of input modalities?
Keyboard and mouse
What are devices?
What we refer to our tablets, smartphones or other personal, mobile gadgets. Primarily used to access the information stored in the servers and managed by workstations or to create small bits of information themselves, which can be uploaded to servers.
A _______ stores and processes information.
server
A _______ edits and manages information.
workstation
A _____ create and access information.
device
TAD
Task-Oriented Design
What is “Task Analysis”?
The process of breaking down a user’s goal into tasks.
What is “Responsive Design”
The content is “liquid”. Restructured and laid out differently so as to better fit the device on which it is being displayed. All of the content and functionality are still there; they’re just presented differently.
What are some key considerations when designing the UX with no interface?
Where are the users? What are they doing? What are their goals? What’s the best way of interacting with this device?
The system detecting the characteristics of a device on which it is running and adapts the content layout for better usability is called?
Responsive Design
During task-oriented design…
User goals are broken down into tasks and sub-tasks, for which the UX designer considers the user’s goals, motivations and available devices for performing these tasks.
Who said: “Design is a plan for arranging elements in such a way as best to accomplish a particular purpose.”
Charles Eames
Device friendly design without having to code a new site for each device.
Responsive Design
What are the 5 levels of Adaptive Design?
- Copy
- HTML Semantics
- Audio-Visual
- Interactive
- Adaptive Design- CSS3
What’s an example of Adaptive Design?
a. Adapts to needs and tasks performed by users.
b. Adapts to user’s preferences.
c. Adapts to resize image dimensions
a. Adapts to needs and tasks performed by users
How is responsive design different to an m-dot?
Responsive usually does not drastically change the site’s design.
What is m-Dot?
A website that’s specifically designed for mobile devices, and exists on a separate subdomain.
What is the primary benefit of an m-Dot site?
You can customize your mobile user experience however you want, without having to compromise either your mobile or desktop experience.
Responsive design is normally done using the…
“mobile first” approach.
What is mobile first approach?
The experience is defined on mobile platforms such as smartphones and tablets and then scaled up to larger screens.
What are the three major principles of Responsive Design?
- Fluid Grid Systems
- Fluid Image Use
- Media Queries
The “p” in 1080p stands for?
Progressive Scan
What are Fluid Images?
Images that scale to fit their container
What are “Media Queries”?
Designed to alter the layout of the site when certain conditions are met.
What is “Bootstrap”?
A mobile first framework available online that you can download.
What is the easiest and best thing you can do to save time when developing a responsive framework?
Use an existing framework during the design process.
Responsive Design respond to?
Changes in browser width by adjusting the placement of design elements to fit in the available space.
Responsive design requires…
a very good conceptualization of the site and a deep knowledge of the needs and wants of the end users.
The term Adaptive Web Design was coined by who?
Aaron Gustafson in his book, Adaptive Web Design
What is the difference between responsive design and adaptive design?
Responsive design relies on changing the design pattern to fit the real estate available to it, adaptive design has multiple fixed layout sizes.
What is adaptive design?
When the site detects the available space, it selects the layout most appropriate for the screen. So, when you open a browser on the desktop, the site chooses the best layout for the desktop screen; resizing the browser has no impact on the design.
Which design approach is easier and takes less work to implement: Responsive or Adaptive?
Responsive Design. It affords less control over your design on each screen size. Offers larger number of cheap templates for the majority of CMS.
eg.) Wordpress
Mobile Interactions must be…
a. User-agnostic
b. User-driven
c. User-specified
b. User-driven
What is true of mobile users?
a. They are in constant contact with their devices
b. They are in regular contact with their devices
c. They are in occasional contact with their devices
a. They are in constant contact with their devices
Economic, religions, manners, legal, social, etc. are examples of…
Culture
noise, light, space in which something is used, privacy, etc. are examples of…
Environmental
Walking, driving, working, etc. are examples of…
Activity
Status, social interaction, entertainment, etc. are examples of…
goals that the user has
Continuous(full/partial) or intermittent(full/partial) are examples of…
Attention span the user has available
make calls, send messages, etc. are examples of…
Tasks the user wants to carry out
OS, hardware, capabilities, etc. are examples of…
The device on which the user operates
Speed, reliability, etc. are examples of…
Connection available to the user
What are the ten heuristics of mobile interaction proposed by Savio and Braiterman?
- Mobile interactions must be user-driven.
- Mobile devices from previous user models.
- Mobile requires ease of use.
- Mobile users do not welcome constant disruption
- Mobile users are in constant contact with their devices
- Mobile users will expect continuous user experiences beyond the device
- Mobile interactions may be smaller parts of greater user objectives
- Mobile users will trust peer-to-peer marketing the most.
- Mobile users will expect GPS to enhance their experiences
- Mobile may lead to a “dumb terminal” with further processing carried out elsewhere in the network.
Cultural Context
Cultural context looks at the society the characters live in and at how their culture can affect their behavior and their opportunities.
What might be a cultural context of mobile use?
A cultural context of mobile use can be found in the culture of the country the user lives in. It has its own language, metaphors, colors that holds a specific meaning in that country, etc. What their religion is and if it limits or forbids their use of technology. The social rules of the environment they’re in, eg.) A student in a classroom.
What is a good reason to use social proof on a website?
It adds credibility to the site
What technique would you use to make sure someone noticed the social proof that you provide?
An eye-tracking software
What’s another word for Social Proof?
Informational Social Influence
What is a “Social Proof”?
A psychological concept. The tendency of human beings to follow the actions of others when making decisions and placing weight on those actions to assume “the correct decision”.
What are the two reasons social proof is used in user experience design?
- To deliver credibility: If other people find a source useful or credible - we are more likely to believe that source may be useful or credible for ourselves.
- To promote adoption and/or acceptance: Volumes of people subscribing to a Facebook page or Twitter feed can encourage others to do the same. Large amounts of people doing something is a psychological indicator to people that they should do the same thing.s
What do we mean by “faking it” in terms of product design?
Building a prototype
What is an advantage of building a prototype?
It offers fast feedback prior to development of the product.
