Loading...
Flash Player 9 (or above) is needed to view slideshows. We have detected that you do not have it on your computer.To install it, go here
- All Comments (0)
- Notes on Slide 1
-
-
AaronGustafson said 2 years Edit Delete
Cheers!
-
LisaHerrod said 2 years Edit Delete
I really loved this presentation when I saw you guys present it at SxSW. It was my favourite!
-
renatoalbano favorited this 4 months ago
-
channelingdesign favorited this 7 months ago -
bcamper favorited this 7 months ago
-
rafaelmojica favorited this 7 months ago
-
macieklipiec favorited this 11 months ago
-
brownorama favorited this 2 years ago
-
terjin favorited this 2 years ago
-
-
Added to the group andrehufbookmarks by andrehuf
-
Added to the group Slidecasting by rashmi
-
-
rmm favorited this 2 years ago
-
simone.onofri favorited this 2 years ago
SlideShare is now available on LinkedIn. Add it to your LinkedIn profile.
Ruining the User Experience (SXSW '07)
This brief "power session" covers interaction design through the lens of progressive enhancement. Topics include web standards, CSS, and JavaScript.
3050 views | 3 comments | 9 favorites | 120 downloads | embeds (Stats)
![Fundamental Progressive Enhancement [Web Builder 2.0 - 2008]](http://cdn.slideshare.net/fundamental-progressive-enhancement-wb20-1226797402842096-8-thumbnail-2?1226797403)
![Web Standards: Fueling Innovation [Web Builder 2.0 - 2008]](http://cdn.slideshare.net/web-standards-fueling-innovation-wb20-1226797439864695-9-thumbnail-2?1226797312)
![Learning To Love Forms [The Ajax Experience East 2007]](http://cdn.slideshare.net/learning-to-love-forms-the-ajax-experience-east-2007-1193337784434924-5-thumbnail-2?1211648159)
More Info
This slideshow is Public
Most viewed embeds (Top 5):
- 6 views: http://mavefur.eplica.is
- 3 views: http://www.ma.is
- 2 views: http://www.sfjalar.net
All Embeds:
- 6 views: http://mavefur.eplica.is
- 3 views: http://www.ma.is
- 2 views: http://www.sfjalar.net
Slideshow Transcript
- Slide 1: Ruining the User Experience Aaron Gustafson Sarah B. Nelson
- Slide 4: What is good user experience?
- Slide 5: Would you do this? would you do this?
- Slide 6: lala.com
- Slide 7: Javascript is a requirement
- Slide 8: a “solution”
- Slide 9: Levels of Service 1) No Frills 2) Dress It Up 3) Make It Sing
- Slide 10: Level 1: No frills Make content accessible No distractions Clean, well-ordered, semantic markup Light, fast downloads
- Slide 11: Level 1: No Frills
- Slide 12: Level 2: Dress It Up Refined visual design Simple interactivity Some Flash Cross-browser compatible Styles for alternate media
- Slide 13: Level 2: Dress It Up
- Slide 14: Level 3: Make It Sing Responsive interface elements Predictive data delivery (Ajax) Allows for more customizable interactions
- Slide 15: .collapsing .optional .optional Level 3: Make It Sing
- Slide 16: Have Javascript? No Yes Hide the optional field sets Page Create the link to show/hide the optional field sets How It Works
- Slide 17: Level 3: Make It Sing
- Slide 18: No Frills Dress It Up Make It Sing Levels of Service 18
- Slide 19: Tools at Our Disposal DOM Methods • getElementById() • getElementsByTagName() • getAttribute()/setAttribute() • createElement()/createTextNode() • innerHTML (if absolutely necessary) Class Swapping .collapsing .collapsible .tabbed .tabbed-on .faq .faq.on
- Slide 20: Think Customer Service
- Slide 21: questions?
