36
© All rights reserved Information Design Marco Costa Senior Consultant @ OutSystems http://bit.ly/greatinfodesign www.outsystems.com Pro tips for great

Pro Tips for Great Information Design

  • View
    803

  • Download
    1

Embed Size (px)

DESCRIPTION

Three basic rules for creating apps that present data in easily consumable formats

Citation preview

Page 1: Pro Tips for Great Information Design

© All rights reserved

Information Design Marco Costa – Senior Consultant @ OutSystems

http://bit.ly/greatinfodesign

www.outsystems.com

Pro tips for great

Page 2: Pro Tips for Great Information Design

© All rights reserved

Can you memorize 7 digits?

42 3512942

Page 3: Pro Tips for Great Information Design

© All rights reserved

Page 4: Pro Tips for Great Information Design

© All rights reserved

Bad applications will make

your users fat

Page 5: Pro Tips for Great Information Design

© All rights reserved

The 3 basic rules

Easy to read

Easy to input

Easy to navigate

Page 6: Pro Tips for Great Information Design

© All rights reserved

Easy to read

Are your applications easy to read?

Page 7: Pro Tips for Great Information Design

© All rights reserved

Lazy fact #7548323121

You were too lazy to read that number

Page 8: Pro Tips for Great Information Design

© All rights reserved

Is this easy to read?

Page 9: Pro Tips for Great Information Design

© All rights reserved

What about this one?

Page 10: Pro Tips for Great Information Design

© All rights reserved

Page 11: Pro Tips for Great Information Design

© All rights reserved

Content is king

Page 12: Pro Tips for Great Information Design

© All rights reserved

Group elements

Page 13: Pro Tips for Great Information Design

© All rights reserved

Use white space

Page 14: Pro Tips for Great Information Design

© All rights reserved

Work the visual hierarchy

Page 15: Pro Tips for Great Information Design

© All rights reserved

Optimize for main use

cases

Page 16: Pro Tips for Great Information Design

© All rights reserved

Remove clutter

Page 17: Pro Tips for Great Information Design

© All rights reserved

Focus on user needs

Page 18: Pro Tips for Great Information Design

© All rights reserved

The 3 basic rules

Easy to read

Easy to input

Easy to navigate

Page 19: Pro Tips for Great Information Design

© All rights reserved

Easy Input

Input is a pain, how to make it easy?

Page 20: Pro Tips for Great Information Design

© All rights reserved

Are they that different?

Page 21: Pro Tips for Great Information Design

© All rights reserved

Keep it simple and organize

Page 22: Pro Tips for Great Information Design

© All rights reserved

Use auto-complete lists

Page 23: Pro Tips for Great Information Design

© All rights reserved

Stop misusing dropdowns

Page 24: Pro Tips for Great Information Design

© All rights reserved

Give good feedback

Page 25: Pro Tips for Great Information Design

© All rights reserved

Feedforward your users

Page 26: Pro Tips for Great Information Design

© All rights reserved

The 3 basic rules

Easy to read

Easy to input

Easy to navigate

Page 27: Pro Tips for Great Information Design

© All rights reserved

Help user navigate

Content is king, but your users need to get there

Page 28: Pro Tips for Great Information Design

© All rights reserved

Reduce number of

decisions

Page 29: Pro Tips for Great Information Design

© All rights reserved

Use content navigation

Page 30: Pro Tips for Great Information Design

© All rights reserved

Button vs links

Page 31: Pro Tips for Great Information Design

© All rights reserved

Scrolling is the new ‘next’

show more...

Page 32: Pro Tips for Great Information Design

© All rights reserved

Use breadcrumbs wisely

Page 33: Pro Tips for Great Information Design

© All rights reserved

Help users search

Page 34: Pro Tips for Great Information Design

© All rights reserved

The 3 basic rules

Easy to read

Easy to input

Easy to navigate

Page 35: Pro Tips for Great Information Design

© All rights reserved

How?

Page 36: Pro Tips for Great Information Design

© All rights reserved

Thank you! Marco Costa – Senior Consultant @ OutSystems

http://bit.ly/greatinfodesign

http://www.outsystems.com/download/