ITC200 > Resources
Books:
- The Elements of User Experience: User-Centered Design for the Web, by Jesse James Garrett
- Eyetracking Web Usability, by Jakob Nielsen and Kara Pernice
- A Project Guide to UX Design: For user experience designers in the field or in the making, by Russ Unger & Carolyn Chandler
- Information Architecture: Blueprints for the Web, by Christina Wodtke & Austin Govella
- Web Anatomy: Interaction Design Frameworks that Work, by Robert Hoekman, Jr. & Jared Spool
- Designing for Interaction: Creating Innovative Applications and Devices (2nd Edition), by Dan Saffer
- Undercover User Experience Design (Voices That Matter), by Cennydd Bowles & James Box
- Web Design for ROI: Turning Browsers into Buyers & Prospects into Leads, by Lance Loveday
- PHP Solutions: Dynamic Web Design Made Easy, by David Powers
- Effortless E-Commerce with PHP and MySQL, by Larry Ullman
- Measuring the User Experience: Collecting, Analyzing, and Presenting Usability Metrics, by Tom Tullis & Bill Albert
Websites:
- Product Experience Strategy & Design | AdaptivePath
- Insights and inspiration for the user experience community | UXmatters
- Jakob Nielsen on Usability and Web Design | UseIt
- Visual Vocabulary for Information Architecture | Jesse James Garrett
- Measuring the User Experience | Tom Tullis & Bill Albert
- User Experience & Usability Blog | UXBooth
- Quantitative Usability, Statistics and Six-Sigma | Measuring Usability
Downloads:
- Leveraging Business Value: How ROI Changes User Experience | AdaptivePath
- Patterns for Sign Up & Ramp Up: Inspirations and Guidelines from the Web 2.0 Landscape | AdaptivePath
- Shapes of the Visual Vocabulary | Jesse James Garrett
- Workstation Technologies Template | Premium Design Works
- 360º Slideshow JavaScript | Premium Design Works
- Persona Template | Wireframes Magazine
- Sketching & Wireframing Kit | Janko At Warp Speed
- Sketchy Illustrator Wireframes | Matthew Rea Design
- Sqetch Illustrator Wireframe Toolkit | Wireframes Magazine
- Free Illustrator Wireframe Elements | HM Web Solutions
- Design Stencil Kit version 1.0 | YAHOO!
- Webpage Wireframe Stencil | Pixeden
- User Interface Design Framework | Webalys
Tutorials:
- Building a Website Wireframe in Illustrator | AiBURN
- How to Convert a Photoshop Mockup to XHTML/CSS | Line25
- Creating a Website Wireframe in Illustrator | Premium Design Works
Articles:
- How to Make Your Shopping Cart Suck Less | The Oatmeal
- Develop Personas | Usability.gov
- Reseach-Based Web Design & Usability Guidelines | Usability.gov
- Personas: The Foundation of a Great User Experience | UX Magazine
- 35 Excellent Ecommerce User Interface Designs | Vandelay Design Blog
Podcasts:
- How to be a UX Team of One | Adaptive Path
This portion of the Premium Design Works website is written by Mike Sinkula and dedicated to the Web Design & Development students at Seattle Central Community College.
11 Comments:
Leave a Comment:
Great read on eCommerce sites that have problems. Seems like it all falls back to being easy, straightforward and simple in design.
http://mashable.com/2012/04/12/ecommerce-mistakes/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Mashable+%28Mashable%29
Here is the tutorial for making a tabbed content area with CSS and jQuery that I used on my ITC200 project.
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/
I used ‘Example 2′ of this JQuery tutorial for my thumbnail rollovers:
http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
And this is the JQuery slideshow I used:
http://jquery.malsup.com/cycle/pager3.html
I got the slide show for my ITC200 final from these guys. http://sorgalla.com/projects/jcarousel/
Mine looks a little different because I broke into the images folder and styled the buttons.
This is a great tutorial for Simple Tabs w/ CSS & jQuery:
http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/
This review of the e-Commerce WordPress plugin was written by a professional programmer who uses Magento. He also discusses code quality.
Here’s the website I showed in class:
http://www.growandmake.com/
Hi Deb,
I’m curious to learn why you showed our site in your class?
-Will
Will,
She thought it was good.
Great. I’m about to do a home page re-design, so would love any feedback. We’re going to have more of a blog/twitter feed focus.
Heres a shopping site that takes customer choice to the n’th degree.
http://instructables.spreadshirt.com/us/US/Shop/