Adobe Releases CS6! Download the Free Trials

The 5 Keys to Web & Interaction Design – Free New Online Class

March 22nd, 2011 Leave a comment

Watch Free Tutorial on 5 Keys to Good Web and UI Design

If you’re interested in learning about the best web and interaction design techniques, there’s a free new 2½-hour course you’ll find worthwhile…

It’s the third installment in the excellent Classroom series, which features free expert training in well-designed sessions with high-quality production values. Previous classes have been an in-depth Dreamweaver CS5 tutorial and a terrific After Effects CS5 tutorial.

This latest presentation details how to design your interfaces in the most effective way with the behavior of the user in mind. Some of the topics include crafting effective navigational systems, creating a liquid layout, how to best deliver images and media, designing forms and dialogs to smoothly guide users through a positive user experience, and more. The best practices covered here will help you make better design decisions in your work going forward.

The video uses Adobe Flash Catalyst CS5 as a tool to help walk through the important concepts involved. It’s not necessary to own or have Flash Catalyst to get a lot out of the training, although if you would like a free trial to use or follow along with, you can easily download it for free. Each chapter also includes downloadable sample files to use as you go through the demonstrations, so be sure to look for those.

Here it is:

The Five Essential Principles of Web and Interaction Design
Play this Free Class Now »
ChTopicRuntime
01Five Essential Principles of Interaction Design28:45
02Interaction Design and Navigation29:06
03Interaction Design and Text27:15
04Interaction Design and Images & Media28:34
05Interaction Design and Forms & Dialogs25:36

We’ll touch upon the five essential principles covered in the course here:

Consistency
Strive for consistency in appearance and behavior, because it facilitates usability, credibility, and trust.

Visibility
Most interfaces are inherently visual, so make certain that people know when and where they can interact with it.

Learnability
Meaningful and unambiguous labels, content, and interactions make it possible to quickly understand and repeat an experience.

Predictability
Set expectations about what will happen during and after an interaction to minimize confusion and dissatisfaction.

Feedback
Acknowledge interactions and provide information about status, location, progress, and completion.

Interaction design is ultimately not about the behavior of the interface, it is about the behavior of people.

The online class just came out and is being rated five stars by most viewers…

The Elements to Design a Good User Interface

Julie says, “This is a clear and concise presentation of design fundamentals. It takes an instructor half a semester to get through these essentials! Thank you!”

Amir writes, “Nice presentation, really helpful content. Thanks!”

Steve comments, “Very nice. Clear. People that develop software should heed the values here.”

JC posted, “Thanks for the videos – nicely done on all fronts. Clear, concise and purposeful. Very nice series and hope to see more.”


So whatever you’re designing (website, game, system, software, GUI), go ahead and watch it now – it’s completely free.

Also see here for a comprehensive set of free CS5 tutorials for all products. If you’re interested in longer-term design study (digital, visual, web, video), check out the free year-long Adobe CS5 curriculums for students, teachers, and all.
Categories: Tips Tags: , , , , ,

Share This

Lightroom 4 is Now Shipping, for 50% Less!
  1. No comments yet.
  1. March 22nd, 2011 at 12:27 | #1