Embed Size (px)
Citation preview
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.
lining things up
Password
Create an account
Sign up
Password
Create an account
Sign up
Password
Create an account
Sign up
Password
Create an account
Sign up
Create an account
Sign up
Password
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
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
