Top Design Secrets for Great Apps

Preview:

DESCRIPTION

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

Citation preview

© All rights reserved

for Great Apps Sara Cordeiro - UX Designer @ OutSystems

http://bit.ly/designsecrets

www.outsystems.com

Top Design Secrets

© All rights reserved

WITHOUT

Designers

WITH

Designers

WITH or

WITHOUT

Designers

Working

for Great Apps Top Design Secrets

© All rights reserved

Working

WITH

Designers

© All rights reserved

Work as a

TEAM!

1

© All rights reserved

To find the best solution we

need to work TOGETHER!

© All rights reserved

Manage Expectations

Reality

Fake

Expectations

No/Low

Expectations

Time

Designer show solution

without validating first

Correct expectations or

adjust project plan

© All rights reserved

Ask for the Right

Deliverables

<HTML> +

{CSS}

© All rights reserved

Share Knowledge

© All rights reserved

Design with

real content

2

© 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...

© All rights reserved

Fake content failures

© 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

© All rights reserved

Ask for the

missing design

3

© All rights reserved

Open ends / New features

Ask the designer

normal

? hover disable

Submit Submit

© All rights reserved

Working

WITHOUT

Designers

© All rights reserved

Start with

the basics

4

© 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

© All rights reserved

#1 Choose a theme

© All rights reserved

#2 Get inspired by your brand

© All rights reserved

#3 Use the Grid

© All rights reserved

Spice up your app

5

© All rights reserved

Spice it up with color

© All rights reserved

Let images do the work

© All rights reserved

Remove

Clutter

6

© All rights reserved

Don’t put everything on the same page

© All rights reserved

‘Less is more’ Ludwig Mies van der Rohe

© All rights reserved

With or Without Designers

© All rights reserved

Speak the user's

language

7

© All rights reserved

Speak the user's language

© All rights reserved

Speak the user's language

© All rights reserved

Test early,

test often

8

© All rights reserved

To achieve a great app…

you’ve got

Design Test

© All rights reserved

Follow the 11 rules

9

© 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

© All rights reserved

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

http://bit.ly/designsecrets

www.outsystems.com