This training was given to 8th graders from South Central who were creating their own mobile apps via Girls In Tech

2. @charleneiniguez

3. Tell Me About You
0 Intro
0 Why are you here?
0 If you were an animal what would you be?
@charleneiniguez

4. Agenda_User Centered Design
0 What is it?
0 Methodology
0 Human Interface Guidelines
0 Battle and Hum
0 Design examples
0 Competitor Testing
@charleneiniguez

5. Have you heard this before?
0 I must have clicked on
the wrong thing
0 What am I supposed to
do now?
0 What do I press?
0 This is taking too long
@charleneiniguez

6. @charleneiniguez

7. @charleneiniguez

8. What Is User Centered
Design?
0 User Centered Design (UCD) is an iterative
methodology that puts the USER at the center of all
design decisions
0 YOU are NOT the USER
0 Goal: Happy User 
@charleneiniguez

9. Prototyping Lifecycle
Define
Test Research
Design
@charleneiniguez

10. Define
0 What does it need to do?
0 Goal
@charleneiniguez

11. Research
0 Who is your user?
0 What do they expect?
0 What do they want to do?
@charleneiniguez

12. Design
0 Prototyping
0 Create Samples
@charleneiniguez

13. Test
0 Have users test and prototype
0 Ask them questions about their experience
0 Incorporate Feedback
@charleneiniguez

14. Research
0 Survey
@charleneiniguez

15. Design
0 Free Iphone App good for prototyping
0 POP
https://itunes.apple.com/us/app/id555647796?mt=
8&src=af
@charleneiniguez

16. Design
0 Create the image in the following sizes:
0 For iPhone and iPod touch:
0 About 43 x 43 pixels
0 About 86 x 86 pixels (high resolution)
0 For iPad:
0 About 55 x 55 pixels
0 About 110 x 110 pixels (high resolution)
@charleneiniguez

17. iOS Human Interface
Guidelines
0 https://developer.apple.com/library/ios/#document
ation/UserExperience/Conceptual/MobileHIG/UIEle
mentGuidelines/UIElementGuidelines.html#//apple_
ref/doc/uid/TP40006556-CH13-SW1
@charleneiniguez

18. Battle and Hum
0 http://battleandhum.com/
0 Launching February 2013!
@charleneiniguez

19. Win / Lose Page
• Buy the song
• Points and coins
won
Points 123,456
Coins • Happy battle cat
won
Next Game

20. First Designer Mock
0 Something missing
@charleneiniguez

21. Second Designer Mock
0 Fat Fingers!
0 Boring?
0 https://basecamp.com/
1947957/projects/9060
41-battle-and-
hum/todos/25034071-
win-lose-page
@charleneiniguez

22. Test
0 Your app
0 Your competitors
@charleneiniguez

23. Thank You!
@CharleneIniguez
charlene@battleandhum.com
Wanna be a tester?
@charleneiniguez