Top Design Secrets for Great Apps

35
© All rights reserved for Great Apps Sara Cordeiro - UX Designer @ OutSystems http://bit.ly/designsecrets www.outsystems.com Top Design Secrets

description

This presentation covers tips for teams of designers and developers working on application projects

Transcript of Top Design Secrets for Great Apps

Page 1: Top Design Secrets for Great Apps

© All rights reserved

for Great Apps Sara Cordeiro - UX Designer @ OutSystems

http://bit.ly/designsecrets

www.outsystems.com

Top Design Secrets

Page 2: Top Design Secrets for Great Apps

© All rights reserved

WITHOUT

Designers

WITH

Designers

WITH or

WITHOUT

Designers

Working

for Great Apps Top Design Secrets

Page 3: Top Design Secrets for Great Apps

© All rights reserved

Working

WITH

Designers

Page 4: Top Design Secrets for Great Apps

© All rights reserved

Work as a

TEAM!

1

Page 5: Top Design Secrets for Great Apps

© All rights reserved

To find the best solution we

need to work TOGETHER!

Page 6: Top Design Secrets for Great Apps

© All rights reserved

Manage Expectations

Reality

Fake

Expectations

No/Low

Expectations

Time

Designer show solution

without validating first

Correct expectations or

adjust project plan

Page 7: Top Design Secrets for Great Apps

© All rights reserved

Ask for the Right

Deliverables

<HTML> +

{CSS}

Page 8: Top Design Secrets for Great Apps

© All rights reserved

Share Knowledge

Page 9: Top Design Secrets for Great Apps

© All rights reserved

Design with

real content

2

Page 10: Top Design Secrets for Great Apps

© All rights reserved

‘The Extremes of Good and

Evil”

- Cicero, 45 BC -

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu enim et eros posuere consequat id in libero...

Page 11: Top Design Secrets for Great Apps

© All rights reserved

Fake content failures

Page 12: Top Design Secrets for Great Apps

© All rights reserved

What fake content

doesn’t show:

! Text wraps in unexpected places

! How wide columns should be

! What your App truly looks like!

! How long fields need to be

Page 13: Top Design Secrets for Great Apps

© All rights reserved

Ask for the

missing design

3

Page 14: Top Design Secrets for Great Apps

© All rights reserved

Open ends / New features

Ask the designer

normal

? hover disable

Submit Submit

Page 15: Top Design Secrets for Great Apps

© All rights reserved

Working

WITHOUT

Designers

Page 16: Top Design Secrets for Great Apps

© All rights reserved

Start with

the basics

4

Page 17: Top Design Secrets for Great Apps

© All rights reserved

#0 Understand the problem

What?

Who?

When?

How?

Why?

Application Map

Home

Add Note

Edit

Add Task

Company “X”

Contacts

Add Note

Edit

Add Task

Contact “X”

Opportunities

Add Note

Edit

Add Task

Opportunity “X” My Due Tasks

My Opportunities

My Contacts

Companies

Page 18: Top Design Secrets for Great Apps

© All rights reserved

#1 Choose a theme

Page 19: Top Design Secrets for Great Apps

© All rights reserved

#2 Get inspired by your brand

Page 20: Top Design Secrets for Great Apps

© All rights reserved

#3 Use the Grid

Page 21: Top Design Secrets for Great Apps

© All rights reserved

Spice up your app

5

Page 22: Top Design Secrets for Great Apps

© All rights reserved

Spice it up with color

Page 23: Top Design Secrets for Great Apps

© All rights reserved

Let images do the work

Page 24: Top Design Secrets for Great Apps

© All rights reserved

Remove

Clutter

6

Page 25: Top Design Secrets for Great Apps

© All rights reserved

Don’t put everything on the same page

Page 26: Top Design Secrets for Great Apps

© All rights reserved

‘Less is more’ Ludwig Mies van der Rohe

Page 27: Top Design Secrets for Great Apps

© All rights reserved

With or Without Designers

Page 28: Top Design Secrets for Great Apps

© All rights reserved

Speak the user's

language

7

Page 29: Top Design Secrets for Great Apps

© All rights reserved

Speak the user's language

Page 30: Top Design Secrets for Great Apps

© All rights reserved

Speak the user's language

Page 31: Top Design Secrets for Great Apps

© All rights reserved

Test early,

test often

8

Page 32: Top Design Secrets for Great Apps

© All rights reserved

To achieve a great app…

you’ve got

Design Test

Page 33: Top Design Secrets for Great Apps

© All rights reserved

Follow the 11 rules

9

Page 34: Top Design Secrets for Great Apps

© All rights reserved

Work as a

team 1

2

3

for Great Apps

Top Design Secrets

WITH / WITHOUT

designers

Start with the basics 4

5

6

Speak the user’s

language 7

8

9

Design with

real content

Ask for the missing

design Remove clutter

Spice up your app Test early, test often

Follow the “11

Usability rules for IT

Developers”

WITHOUT

designers

WITH

designers

Working

‘The WOW Factor: Making

your apps memorable’

11:00 - André Madeira

‘Themes Unleashed’

10:00 – Tiago Simões

‘Do-IT-Yourself Usability

Testing’

14:00 – Steve Krug

Page 35: Top Design Secrets for Great Apps

© All rights reserved

Thanks + Q&A Sara Cordeiro - UX Designer @ OutSystems

http://bit.ly/designsecrets

www.outsystems.com