your next ux skill: prototyping with html & css

76

Upload: jason-cranfordteague

Post on 17-Aug-2014

1.095 views

Category:

Design


2 download

DESCRIPTION

How you design web pages is changing — rapidly. Part of being a great web designer is understanding the medium you are designing for, recognizing its weaknesses and pushing its strengths. It's no longer enough to show a visual mock-up and explain what happens, you have to be able to show what happens. The job of the designer doesn't stop after the page loads, it's only just beginning. Instead of drawing static mock-ups, we need to create dynamic prototypes using the core web technologies of HTML and CSS as quickly as possible to realize our visions in the medium they will be produced in. You've got to be able to get your ideas out the door faster than ever. There's no time to spend weeks and even months intreating around static wireframes and visual comps. In this session, Jason will introduce you to methods and tools they can use to quickly stand-up testable prototypes that will show not only how their designs look, but how they work as well.

TRANSCRIPT

Page 1: Your Next UX Skill: Prototyping with HTML & CSS
Page 2: Your Next UX Skill: Prototyping with HTML & CSS
Page 3: Your Next UX Skill: Prototyping with HTML & CSS
Page 4: Your Next UX Skill: Prototyping with HTML & CSS
Page 5: Your Next UX Skill: Prototyping with HTML & CSS
Page 6: Your Next UX Skill: Prototyping with HTML & CSS
Page 7: Your Next UX Skill: Prototyping with HTML & CSS
Page 8: Your Next UX Skill: Prototyping with HTML & CSS
Page 9: Your Next UX Skill: Prototyping with HTML & CSS
Page 10: Your Next UX Skill: Prototyping with HTML & CSS
Page 11: Your Next UX Skill: Prototyping with HTML & CSS
Page 12: Your Next UX Skill: Prototyping with HTML & CSS
Page 13: Your Next UX Skill: Prototyping with HTML & CSS
Page 14: Your Next UX Skill: Prototyping with HTML & CSS
Page 15: Your Next UX Skill: Prototyping with HTML & CSS
Page 16: Your Next UX Skill: Prototyping with HTML & CSS
Page 17: Your Next UX Skill: Prototyping with HTML & CSS
Page 18: Your Next UX Skill: Prototyping with HTML & CSS
Page 19: Your Next UX Skill: Prototyping with HTML & CSS
Page 20: Your Next UX Skill: Prototyping with HTML & CSS
Page 21: Your Next UX Skill: Prototyping with HTML & CSS
Page 22: Your Next UX Skill: Prototyping with HTML & CSS
Page 23: Your Next UX Skill: Prototyping with HTML & CSS
Page 24: Your Next UX Skill: Prototyping with HTML & CSS
Page 25: Your Next UX Skill: Prototyping with HTML & CSS
Page 26: Your Next UX Skill: Prototyping with HTML & CSS
Page 27: Your Next UX Skill: Prototyping with HTML & CSS
Page 28: Your Next UX Skill: Prototyping with HTML & CSS
Page 29: Your Next UX Skill: Prototyping with HTML & CSS
Page 30: Your Next UX Skill: Prototyping with HTML & CSS
Page 31: Your Next UX Skill: Prototyping with HTML & CSS
Page 32: Your Next UX Skill: Prototyping with HTML & CSS
Page 33: Your Next UX Skill: Prototyping with HTML & CSS
Page 34: Your Next UX Skill: Prototyping with HTML & CSS
Page 35: Your Next UX Skill: Prototyping with HTML & CSS
Page 36: Your Next UX Skill: Prototyping with HTML & CSS
Page 37: Your Next UX Skill: Prototyping with HTML & CSS
Page 38: Your Next UX Skill: Prototyping with HTML & CSS
Page 39: Your Next UX Skill: Prototyping with HTML & CSS
Page 40: Your Next UX Skill: Prototyping with HTML & CSS
Page 41: Your Next UX Skill: Prototyping with HTML & CSS
Page 42: Your Next UX Skill: Prototyping with HTML & CSS
Page 43: Your Next UX Skill: Prototyping with HTML & CSS
Page 44: Your Next UX Skill: Prototyping with HTML & CSS
Page 45: Your Next UX Skill: Prototyping with HTML & CSS
Page 46: Your Next UX Skill: Prototyping with HTML & CSS
Page 47: Your Next UX Skill: Prototyping with HTML & CSS
Page 48: Your Next UX Skill: Prototyping with HTML & CSS
Page 49: Your Next UX Skill: Prototyping with HTML & CSS
Page 50: Your Next UX Skill: Prototyping with HTML & CSS
Page 51: Your Next UX Skill: Prototyping with HTML & CSS
Page 52: Your Next UX Skill: Prototyping with HTML & CSS
Page 53: Your Next UX Skill: Prototyping with HTML & CSS
Page 54: Your Next UX Skill: Prototyping with HTML & CSS
Page 55: Your Next UX Skill: Prototyping with HTML & CSS
Page 56: Your Next UX Skill: Prototyping with HTML & CSS
Page 57: Your Next UX Skill: Prototyping with HTML & CSS
Page 58: Your Next UX Skill: Prototyping with HTML & CSS
Page 59: Your Next UX Skill: Prototyping with HTML & CSS
Page 60: Your Next UX Skill: Prototyping with HTML & CSS
Page 61: Your Next UX Skill: Prototyping with HTML & CSS
Page 62: Your Next UX Skill: Prototyping with HTML & CSS
Page 63: Your Next UX Skill: Prototyping with HTML & CSS
Page 64: Your Next UX Skill: Prototyping with HTML & CSS
Page 65: Your Next UX Skill: Prototyping with HTML & CSS
Page 66: Your Next UX Skill: Prototyping with HTML & CSS
Page 67: Your Next UX Skill: Prototyping with HTML & CSS
Page 68: Your Next UX Skill: Prototyping with HTML & CSS
Page 69: Your Next UX Skill: Prototyping with HTML & CSS
Page 70: Your Next UX Skill: Prototyping with HTML & CSS
Page 71: Your Next UX Skill: Prototyping with HTML & CSS
Page 72: Your Next UX Skill: Prototyping with HTML & CSS
Page 73: Your Next UX Skill: Prototyping with HTML & CSS
Page 74: Your Next UX Skill: Prototyping with HTML & CSS
Page 75: Your Next UX Skill: Prototyping with HTML & CSS
Page 76: Your Next UX Skill: Prototyping with HTML & CSS