A small deck on the mobile design process for mLearning.

1. Mockups
It’s getting real!
Tuesday, January 24, 2012

2. What we love about mockups
• They’re pretty
• We can relate to them
• “Non Creatives” can relate to
them
• They feel so close!
Tuesday, January 24, 2012

3. What we hate about mockups
• They’re expensive to make
• They can set unfair
expectations
• Designers don’t always know
functionality
• Lorem Ipsum Doldrums
• Everyone has to weigh in on
them
Tuesday, January 24, 2012

4. The building blocks
• Understand design patterns
• Get over “being innovative”
• Concentrate on being detailed
• Choose elegance over flash
• Use real content
• Get native
Tuesday, January 24, 2012

5. The ethos
• Don’t be a jerk to yourself or
your team
• Check your designs often
• Try not to stray from the menu
• Choose elegance over flash
• Get native
Tuesday, January 24, 2012

6. Get equipped
• Vector tools are often best
• PSDs work well, but aren’t
required
• Final output is probably PNG
• Get some templates!
• http://www.teehanlax.com/
downloads/
• http://
iconlibrary.iconshock.com/
Tuesday, January 24, 2012

7. Be informed
• Get delivery devices upfront
• Search and find specs
• Read the personas
• Live the wireframes
Tuesday, January 24, 2012