08 Mobile Flashcards
A responsive website is one which?
adjusts its appearance to suit the device it is being used on
What apps is an example of a consumption app?
A social media app e.g. Facebook
When a company decides that there is more than one use case for an app, they may split it into two or more separate apps. What is this process known as?
Unbundling
What are the two main types of flow for mobile?
Linear, Hub and spoke
7.6mm is the recommended ____________ size for both android and iOS.
tap target
You are designing a new mobile app for a property company. Images of the properties need to be as big as possible. Which navigation style should you use?
Thumbnail view
You are entering your delivery address for an online purchase and notice that your country of residence has been pre-populated. What is this an example of?
Smart default
What is a software application?
Computer program built to perform a scertain set of tasks. Like word, excel
What is a web application?
Application that are developed to run in a web-browser and can be used on any operating system that has a web browser.
What is a responsive website?
Website or webiste application that adjust its appearacnce to suit the device it is beeing used on by altering fonts, image sizes, content hierachy and how navigation may appear
What is a mobile website?
Also called m-dot webiste. This is a website spesifically deveoped for the capabilities and constraints of mobile devices. A mobile webiste is usually deveoped in conjunction with a seperate website. Example: Facebook
What is a native app?
Software applications built spesifically for use on a mobile or tablet device. Native apps run on the operating system of the mobile device.
What are the two most dominant operating systems?
iOS and Android
What are the checklist point of making an app?
- volume: Do you have a lot of users?
- frequency: Hov´w often do they use the app?
- unique: Does your app need native capabilities a web app won´t provide?
- Cost: Is the cost of building and maintaining woth the benefits
what is it called when you separate apps?
Un-bundling (Facebook has done this with facebook and messenger)
What is important to consider when deciding to use a hub and spokes model
- should only be used when the sequence is not natural
- minimal dependenscies between the tasks
- long involved transactions
What is a hub and spoke model
The non-linear sequence does not have to be completed step by step. You might even go in and change some of the decistions. This is called a hub and spoke
What does navigation do?
- tells me where i am
- where i can go
- how i get there
- and how i get back to where i started
Why does navigation matter?
Critical to good experiences
Smoothes the flow
reduces friction and saves people time
What can we do to ensure good navigation?
- choose appropriate navigation
- choose it for our overall app
- choose it for spesific tasks within the app
What is a tabbed menu?
Tabs at the bottom or top of the screen
What is an off-canvas menu?
Primary menu appears using sliding navigation for the side.
When should you use off canvas menu?
When you have broad content functionality
Too many options for tabs
All options are of equal importance
What are floating buttons
Buttons at the bottom that float. Popular with utility apps
Prioritises scertain cases
Can also be used for navigation
What are floating buttons
Buttons at the bottom that float. Popular with utility apps
Prioritises scertain cases
Can also be used for navigation
What are the different navigation patterns?
Tabs Off canvas Floating buttons content as navigation blended
What are smart defaults?
Prefilled information based off ip adress and so on- Use available data Make educated guess Most will benefit Nobody will be worse off
Whats important to remember in regards to content and navigation?
Always prioritise content over navigation
Most critical/popular content first
Navigation is accessible, but secondary
What is the ideal tap size for android and ios?
7,6 mm
What is a list view?
Displaying a list of the elements - image and text
What is a detailed list view?
Lots of info and image - like amazon
What does proritising content look like?
Like airlines, monomdo and so on. priorities based off of price, date, time and so on
What is a grid view?
Like the one on online shops lika asos
What is a thumbnail view?
Like looking at Finn.no
What is the puropose of notifications?
To notify the user of communications from others and to remind them of upcoming tasks or events.
What does notifications do?
- Inform the user
- Brings information to the user
- Quick access to functionality
- Quick access to the app
What are the best practises of notifications?
Be genuienely useful
Be time sensitive
Dont bombard
What does skeleton states do
They give the impression that your mobile software is loading faster than it actually is
How many abandon apps if it takes more than three seconds to load?
53% of users