Designing YourApp

Jessica Allen

ZOMG. I am old.

what

designing an app

really means

User experience

Wireframe

Wireframe

Wireframe

AvatarSearch

Hiiiiii!

Oh hey.

AvatarSearch Search

AvatarSearch Search

AvatarSearch Search

Title HereTitle HereTitle hereTitle here

Grape

Download

Orange

Download

Greenie

Download

Blue Face

Download

Grape

Download

Orange

Download

Greenie

Download

Blue Face

Download

Page 1 2 3 4 5 Next >

DownloadDownloadDownloadDownload

Grape

Download

Orange

Download

Greenie

Download

Blue Face

Download

Page 1 2 3 4 5 Next >

DownloadDownloadDownloadDownload

AvatarSearch Search

Title HereTitle HereTitle hereTitle here

Grape

Download

Orange

Download

Greenie

Download

Blue Face

Download

Most Recent Popular

AvatarSearch Search

Title HereTitle HereTitle hereTitle here

Grape

Download

Orange

Download

Greenie

Download

Blue Face

Download

Most Recent Popular

Simplicity

AvatarSearch Search

Title HereTitle HereTitle hereTitle here

Grape

Download

Orange

Download

Greenie

Download

Blue Face

Download

Most Recent Popular

Greenie

Download

Greenie

HoverNormal

AvatarSearch Search

Title HereTitle HereTitle hereTitle here

GrapeOrangeGreenie

Download

Blue Face

Most Recent Popular

Interaction

AvatarSearch Search

OrangeGreenieFrog

Most Recent Popularfrogs

frogs

AvatarSearch Search

OrangeGreenieFrog

Most Recent Popularfrogs

frogs

nobody likes

to feel

LOST

AvatarSearch Search

OrangeGreenieFrog

Most Recent PopularFrogs

View All / Search results for “Frogs”

AvatarSearch Search

OrangeGreenieFrog

Most Recent PopularFrogs

View All / Search results for “Frogs”

AvatarSearch Search

GreenieSubmitted by: UsernameTotal Downloads: 342Keywords: green, frog, bored.

Download

View All / Search results for “Frogs” / Greenie details

AvatarSearch Search

GreenieSubmitted by: UsernameTotal Downloads: 342Keywords: green, frog, bored.

Download

View All / Search results for “Frogs” / Greenie details

AvatarSearch Search

GreenieSubmitted by: UsernameTotal Downloads: 342Keywords: green, frog, bored.

Download

View All / Search results for “Frogs” / Greenie details

well that’s a

Damn fine

wireframe

kippt.com/jessicaspacekat/design-resources

TYPOGRAPHY

Helvetica

when in

doubt

HelveticaArial

BaskervilleTimes New Roman

Section title goes hereSubheading for a sectionFusce viverra hendrerit suscipit. Cras ut iaculis enim. Cras lacinia vestibulum eros.

Second subheading for another sectionTincidunt lectus pulvinar vel. Vestibulum massa eros, gravida id pharetra et, vestibulum in turpis. Etiam vel ipsum mauris, nec convallis massa. Aenean et odio ut lorem imperdiet vehicula.

google.com/webfonts

typekit.com

lining things up

Email

Password

Create an account

Sign up

Email

Password

Create an account

Sign up

Email

Password

Create an account

Sign up

Email

Password

Create an account

Sign up

Email

Create an account

Sign up

Password

Email

Create an account

Sign up

Password

AvatarSearch

Frog

Most Recent PopularFrogs

View All / Search results for “Frogs”

Kermit Frogger Frog Prince

Color

meaningful color

twitter.github.com/bootstrap

colourlovers.com

Decoration

Decoration

subtlepatterns.com

PLACEHOLDERS

Blah Blah Blah Title BlahBy First Last Name

Fusce viverra hendrerit suscipit. Cras ut iaculis enim. Cras lacinia vestibulum eros, ut tincidunt lectus pulvinar vel. Vestibulum massa eros, gravida id pharetra et, vestibulum in turpis. Etiam vel ipsum mauris, nec convallis massa. Aenean et odio ut lorem imperdiet vehicula.

EXAMPLE

placekitten.com

hipsteripsum.me

ICONS

Settings

Documentation

Shopping Cart

Settings

Documentation

Shopping Cart

somerandomdude.com/work/iconic

glyphicons.com

yourneighbours.de/web-design/free-retro-icon-set/

thenounproject.com

Inspiration

dribbble.com

plan it

learn more

Dan Roam“The Back of the Napkin”

Steve Krug“Don’t Make Me Think”Dan Roam

“The Back of the Napkin”

Steve Krug“Don’t Make Me Think”

Ciao ciao!@jessicaspacekat

kippt.com/jessicaspacekat/design-resources