Top Banner
Designing for Government Ali Felski Sunlight Foundation @felskia
21
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Designing for Government

Designing for

GovernmentAli Felski

Sunlight Foundation @felskia

Page 2: Designing for Government

Why design is

important

Page 3: Designing for Government

step 1

Page 4: Designing for Government

think about your

project goals(make them measurable and specific)

Page 5: Designing for Government

be touchy feely(used a shared language to communicate

effectively about design)

Page 6: Designing for Government

step 2

Page 7: Designing for Government

take slices(set up a timeline so that you’re checking

in with the designer on a regular basis)

Page 8: Designing for Government

mood board(sample of what the design may look like)

Page 9: Designing for Government
Page 10: Designing for Government

wireframe(structure of the site)

Page 11: Designing for Government
Page 12: Designing for Government

comp(flat design of what the site will look like)

Page 13: Designing for Government
Page 14: Designing for Government

buildout(turning the comp into HTML & CSS)

Page 15: Designing for Government

card sortingtool: http://uxpunk.com/websort/

Page 16: Designing for Government
Page 17: Designing for Government

community reach out

Page 18: Designing for Government

step 3

Page 19: Designing for Government

ask a lot of questions(make sure every one is always

on the same page)

Page 20: Designing for Government

step 4

Page 21: Designing for Government

try not to be

prescriptive(beware of the frankencomp)