Learn it fast with expert-taught software and skills training at lynda.com. See what you can learn

By Scott Fegette | Tuesday, August 12, 2014

An Interview with UX Guru Steve Krug

krug-podcast-web

When Steve Krug’s first book Don’t Make Me Think hit the shelves, it took the UX world by storm and brought the discipline of usability and building strong user experiences to a much wider audience than ever before.

lynda.com author Jen Kramer recently sat down with Steve for a podcast around his upcoming keynote session at the Northeast PHP and UX conference.

By Chris Converse | Thursday, June 12, 2014

Create a jQuery Slideshow

figure_1_slideshow_anatomy-600

The general goal of a web-based slideshow is to give your site visitors an optimized, easy-to-navigate image viewing experience. Since navigation can take up valuable screen real estate, many slideshows opt to use an overlay, or lightbox effect, to give users the option of viewing a larger version of an image.

By Chris Converse | Wednesday, December 18, 2013

Creating a Responsive Web Experience

Simply rearranging your web design across screen sizes isn’t enough to assure a smooth, natural experience for all the devices that will view it. In order to truly optimize the user experience, we must alter the content and behavior as well. This means loading alternate HTML content, suppressing animations, and collapsing navigation for small screens.

FIgure 1Navigation on small screens is collapsed into a single button, which expands into the global navigation when clicked or tapped, providing an optimal experience for small screens.

In this course, we’ll explore altering the user experience based on screen size. This approach will allow us to increase the user experience and download speed for larger screens, while delivering smaller-sized files and targeted experiences for smaller screens. Learn how to combine jQuery with your HTML and CSS to alter experiences across screen sizes.

By Chris Nodder | Wednesday, August 28, 2013

Information architecture: More than just a pretty menu

Comparing information architectures

Explore this course at lynda.com.

Some people in the design community insist on calling website menu systems “information architecture.” I think they do it to make menu design sound sexier or more esoteric. Unfortunately that’s not what information architecture is. Or rather, it’s only part of what information architecture is.

Information architecture (IA) is actually “the structural design of shared information environments.” It’s no good just having a well-thought-through menu system for your site. Once you get people to where they need to be, the content needs to be arranged in the way they expect, using words they understand. Knowing how your users think about and self-categorize your site’s content should be central to your whole design effort. It boils down to finding out how your users think about and categorize the concepts, tasks, and activities that your product deals with, and then creating an architecture that matches this world view. My course Foundations of UX: Information Architecture steps through the discipline of IA, and the practical steps needed to apply it to your projects.

By Jen Kramer | Wednesday, August 21, 2013

Bootstrap 3: What You Need to Know

Bootstrap 3 is out.

Bootstrap 3, the popular HTML5 front-end design framework (and top-starred project on GitHub), has finally been released—and what a release it is! With tons of new features and a revised API, there’s much to enjoy. Here are some of the new features and things to keep in mind when working with Bootstrap 3.

Mobile-first and fully responsive The Bootstrap 3 framework has been entirely rewritten to follow mobile-first design principles, so you can more easily build responsive web experiences that adapt gracefully from smaller to larger screens.

By Shira Gotshalk | Saturday, February 11, 2012

Interaction design and user experience fundamentals

Interaction design (IXD) and user experience (UX) design are increasingly recognized as essential skills for the web, mobile devices, and other digital interfaces and devices. But IXD and UX are much more than creating rollovers, knowing where to put buttons, and using attractive graphics and transitions. We need to understand what people need or want to do, what motivates them, how they interact with a device or interface, and we need to understand the technologies that are providing access to a nearly unlimited amount of information.

In this new fundamentals series David M. Hogue, Ph.D., an applied psychologist and UX designer, introduces the foundations of interaction design from a psychological perspective. Dave looks at the origins of interaction design and our basic need to record, understand, modify, communicate, share, and play with information. He also investigates key concepts in cognition, perception, learning, memory, and motivation to show how understanding the needs and behaviors of the people who will use the interface can inform and guide our design decisions.

The series is centered around five essential principles of interaction design: consistency, perceivability, predictability, learnability, and feedback. Dave uses the five principals to explore user experience and interaction design from a psychological perspective and to help explain how to craft more successful, usable, and enjoyable interfaces. His discussion covers a wide range of topics including how people develop a sense of place, cognitive friction, the Gestalt Principles, mental models, and perceived affordances.

The Interaction Design Fundamentals course is targeted at designers and developers who want to craft better, more engaging, experiences for their visitors and customers. Whether you are new to the field or are already creating interfaces for the web and devices, looking at interaction design from the perspective of human behavior, cognition, and motivation can help improve your design decisions overall.

Have other topics and techniques you wish Dave would teach, discuss, or demonstrate in this series? Leave us a comment on this post.

Interested in more? • The entire Interaction Design Fundamentals course on lynda.com • All developer courses on lynda.com • All web + interactive courses on lynda.com

Suggested courses to watch next:Web Site Planning and Wireframing: Hands-On TrainingFlash User Experience Best PracticesWeb Site Strategy and PlanningWeb Form Design Best Practices

Get the latest news

  •   New course releases
  •   Pro tips and tricks
  •   News and updates
  
New releases submit clicked

You can change your email preferences at any time. We will never sell your email. More info

Featured articles

A lynda.com membership includes:

Unlimited access to thousands of courses in our library
Certificates of completion
New courses added every week (almost every day!)
Course history to track your progress
Downloadable practice files
Playlists and bookmarks to organize your learning
Become a member

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.