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

Basic Mockups for Mobile Learning

Embed Size (px)

DESCRIPTION

A small deck on the mobile design process for mLearning.

Citation preview

Page 1: Basic Mockups for Mobile Learning

MockupsIt’s getting real!

Tuesday, January 24, 2012

Page 2: Basic Mockups for Mobile Learning

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

Page 3: Basic Mockups for Mobile Learning

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

Page 4: Basic Mockups for Mobile Learning

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

Page 5: Basic Mockups for Mobile Learning

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

Page 6: Basic Mockups for Mobile Learning

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

Page 7: Basic Mockups for Mobile Learning

Be informed• Get delivery devices upfront

• Search and find specs

• Read the personas

• Live the wireframes

Tuesday, January 24, 2012