Free! Download 10 Professional, Royalty-Free Adobe Stock Photos of Your Choice (Here Is Image #202294176)
Home > Tips March 22nd, 2011

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

1
 Shares
2 comments

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

GET FREE ADOBE BOOKS

Sign up for our popular newsletter and we’ll send you 30 great ebooks to learn all major Adobe tools at no cost!

Thank you for subscribing! We hope you enjoy the newsletter and your free Adobe books... Click here to see the books now, and start downloading and reading!

Sorry, something went wrong. Please try again.

Free! Download 10 Professional, Royalty-Free Adobe Stock Images of Your Choice
  1. Hi very informative and good post. These design principles are essential for any site design. In my opinion for a good website, you will need to apply these principles in a wise manner. Thanks for sharing such a valuable post.

WANT FREE ADOBE BOOKS?

Download Dozens of Free Adobe Books Sign up for our popular newsletter and we’ll send you 30 great ebooks to learn all major Adobe tools at no cost!

Thank you for subscribing! We hope you enjoy the newsletter and your free Adobe books... Click here to see the books now, and start downloading and reading!

Sorry, something went wrong. Please try again.

WANT FREE ADOBE BOOKS?

Download Dozens of Free Adobe Books Sign up for our popular newsletter and we’ll send you 30 great ebooks to learn all major Adobe tools at no cost!

Thank you for subscribing! We hope you enjoy the newsletter and your free Adobe books... Click here to see the books now, and start downloading and reading!

Sorry, something went wrong. Please try again.

Thanks for sharing!

Subscribe to ProDesignTools:

GET FREE ADOBE BOOKS

Sign up for our popular newsletter and we’ll send you 30 great ebooks to learn all major Adobe tools free!

Thanks for subscribing! We hope you enjoy the newsletter and your free Adobe books... Click here to see the books now, and start downloading and reading!

Sorry, something went wrong. Please try again.

Send this to a friend