55
How to create great 1st design for your startup. Paulius Papreckis, Sr. UI designer at Seriously Inc.

How to create great 1st design for your startup

Embed Size (px)

DESCRIPTION

"How to create great 1st design for your startup" presentation by Paulius Papreckis, Sr. UI designer at Seriously Inc. during Hub Camp #13

Citation preview

Page 1: How to create great 1st design for your startup

How to create great 1st design for your startup. Paulius Papreckis, Sr. UI designer at Seriously Inc.

Page 2: How to create great 1st design for your startup
Page 3: How to create great 1st design for your startup

II Design

III Build

IV Promote

I Explore

Education program cycle

Page 4: How to create great 1st design for your startup
Page 5: How to create great 1st design for your startup

You know that sound that Humpback Whales make? That’s what the logo should look like. * Actual quote from a client.

Page 6: How to create great 1st design for your startup

Avoid design by committee. * Even if your Mom thinks that red color would fit here.

1

Page 7: How to create great 1st design for your startup

Source: theoatmeal.com/comics/design_hell

Page 8: How to create great 1st design for your startup
Page 9: How to create great 1st design for your startup

Hours of useless meetings and endless debates could be replaced with just a couple hours of testing to see

what users are really doing.

Page 10: How to create great 1st design for your startup

Quick tutorial. How to create good design for you startup.

Page 11: How to create great 1st design for your startup
Page 12: How to create great 1st design for your startup
Page 13: How to create great 1st design for your startup
Page 14: How to create great 1st design for your startup
Page 15: How to create great 1st design for your startup
Page 16: How to create great 1st design for your startup
Page 17: How to create great 1st design for your startup
Page 18: How to create great 1st design for your startup

I spent only 20 min. It looks good [as a teaser], but it’s far from great design.

Page 19: How to create great 1st design for your startup
Page 20: How to create great 1st design for your startup
Page 21: How to create great 1st design for your startup
Page 22: How to create great 1st design for your startup
Page 23: How to create great 1st design for your startup
Page 24: How to create great 1st design for your startup

Your job is to be unique. * The last thing the world needs is another startup. (Teehan-Lax)

2

Page 25: How to create great 1st design for your startup

Back in old days when myspace.com was still dominating…

Page 26: How to create great 1st design for your startup
Page 27: How to create great 1st design for your startup
Page 28: How to create great 1st design for your startup

Be prepared to change your mind. * Just because you did something one way yesterday does not mean it’s the right way to do something tomorrow. (Teehan-Lax)

3

Page 29: How to create great 1st design for your startup

dragdis.com

Page 30: How to create great 1st design for your startup

teehanlax.com

Page 31: How to create great 1st design for your startup
Page 32: How to create great 1st design for your startup

Wireframes? First user stories. * You don't tend to start wireframes until you've done the work of understanding your target users, what their goals are…

4

Page 33: How to create great 1st design for your startup

Three main questions to answer: Who? What? Why? * describes what your customer will do and get while using your application.

Page 34: How to create great 1st design for your startup
Page 35: How to create great 1st design for your startup
Page 36: How to create great 1st design for your startup
Page 37: How to create great 1st design for your startup

Think about visual hierarchy. * Great hierarchy isn’t always achieved by eliminating complexity, but by managing it (goodgreater).

5

Page 38: How to create great 1st design for your startup
Page 39: How to create great 1st design for your startup
Page 40: How to create great 1st design for your startup

Fit to scale: responsive. * Web is not fixed width. Means rethinking content creation. Create once, publish everywhere.

6

Page 41: How to create great 1st design for your startup

Smarthpones expected worldwide in 2013:

1.82 billion. * every day more Android phones are activated than babies are born in world

Page 42: How to create great 1st design for your startup

mediaqueri.es

Page 43: How to create great 1st design for your startup

Responsive Web Design  

•  Use the flexible (fluid) grid.

•  Think about content hierarchy

•  Break up with pixel-perfection.

•  Learn by doing.

© Dave Rupert

Page 44: How to create great 1st design for your startup

Web fonts are important. * As web typography improves, web designers want the same level of control print designers have.

7

Page 45: How to create great 1st design for your startup

Arial Verdana Georgia

Comic Sans

Page 46: How to create great 1st design for your startup
Page 47: How to create great 1st design for your startup
Page 48: How to create great 1st design for your startup
Page 49: How to create great 1st design for your startup

Colors are important as well. * designers must understand the meaning of colors in order to convey certain messages.

8

Page 50: How to create great 1st design for your startup

kuler.adobe.com

call to action

Page 51: How to create great 1st design for your startup
Page 52: How to create great 1st design for your startup

Learn to say no. * You can’t be great at everything, so pick what you are great at and say no to everything else. (Teehan-Lax)

9

Page 53: How to create great 1st design for your startup

design as process

design as outcome

Page 54: How to create great 1st design for your startup

The job of a designer is not self-expression,

it’s problem-solving.

Page 55: How to create great 1st design for your startup

Thank you. Questions? @PauliusP

[email protected]