SlideShare a Scribd company logo
jQuery for UX Designers
    6 October 2011

   UIE Virtual Seminar with
   Richard Rutter of Clearleft
Wireframes are
 a design tool
“It has to be realised that experience is
very badly understood by observation:
 the designer has to take part. Nothing
is easier than believing we understand
     experiences we’ve never had.”

                          Matt Webb
  berglondon.com/blog/2007/09/09/the-experience-stack-revisited/
“Wireframing ajax is a bitch.”
               Jeffrey Zeldman
     http://alistapart.com/articles/web3point0
jQuery

$(document).ready(
function() {

  // Insert JQuery here

  $('get_somethings').do_something_to_them();

});
JQuery for UX Designers VS73 preview Richard Rutter
JQuery for UX Designers VS73 preview Richard Rutter

More Related Content

More from UIEpreviews

Power of empowered stakeholders Robert Hamburger
Power of empowered stakeholders   Robert HamburgerPower of empowered stakeholders   Robert Hamburger
Power of empowered stakeholders Robert HamburgerUIEpreviews
 
How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...
How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...
How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...UIEpreviews
 
Preview choosing the right wireframe strategy
Preview choosing the right wireframe strategyPreview choosing the right wireframe strategy
Preview choosing the right wireframe strategyUIEpreviews
 
Designing across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEWDesigning across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEWUIEpreviews
 
Recruiting the Right Users to Get Real Results
Recruiting the Right Users to Get Real ResultsRecruiting the Right Users to Get Real Results
Recruiting the Right Users to Get Real ResultsUIEpreviews
 
Design as a Business Tool: From Research to Experience Roadmaps
Design as a Business Tool: From Research to Experience RoadmapsDesign as a Business Tool: From Research to Experience Roadmaps
Design as a Business Tool: From Research to Experience RoadmapsUIEpreviews
 
Designing with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.comDesigning with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.comUIEpreviews
 
Hiring the best ux designers preview
Hiring the best ux designers previewHiring the best ux designers preview
Hiring the best ux designers previewUIEpreviews
 
Research and Design for the UX Team of One
Research and Design for the UX Team of OneResearch and Design for the UX Team of One
Research and Design for the UX Team of OneUIEpreviews
 
Controlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content StrategyControlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content StrategyUIEpreviews
 
Voice and tone preview
Voice and tone previewVoice and tone preview
Voice and tone previewUIEpreviews
 
Building Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & CopyBuilding Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & CopyUIEpreviews
 
Sketching preview
Sketching previewSketching preview
Sketching previewUIEpreviews
 
Organizing mobile web experiences - preview
Organizing mobile web experiences - previewOrganizing mobile web experiences - preview
Organizing mobile web experiences - previewUIEpreviews
 
Solutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devicesSolutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devicesUIEpreviews
 
Microcopy with Des Traynor
Microcopy with Des TraynorMicrocopy with Des Traynor
Microcopy with Des TraynorUIEpreviews
 
The Kano Model with Jared Spool
The Kano Model with Jared SpoolThe Kano Model with Jared Spool
The Kano Model with Jared SpoolUIEpreviews
 
The Kano Model with Jared M. Spool
The Kano Model with Jared M. SpoolThe Kano Model with Jared M. Spool
The Kano Model with Jared M. SpoolUIEpreviews
 
Mobile First Responsive Web Design
Mobile First Responsive Web DesignMobile First Responsive Web Design
Mobile First Responsive Web DesignUIEpreviews
 
Mapping the Experience
Mapping the ExperienceMapping the Experience
Mapping the ExperienceUIEpreviews
 

More from UIEpreviews (20)

Power of empowered stakeholders Robert Hamburger
Power of empowered stakeholders   Robert HamburgerPower of empowered stakeholders   Robert Hamburger
Power of empowered stakeholders Robert Hamburger
 
How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...
How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...
How to Win UX Advocates and Influence Stakeholders - Melinda Baker UX Thursda...
 
Preview choosing the right wireframe strategy
Preview choosing the right wireframe strategyPreview choosing the right wireframe strategy
Preview choosing the right wireframe strategy
 
Designing across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEWDesigning across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEW
 
Recruiting the Right Users to Get Real Results
Recruiting the Right Users to Get Real ResultsRecruiting the Right Users to Get Real Results
Recruiting the Right Users to Get Real Results
 
Design as a Business Tool: From Research to Experience Roadmaps
Design as a Business Tool: From Research to Experience RoadmapsDesign as a Business Tool: From Research to Experience Roadmaps
Design as a Business Tool: From Research to Experience Roadmaps
 
Designing with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.comDesigning with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.com
 
Hiring the best ux designers preview
Hiring the best ux designers previewHiring the best ux designers preview
Hiring the best ux designers preview
 
Research and Design for the UX Team of One
Research and Design for the UX Team of OneResearch and Design for the UX Team of One
Research and Design for the UX Team of One
 
Controlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content StrategyControlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content Strategy
 
Voice and tone preview
Voice and tone previewVoice and tone preview
Voice and tone preview
 
Building Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & CopyBuilding Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & Copy
 
Sketching preview
Sketching previewSketching preview
Sketching preview
 
Organizing mobile web experiences - preview
Organizing mobile web experiences - previewOrganizing mobile web experiences - preview
Organizing mobile web experiences - preview
 
Solutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devicesSolutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devices
 
Microcopy with Des Traynor
Microcopy with Des TraynorMicrocopy with Des Traynor
Microcopy with Des Traynor
 
The Kano Model with Jared Spool
The Kano Model with Jared SpoolThe Kano Model with Jared Spool
The Kano Model with Jared Spool
 
The Kano Model with Jared M. Spool
The Kano Model with Jared M. SpoolThe Kano Model with Jared M. Spool
The Kano Model with Jared M. Spool
 
Mobile First Responsive Web Design
Mobile First Responsive Web DesignMobile First Responsive Web Design
Mobile First Responsive Web Design
 
Mapping the Experience
Mapping the ExperienceMapping the Experience
Mapping the Experience
 

Recently uploaded

Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationJIT KUMAR GUPTA
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..GB Logo Design
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designerbitwgin12
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themmadhavlakhanpal29
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designGOWSIKRAJA PALANISAMY
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyJaime Brown
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisPeclers Paris
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationJaime Brown
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxAlecAnidul
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidiLivengood
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxadityakushalsaha
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Remy Rey De Barros
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasanasabutalha2013
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfJon Freach
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 

Recently uploaded (16)

Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and Localisation
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
Extended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive designExtended Reality(XR) Development in immersive design
Extended Reality(XR) Development in immersive design
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 

JQuery for UX Designers VS73 preview Richard Rutter

  • 1. jQuery for UX Designers 6 October 2011 UIE Virtual Seminar with Richard Rutter of Clearleft
  • 2. Wireframes are a design tool
  • 3. “It has to be realised that experience is very badly understood by observation: the designer has to take part. Nothing is easier than believing we understand experiences we’ve never had.” Matt Webb berglondon.com/blog/2007/09/09/the-experience-stack-revisited/
  • 4. “Wireframing ajax is a bitch.” Jeffrey Zeldman http://alistapart.com/articles/web3point0
  • 5.
  • 6. jQuery $(document).ready( function() { // Insert JQuery here $('get_somethings').do_something_to_them(); });

Editor's Notes

  1. Intros\n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n