THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a...
Transcript of THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a...
![Page 1: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/1.jpg)
THIS session is being recorded
Tuesday, 5 March 13
![Page 2: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/2.jpg)
Principles of mobile Interface design
Adam ProcterWinchester School of Art
@adamprocterTuesday, 5 March 13
![Page 3: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/3.jpg)
1. Pens and Paper at the ready2. Take notes
Tuesday, 5 March 13
![Page 4: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/4.jpg)
First get into a Mobile Mindset
Tuesday, 5 March 13
There are tons and tons of apps out there
![Page 5: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/5.jpg)
Mobile != Desktop
• tiny screen• battery powered• spotty connection• small pipe• expensive data• limited storage• distracted user• touch v mouse
Tuesday, 5 March 13
![Page 6: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/6.jpg)
Mobile != Desktop
• tiny screen• battery powered• spotty connection• small pipe• expensive data• limited storage• distracted user• touch v mousenot equal
Tuesday, 5 March 13
![Page 7: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/7.jpg)
Mobile > Desktop
• personal• always on• always with• usually connected• addressable • GPS• accelerometer• gyroscope• magnometer• +more
Tuesday, 5 March 13
first thing you touch in the morningpush notification, sms etc - “addressable”sensorscameras
![Page 8: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/8.jpg)
Mobile > Desktop
• personal• always on• always with• usually connected• addressable • GPS• accelerometer• gyroscope• magnometer• +more
greater than
Tuesday, 5 March 13
first thing you touch in the morningpush notification, sms etc - “addressable”sensorscameras
![Page 9: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/9.jpg)
be focussed, edit ruthlessly
Tuesday, 5 March 13
get rid of features!core purpose is to fit in your pocketthe core competency of X collaspsing under its own features
![Page 10: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/10.jpg)
be focussed, edit ruthlessly
Tuesday, 5 March 13
get rid of features!core purpose is to fit in your pocketthe core competency of X collaspsing under its own features
![Page 11: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/11.jpg)
Tuesday, 5 March 13
![Page 12: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/12.jpg)
Be UNIQUE!
Tuesday, 5 March 13
There are tons and tons of apps out there
![Page 13: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/13.jpg)
Create a PERSONALITY
Tuesday, 5 March 13
Apps that are friendly reliable and delightful are very importantCharmingMobile devices are intensely personal device They are our constrant companions- they will see you app as a friend or helped
![Page 14: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/14.jpg)
Create a PERSONALITY
freddie mailchimp’s mascotTuesday, 5 March 13
Apps that are friendly reliable and delightful are very importantCharmingMobile devices are intensely personal device They are our constrant companions- they will see you app as a friend or helped
![Page 15: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/15.jpg)
USER first
it not NOT about you
Tuesday, 5 March 13
focus on the user first not
![Page 16: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/16.jpg)
Mobile Context’s
Tuesday, 5 March 13
focus on the user first not
![Page 17: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/17.jpg)
Tuesday, 5 March 13
texting and walking
![Page 18: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/18.jpg)
Tuesday, 5 March 13
texting and walking
![Page 19: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/19.jpg)
Mobile Context’s
Tuesday, 5 March 13
focus on the user first not
![Page 20: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/20.jpg)
BOREDsocial, news, entertainment
Tuesday, 5 March 13
Immersive and delightful experience that picks up where user left off is important.* eBay sells multiple ferraris per MONTH on mobile.* personally, smartphones and tablets have completely replaced traditional television. * still, interruptions are highly likely so be sure to pick up where user left off.There are a lot of people using their smartphones on the couch at home. In this context, immersive and delightful experiences geared toward a longer usage session are a great fit. Still, interruptions are highly likely so be sure your app can pick up where your user left off. Examples: Facebook, Twitter, Angry Birds, web browser.
![Page 21: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/21.jpg)
BUSY
email, calendar, banking
Tuesday, 5 March 13
Ability to accomplish micro-tasks incredibly quickly and reliably in a hectic environment is important.* Tunnel vision * Huge targets * Bold design
This is the 'running though the airport' scenario. The ability to accomplish micro-tasks quickly and reliably with one hand in a hectic environment is critical. Remember that the user will have tunnel vision in this context, so huge targets and bold design are important. Examples: TripIt, email, calendar, banking.
![Page 22: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/22.jpg)
LOSTattractions, directions, recommendations
Tuesday, 5 March 13
In transit, in unfamiliar surroundings, or in familiar surroundings but interested in something unknown. Connectivity and battery life are big concerns.Users who are in transit, in unfamiliar surroundings, or in familiar surroundings but interested in something unknown around fall into the lost category. In this context, sketchy connectivity and battery life are big concerns, so you should offer some level of offline support and be sparing with your use of geolocation and other battery hogs.
Typical examples: Maps, Yelp, Foursquare
![Page 23: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/23.jpg)
“The interrelated conditions, in which something exists or occurs”
Context
Tuesday, 5 March 13
![Page 24: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/24.jpg)
DesktopiPadiPhone
Tuesday, 5 March 13
think about user
![Page 25: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/25.jpg)
DesktopiPadiPhone
Tuesday, 5 March 13
think about user
![Page 26: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/26.jpg)
DesktopiPadiPhone
Tuesday, 5 March 13
think about user
![Page 27: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/27.jpg)
DesktopiPadiPhone
Tuesday, 5 March 13
think about user
![Page 28: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/28.jpg)
Some Global Guidelines
Tuesday, 5 March 13
stuff that always mattersBut
![Page 29: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/29.jpg)
Be Responsiveness& Communicate
Tuesday, 5 March 13
MUST be responsivedoes not meaning thinks need to happen fastbut you should respond to the User interaction immediately
![Page 30: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/30.jpg)
Launch screenShould be ‘content-less’
Tuesday, 5 March 13
Launch screensHave to happen..Ads / Branding - not so good as can feel like time wasting.
![Page 31: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/31.jpg)
twitter facebookTuesday, 5 March 13
buttons etc on the screen are frustrating as they fools you to interact with it but app is not ready
![Page 32: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/32.jpg)
Resume where you left
Tuesday, 5 March 13
launch image might mess it up
![Page 33: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/33.jpg)
First Launch is different
Tuesday, 5 March 13
![Page 34: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/34.jpg)
Give a tips and tricks overlay
Simple carousel guide
Tuesday, 5 March 13
hopefully app is simple4 steps max allow skip (in case of reinstall)or is user content - add in dummy content that is actually a guideempty to do this - has dummy to dos that are a guide
![Page 35: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/35.jpg)
Communicate Feedback
Tuesday, 5 March 13
provide feedback and think about intention.
![Page 36: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/36.jpg)
Tuesday, 5 March 13
provide feedback and think about intention (harder).for example clicking on a list you want to highlight row but if user scrolls list the would be confused if it highlightedintent driven instant user feedback (native more than web)
long should have spinner
![Page 37: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/37.jpg)
Modal & Confirmation
Tuesday, 5 March 13
modal alerts should be for disasters.pushy, pulls them out of user flowUse for alerts
confirmation if they for example log out - pop up
![Page 38: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/38.jpg)
Polish
Tuesday, 5 March 13EXPENSIVE To do this
Polish is extremely valuable. Because of the 'constant companion' nature of our relationship to smartphones, paying a lot of attention to getting the little details perfect will be noticed and appreciated. I think of this as being like the 'fit and finish' of a car. The engine might be powerful and the body style gorgeous, but if there’s a lot of road noise or rattling on the highway, the experience will begin to degrade for the commuter.
![Page 39: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/39.jpg)
Thumbs
Tuesday, 5 March 13
With the advent of touchscreen interfaces, everyone is always talking about “finger this” and “finger that”. In reality, the thumb is what we need to design for. Unless the user has her smartphone is using two hands, it’s almost impossible to get a finger on the screen. And even in a two handed grip, she’s likely to type with two thumbs.
![Page 40: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/40.jpg)
Targets
Tuesday, 5 March 13
44px is the magic numberDon’t put the Send button adjacent to the Backspace button
![Page 41: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/41.jpg)
Content is KING
Tuesday, 5 March 13
direct manipulation of content
![Page 42: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/42.jpg)
mailbox app
Tuesday, 5 March 13
changed how I use email
![Page 43: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/43.jpg)
mailbox app
Tuesday, 5 March 13
changed how I use email
![Page 44: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/44.jpg)
clear app
Tuesday, 5 March 13
direct manipulation of contentnumber 1 to do appwhere can you remove controls and extra content - focus and strip out
![Page 45: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/45.jpg)
clear app
Tuesday, 5 March 13
direct manipulation of contentnumber 1 to do appwhere can you remove controls and extra content - focus and strip out
![Page 46: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/46.jpg)
controls at the bottom
Tuesday, 5 March 13
Think of an adding machine, a bathroom scale, or even a computer - the controls are beneath the display. And for good reason - if they weren’t, we wouldn’t be able to see what was going on with the content!Exact opposite to desktop thats why its not obviousContrast this real-world design consideration with traditional web or desktop software, where navigation and menu bars are virtually always at the top. This made sense because the mouse pointer is nearly invisible. Not so with finger as a pointer.
![Page 47: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/47.jpg)
Avoid Scrolling
Tuesday, 5 March 13Avoid scrolling. I can assure you that 'below the fold' exists for mobile. Also, having a non-scrolling screen has a more solid and dependable 'feel' than a scrolling view because it’s more predictable. Of course, certain screens have to scroll, but it’s good to avoid it where you can. If you think discoverability might be an issue, you can reverse animate scrollable content into its default position to give a subtle but effective indication that there is more content out of view.
![Page 48: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/48.jpg)
Navigation modesDesign Patterns
Tuesday, 5 March 13
pick the one that works best
![Page 49: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/49.jpg)
NONE
Tuesday, 5 March 13
single screen apps
![Page 50: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/50.jpg)
NONE
Tuesday, 5 March 13
single screen apps
![Page 51: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/51.jpg)
Tab Bar
Tuesday, 5 March 13
3-6 cats at the bottom - most popularviews you see are different top level views - none is hierarchy distinct modules.File folders - different content - should not be drilling down
![Page 52: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/52.jpg)
Drill down
Tuesday, 5 March 13
![Page 53: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/53.jpg)
Drill downTab Bar &
Tuesday, 5 March 13
![Page 54: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/54.jpg)
Typing is BAD !(no fun)
Tuesday, 5 March 13
minimise keyboard interaction as much as possible
![Page 55: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/55.jpg)
Show correct keyboard if you have to have user keyboard
Tuesday, 5 March 13
minimise keyboard interaction as much as possible
![Page 56: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/56.jpg)
If app has lots of typing you MUST support landscape
Tuesday, 5 March 13
minimise keyboard interaction as much as possible
![Page 57: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/57.jpg)
*Multi touch requires two hands
Tuesday, 5 March 13
google maps example no zoom in and out buttonnot good for lost or busy really
![Page 58: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/58.jpg)
*Swipes etc nice to have
Tuesday, 5 March 13
but KIS
![Page 59: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/59.jpg)
No replacement for visible controls and one finger
Tuesday, 5 March 13
there is no real replacement for this
![Page 60: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/60.jpg)
No replacement for visible controls and one finger
Tuesday, 5 March 13
![Page 61: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/61.jpg)
Portrait RULES!
Tuesday, 5 March 13
optimise for this first, think about the landscape (keyboard)watch out for landscape changes by mistake (lieing down)lock orientation if possible
![Page 62: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/62.jpg)
Practical
Tuesday, 5 March 13
optimise for this first, think about the landscape (keyboard)watch out for landscape changes by mistake (lieing down)lock orientation if possible
![Page 63: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/63.jpg)
Your Icon - very important
Tuesday, 5 March 13
Very important - its your business card (basically)Literal as possibleif not make a play on the nameBOLD - Jon Hicksapp store home screen
![Page 64: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/64.jpg)
The Icon Handbook - Jon HicksTuesday, 5 March 13
Very important - its your business card (basically)Literal as possibleif not make a play on the nameBOLD - Jon Hicksapp store home screen
![Page 65: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/65.jpg)
Good basic Principles
Tuesday, 5 March 13
![Page 66: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/66.jpg)
Balanced Design
- People- Content- Context
Tuesday, 5 March 13
![Page 67: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/67.jpg)
Balanced Design
- Users- Business- Context
Tuesday, 5 March 13
![Page 68: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/68.jpg)
Good content is;
- Appropriate- Useful- User-Centred- Clear- Consistent- Consise- Supported
Tuesday, 5 March 13
![Page 69: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/69.jpg)
Personas
Tuesday, 5 March 13
Flickr user CannedtunaCreate a real person name and Photo
![Page 70: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/70.jpg)
Storyboard on PAPER!
Tuesday, 5 March 13
pencil and paper
![Page 71: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/71.jpg)
Paper prototypes
Tuesday, 5 March 13
![Page 72: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/72.jpg)
Tuesday, 5 March 13
http://consultingblogs.emc.com/tscottstromberg/archive/2010/10/13/the-fine-art-of-wireframing-a-blatant-repost.aspx
![Page 73: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/73.jpg)
Video Storyboard
narratewalk throughjourney
Tuesday, 5 March 13
![Page 74: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/74.jpg)
Tuesday, 5 March 13
http://colly.com/comments/dconstruct_workshop/
![Page 75: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/75.jpg)
Having said that...Prototype on device’s ASAP
Tuesday, 5 March 13
JQM Zeptoget a feel for it
![Page 76: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/76.jpg)
then back to paper
Tuesday, 5 March 13
![Page 77: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/77.jpg)
Tuesday, 5 March 13
iterate
![Page 78: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/78.jpg)
prototyping should be quick
Tuesday, 5 March 13
does not need to be production readyJQM
![Page 79: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/79.jpg)
UI Design Principles
Tuesday, 5 March 13
![Page 80: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/80.jpg)
Consistency
Tuesday, 5 March 13
dont re invent the wheel
Pay attention to patternsUsers spend the majority of their time on interfaces other than your own (Facebook, MySpace, Blogger, Bank of America, school/university, news websites, etc). There is no need to reinvent the wheel. Those interfaces may solve some of the same problems that users perceive within the one you are creating. By using familiar UI patterns, you will help your users feel at home.
![Page 81: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/81.jpg)
Affordance
Tuesday, 5 March 13
Clues to what it does - http://www.pbase.com/pnd1/image/50093460Image Copyright © held by Phil Douglis, The Douglis Visual Workshops
Affordance
An affordance is a quality of an object, or an environment, which allows an individual to perform an action. For example, a knob affords twisting, and perhaps pushing, while a cord affords pulling.
![Page 82: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/82.jpg)
Don-Norman
Tuesday, 5 March 13
http://www.amazon.co.uk/Design-Everyday-Things-Don-Norman/dp/0465067107
loads in the library
![Page 83: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/83.jpg)
Design a systemNot Pages/Screens
Tuesday, 5 March 13
![Page 84: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/84.jpg)
Design Atmosphere
- colour- typography- texture- layout
Tuesday, 5 March 13
Very important - its your business card (basically)Literal as possibleif not make a play on the nameBOLD - Jon Hicksapp store home screen
![Page 85: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/85.jpg)
Think Colour
Tuesday, 5 March 13
http://styletil.es/Kulerhttp://www.colourlovers.com/
![Page 86: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/86.jpg)
Typographic selection- style - scale - hierarchy
Think Type
Tuesday, 5 March 13
![Page 87: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/87.jpg)
Tuesday, 5 March 13
typecast
![Page 88: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/88.jpg)
Texture / Feeling
Tuesday, 5 March 13
Very important - its your business card (basically)Literal as possibleif not make a play on the nameBOLD - Jon Hicksapp store home screen
![Page 89: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/89.jpg)
Tuesday, 5 March 13
![Page 90: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/90.jpg)
Tuesday, 5 March 13
![Page 91: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/91.jpg)
Tuesday, 5 March 13
![Page 92: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/92.jpg)
Style Tiles
Tuesday, 5 March 13
http://styletil.es/Kulerhttp://www.colourlovers.com/
![Page 93: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/93.jpg)
User bits
Tuesday, 5 March 13
http://dribbble.com/shots/597337-Braun-UI-psdhttp://dribbble.com/
http://www.icondeposit.com/design:19
SKETCH
![Page 94: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/94.jpg)
User Testing
• functional (by you)• cafe testing (adhoc)• task testing (gather data)
Tuesday, 5 March 13
youeye.comsilverbackhttp://www.usertesting.com/
![Page 95: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/95.jpg)
User Testing
Tuesday, 5 March 13
youeye.comsilverbackhttp://www.usertesting.com/
![Page 96: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/96.jpg)
I keep six honest serving-men they taught me all I knew;
Their names are What and Why and When
And How and Where and Who.
- Rudyard Kipling
Tuesday, 5 March 13
![Page 97: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/97.jpg)
I keep six honest serving-men they taught me all I knew;
Their names are What and Why and When
And How and Where and Who.
- Rudyard Kipling
I keep six honest serving-men they taught me all I knew;
Their names are What and Why and When
And How and Where and Who.
- Rudyard Kipling
Tuesday, 5 March 13
![Page 98: THIS session is being recorded - EdShare Sotonedshare.soton.ac.uk/10674/3/mobile_design.pdfGive a tips and tricks overlay Simple carousel guide Tuesday, 5 March 13 hopefully app is](https://reader034.fdocuments.us/reader034/viewer/2022042310/5ed735d3d37f9f58ca6a79cb/html5/thumbnails/98.jpg)
Jonathan StarkLuke WroblewskiJared Spool
Tuesday, 5 March 13