prototyping your iphone/ipad app
DESCRIPTION
Prototyping is often a misunderstood subject especially when it comes to mobile apps. It is often mistaken for wireframing or detailed project specifications.In this talk, Paul Ardeleanu -- author of Skills Matter's Intro and Advanced iOS training courses -- discusses the tools available and shares his personal expediencies leading a team of iOS and Android developers.Topics will range from wireframing, asserting your friend's idea, dealing with "troublesome" clients/projects, handling miscommunication between developers, project managers and designers. Based on an idea from attendees, Paul will attempt to create a rough prototypeTRANSCRIPT
![Page 1: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/1.jpg)
Copyright © 2012 Hello24 Ltd. http://hello24.com
iOS Application Development
Prototyping your iOS appPaul Ardeleanu
Geek in Chief at Hello24
Tuesday, 24 January 12
![Page 2: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/2.jpg)
iOS Application Development
Tuesday, 24 January 12
![Page 3: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/3.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
The plan
‣ HIG’s & ADS
‣ User journeys
‣ Interface design patterns
‣ Creating new interfaces
‣ Keynotopia
‣ Storyboarding
‣ Demo
3
Tuesday, 24 January 12
![Page 4: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/4.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Development vs. Design
4
Tuesday, 24 January 12
![Page 5: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/5.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Development vs. Design
4
PM
Design, UX
Code
Debug&Test
Deployment
Traditional
Tuesday, 24 January 12
![Page 6: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/6.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 20125
Tuesday, 24 January 12
![Page 7: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/7.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Development vs. Design
6
PM
Design, UX
Code
Debug&Test
Deployment
Traditional
Tuesday, 24 January 12
![Page 8: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/8.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Development vs. Design
6
PM
Design, UX
Code
Debug&Test
Deployment
Traditional
PM
Prototyping, UX, design
Code
Debug&Test
Mobile
Tuesday, 24 January 12
![Page 9: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/9.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012flickr.com/photos/seretuaccidente/
Let’s start from the beginning
7
Tuesday, 24 January 12
![Page 10: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/10.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
There is no such thing as a bad idea!
flickr.com/photos/andyandorla/ 8
Tuesday, 24 January 12
![Page 11: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/11.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 20129flickr.com/photos/bade_md/5617676375/Tuesday, 24 January 12
![Page 12: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/12.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201210flickr.com/photos/romainguy/1032027276/Tuesday, 24 January 12
![Page 13: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/13.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201211
Tuesday, 24 January 12
![Page 14: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/14.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
What to expect?
12
Tuesday, 24 January 12
![Page 15: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/15.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
What to expect?
‣ “I have this idea...”
‣ I want to build the next Angry Birds
‣ I want to build an app that does ...
‣ I want my phone to connect to my brain and download my thoughts!
12
Tuesday, 24 January 12
![Page 16: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/16.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
What to expect?
‣ “I have this idea...”
‣ I want to build the next Angry Birds
‣ I want to build an app that does ...
‣ I want my phone to connect to my brain and download my thoughts!
‣ Client brief
12
Tuesday, 24 January 12
![Page 17: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/17.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
What to expect?
‣ “I have this idea...”
‣ I want to build the next Angry Birds
‣ I want to build an app that does ...
‣ I want my phone to connect to my brain and download my thoughts!
‣ Client brief
‣ List of requirements
12
Tuesday, 24 January 12
![Page 18: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/18.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
What to expect?
‣ “I have this idea...”
‣ I want to build the next Angry Birds
‣ I want to build an app that does ...
‣ I want my phone to connect to my brain and download my thoughts!
‣ Client brief
‣ List of requirements
‣ Wireframes
12
Tuesday, 24 January 12
![Page 19: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/19.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201213
List of features
too manyfeatures?
Filter
Yes
ApplicationDefinitionStatement
Appfeatures
User journeys
Wirefames
Prototype
Tuesday, 24 January 12
![Page 20: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/20.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201213
List of features
too manyfeatures?
Filter
Yes
ApplicationDefinitionStatement
Appfeatures
User journeys
Wirefames
Prototype
Tuesday, 24 January 12
![Page 21: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/21.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Application Definition Statement
14
Tuesday, 24 January 12
![Page 22: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/22.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Application Definition Statement
It is a concise, concrete declaration of an app’s main purpose and its intended audience.
15
Tuesday, 24 January 12
![Page 23: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/23.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Application Definition Statement
It is a concise, concrete declaration of an app’s main purpose and its intended audience.
h24.co/iOS-HIGs
15
iOS Human Interface Guidelines
Tuesday, 24 January 12
![Page 24: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/24.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Type of apps
16
Tuesday, 24 January 12
![Page 25: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/25.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201217
Tuesday, 24 January 12
![Page 26: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/26.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Serious tool
18
Tuesday, 24 January 12
![Page 27: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/27.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Fun tool
19
Tuesday, 24 January 12
![Page 28: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/28.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Fun entertainment
20
Tuesday, 24 January 12
![Page 29: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/29.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Serious entertainment
21
Tuesday, 24 January 12
![Page 30: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/30.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Utility
22
Tuesday, 24 January 12
![Page 31: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/31.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Device constraints
‣ small size
‣ limited hardware
‣ one screen at a time
‣ one application at a time *
‣ touch input
23
Tuesday, 24 January 12
![Page 32: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/32.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Interaction
‣ gestures (tap, double-tap, drag, flick, swipe, pinch open/close, touch&hold
‣ shake
‣ orientation
‣ audio switch (and volume buttons)
‣ home & power buttons
24
Tuesday, 24 January 12
![Page 33: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/33.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
User journeys
25
Tuesday, 24 January 12
![Page 34: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/34.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201226flickr.com/photos/delainahaslam/6582009999/Tuesday, 24 January 12
![Page 35: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/35.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201227flickr.com/photos/25228175@N08/5044656545/Tuesday, 24 January 12
![Page 36: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/36.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201228flickr.com/photos/unlistedsightings/1027938595/Tuesday, 24 January 12
![Page 37: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/37.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201229
It is a concise, concrete declaration of an app’s main purpose and its
intended audience
flickr.com/photos/v50/6319721666/Tuesday, 24 January 12
![Page 38: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/38.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201230
step 1
check in
Check in info
Case Study: check-in system
Tuesday, 24 January 12
![Page 39: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/39.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201230
step 1
check in
Check in info
step 2
male
Your gender
female
Case Study: check-in system
Tuesday, 24 January 12
![Page 40: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/40.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201230
step 1
check in
Check in info
step 2
male
Your gender
female
step 3
Select your date of birth
1 2 3
29 30 31
...
Case Study: check-in system
Tuesday, 24 January 12
![Page 41: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/41.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201230
step 1
check in
Check in info
step 2
male
Your gender
female
step 3
Select your date of birth
1 2 3
29 30 31
...
step 4
Select your month of birth
January February March April
May June July August
September October November December
Case Study: check-in system
Tuesday, 24 January 12
![Page 42: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/42.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201230
step 1
check in
Check in info
step 2
male
Your gender
female
step 3
Select your date of birth
1 2 3
29 30 31
...
step 4
Select your month of birth
January February March April
May June July August
September October November December
step 5 - OK, take a seat
Case Study: check-in system
Tuesday, 24 January 12
![Page 43: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/43.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201231
step 1
check in
Check in info
Case Study: check-in system
Tuesday, 24 January 12
![Page 44: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/44.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201231
step 1
check in
Check in info
step 2
Select your month of birth
January February March April
May June July August
September October November December
Case Study: check-in system
Tuesday, 24 January 12
![Page 45: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/45.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201231
step 1
check in
Check in info
step 3
Select your date of birth
2 14 30
step 2
Select your month of birth
January February March April
May June July August
September October November December
Case Study: check-in system
Tuesday, 24 January 12
![Page 46: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/46.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201231
step 1
check in
Check in info
step 3
Select your date of birth
2 14 30
step 2
Select your month of birth
January February March April
May June July August
September October November December
step 4 - OK, take a seat
Case Study: check-in system
Tuesday, 24 January 12
![Page 47: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/47.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Don’t... Just don’t!
32
Tuesday, 24 January 12
![Page 48: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/48.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201233
List of features
too manyfeatures?
Filter
Yes
ApplicationDefinitionStatement
Appfeatures
User journeys
Wirefames
Prototype
Tuesday, 24 January 12
![Page 49: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/49.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Interface design patterns
34
Tuesday, 24 January 12
![Page 50: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/50.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Interface design patterns
‣ Table view
‣ Navigation controller
‣ Tab bar
‣ Popover & Modal views
‣ SplitViewController
35
Tuesday, 24 January 12
![Page 51: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/51.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Table view controller
36
Tuesday, 24 January 12
![Page 52: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/52.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
UITableViewController
37
Tuesday, 24 January 12
![Page 53: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/53.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
UITableViewController
37
Tuesday, 24 January 12
![Page 54: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/54.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
UITableViewController
37
table header view
Tuesday, 24 January 12
![Page 55: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/55.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
UITableViewController
37
table header view
footer header view
Tuesday, 24 January 12
![Page 56: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/56.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
UITableViewController
37
table header view
footer header view
section header view
Tuesday, 24 January 12
![Page 57: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/57.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
UITableViewController
37
table header view
footer header view
section header view
section footer view
Tuesday, 24 January 12
![Page 58: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/58.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
UITableViewController
37
table header view
footer header view
section header view
section footer view
row 0 view
Tuesday, 24 January 12
![Page 59: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/59.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
UITableViewController
37
table header view
footer header view
section header view
section footer view
row 0 view
row 1 view
Tuesday, 24 January 12
![Page 60: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/60.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
UITableViewController
37
table header view
footer header view
section header view
section footer view
row 0 view
row 1 view
section header view
section footer view
row 0 view
row 1 view
Tuesday, 24 January 12
![Page 61: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/61.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201238
Tuesday, 24 January 12
![Page 62: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/62.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Navigation Controller
39
Tuesday, 24 January 12
![Page 63: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/63.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Navigation Controller
40
mailbox1 mailbox2
message1.1 message1.2 message3.1
TableView
TableView
mailbox3
My Mail
Tuesday, 24 January 12
![Page 64: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/64.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Navigation Controller
41
Root View Controller
Top View Controller
Tuesday, 24 January 12
![Page 65: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/65.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Tab Bar Controller
42
Tuesday, 24 January 12
![Page 66: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/66.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Modal view
43
Tuesday, 24 January 12
![Page 67: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/67.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Popover view
44
Tuesday, 24 January 12
![Page 68: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/68.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
SplitViewController
45
Tuesday, 24 January 12
![Page 69: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/69.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Don’t... Just don’t!
46
Tuesday, 24 January 12
![Page 70: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/70.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Creating new interfaces
47
Tuesday, 24 January 12
![Page 71: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/71.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Inventing new interfaces
48
Tuesday, 24 January 12
![Page 72: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/72.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Path
49
Tuesday, 24 January 12
![Page 73: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/73.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Path
49
Tuesday, 24 January 12
![Page 74: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/74.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Path
50
Tuesday, 24 January 12
![Page 75: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/75.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Instapaper
51
Tuesday, 24 January 12
![Page 76: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/76.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
52
Tuesday, 24 January 12
![Page 77: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/77.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201253
Tuesday, 24 January 12
![Page 78: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/78.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201254
List of features
too manyfeatures?
Filter
Yes
ApplicationDefinitionStatement
Appfeatures
User journeys
Wirefames
Prototype
Tuesday, 24 January 12
![Page 79: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/79.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Prototyping with Keynotopia
55
Tuesday, 24 January 12
![Page 80: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/80.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Keynotopia demo: Timers
56
Tuesday, 24 January 12
![Page 81: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/81.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Storyboarding
57
Tuesday, 24 January 12
![Page 82: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/82.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201258
Tuesday, 24 January 12
![Page 83: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/83.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201259
Tuesday, 24 January 12
![Page 84: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/84.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201260
Tuesday, 24 January 12
![Page 85: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/85.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201261
Tuesday, 24 January 12
![Page 86: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/86.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
http://www.raywenderlich.com/5138/beginning-storyboards-in-ios-5-part-1 62
Tuesday, 24 January 12
![Page 87: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/87.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
iBooks2
63
Tuesday, 24 January 12
![Page 88: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/88.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 201264
Tuesday, 24 January 12
![Page 89: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/89.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Creating an app
‣ create an application definition statement
‣ top down approach
‣ primary task (keep it simple)
‣ ease of use (make it obvious)
65
Tuesday, 24 January 12
![Page 90: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/90.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Questions?
66
Tuesday, 24 January 12
![Page 91: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/91.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Demo
67
Tuesday, 24 January 12
![Page 92: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/92.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Features
‣ simple countdown timer countdown
‣ CRUD for timer
‣ local notifications for when the timer is up
‣ collection of timers
‣ pomodoro (25min + 5 min)
‣ gym training (5 mins, etc. )
‣ Crud for collections - move timers in list
68
Tuesday, 24 January 12
![Page 93: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/93.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Timers app
69
A simple to use countdown collection for time conscious individuals.
Serious Tool
ADS
Type
Tuesday, 24 January 12
![Page 94: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/94.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Keynote tips&tricks
70
Tuesday, 24 January 12
![Page 95: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/95.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Keynote tips & tricks
71
Tuesday, 24 January 12
![Page 96: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/96.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Resources
72
Tuesday, 24 January 12
![Page 97: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/97.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Resources LiTG
http://skillsmatter.com/user-group/os-mobile-server/litghttp://www.linkedin.com/groups?gid=3323860
73
Tuesday, 24 January 12
![Page 98: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/98.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Resources MagicTou.ch
http://magictou.ch74
Tuesday, 24 January 12
![Page 99: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/99.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Resources
http://lanyrd.com/guides/ios-london/ http://nsconference.com
75
Tuesday, 24 January 12
![Page 100: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/100.jpg)
Copyright © 2012 Hello24 Ltd. http://hello24.com
iOS Application Development
2nd & 3rd April, London2 DaysWorkshops and Main Conference
Day 1:Hands-on Full Day Workshops - iOS Development with Paul Ardeleanu - Android Fast Track Development with Marko Gargenta - Mobile Web Development (tbc)
Tuesday, 24 January 12
![Page 101: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/101.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Day 2: Main Conference with 5 tracks - iOS - Android - Mobile Web - Platforms - Mobile Business
International Speakers - Technical Sessions - Great Networking
150 for 150 offer - £150 for 1st 150 places
77
Tuesday, 24 January 12
![Page 102: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/102.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
One more thing...
78
Tuesday, 24 January 12
![Page 103: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/103.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Free ticket raffle
Email to: [email protected]
subject: ‘PAUL A RAFFLE’
Ticket draw on Thursday 26th January
79
Tuesday, 24 January 12
![Page 104: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/104.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Thank you!
80
Tuesday, 24 January 12
![Page 105: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/105.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Thank you!
stay hungry, stay foolish
80
Tuesday, 24 January 12
![Page 106: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/106.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Thank you!
stay hungry, stay foolish
80
Tuesday, 24 January 12
![Page 107: Prototyping your iPhone/iPad app](https://reader033.vdocuments.mx/reader033/viewer/2022051110/54c7f80b4a795954348b45b3/html5/thumbnails/107.jpg)
SkillsMatter January 2012 Slide Hello24 Ltd. (c) 2012
Thank you!
stay hungry, stay foolish
80
twitter.com/pardel
Tuesday, 24 January 12