Basic Mockups for Mobile Learning

MockupsIt’s getting real!

Tuesday, January 24, 2012

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

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

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

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

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

Be informed• Get delivery devices upfront

• Search and find specs

• Read the personas

• Live the wireframes

Tuesday, January 24, 2012