Frameworks and UX Design

Albany UX Presentation

Transcript

1. LEVERAGING FRAMEWORKS IN USER INTERFACE DESIGN Presented by: Jason Cortes St. Peter’s Healthcare Services Lead Web Developer
2. UX in the Web Applications World- The Rube Goldberg Approach: http://www.rubegoldberg.com/ Apple Steps it up: Web 2.0
3. Good Work Takes Time  A real world example of updating Forms/Applications
4. The UX Edge- Jump Starting a Project  We are all used to the Visio approach and working with a client to translate Web Talk to the basic stakeholder
5. The UX Edge- Jump Starting a Project  Lets talk about using tools to get our message across!
6. WireFraming Lets you Focus on UX  No worries of: Branding Color Scheme Design  Lets you focus on UX Card Sorting & Hub/Spokes
7. Meat and Potatoes!  -Grid Systems (Scaffolding)  -CSS Preprocessors (Dynamic CSS Ruby/Javascript) LESS! Thanks ruby folks!  -Responsive Design (Viewport based on Resolution)  -UI Components/JQuery UI (modal, alert, accordion, tabs, pills, carousel, progress bars, badges, navigation)  -Twitter Bootstrap Overview/Demonstration  -CrazyEgg/Cacoo/Github
8. Real World Results
9. Resources  http://twitter.github.com/bootstrap/index.html  http://lesscss.org/  http://www.crazyegg.com/  https://cacoo.com/  http://www.rubegoldberg.com/  http://webdesign.tutsplus.com/series/twitter- bootstrap-101/
10. Fin