20 UX Patterns Courses and Free Code Snippets

Monday, October 3, 2016

Are you considering a career in UX? Or you just want to become a better web designer and learn some useful UX techniques? These 20 UX patterns tutorials and UX pattern free code snippets will surely help you a lot!

UX patterns are repeatable solutions to recurring design problems. This means that when designing a website, you want to figure out the easiest way users can interact with the wireframe and layout you created.

Here are some UX patterns courses/comprehensive articles and free resources that will teach you more about UX patterns.

How UX Design Has Changed The World

UX design is getting more and more important each day. See how user experience design has changed the world so far.

how-ux-design-has-changed-the-world-

Foundations of UX: Prototyping

This is a great course by Lynda which teaches you how prototyping allows designers to quickly craft better user experiences for websites and applications. Explore what prototypes are and learn different UX techniques, in this course.

foundations-of-ux_-prototyping

How to Teach UX Design

This is a workshop on how ot teach UX design, based on a one day workshop model. It covers exercise design, how people learn, and how to design the day.

how-to-teach-ux-design-

UXNight: Designing For your Mom with Andi Galpern

Learn what an excellent UX design means and how to create designs that even someone who might be a little less tech-savvy, can understand and navigate easily.

uxnight_-designing-for-your-mom-with-andi-galpern-youtube

UX Design Myths

This is a compilation of myths from the UX world. It’s a quick and useful presentation you can watch in a couple of minutes.

ux-design-myths

What is ux?

Do you know the definition of  “User Experience”? Learn what UX design really is, from analytics to psychology to interface design.

what-is-ux

Content-first UX Design: What Video Games Teach Us About UX

Video games generate billions of dollars a year because of UX designers. Learn more about this, in this useful and comprehensive article.

uies-all-you-can-learn-library-seminar-detail-content-first-ux-design

Speaking: Typography & User Experience

Check out this presentation about typography and user experience. It will surely teach you some valuable insights.

speaking_-typography-user-experience-_-sara-cannon

Learn Web Design Basics with Paul Boag

Are you interested in web design and want to know some basics and learn where to start from? This course is exactly what you need . It will teach you all about UX, UI and more.

learn-web-design-basics-with-paul-boag-monsterpost

UX is not UI!

This is a small presentation that explains how UX and UI are not the same.

ux-is-not-ui-

UX Patterns Free Code Snippets

Product Builder

This is a customizable and responsive product builder for your online store.

product-builder-in-css-and-jquery-_-codyhouse-

Add To Cart Interaction

This is a floating cart that slides in when the user decides to buy an item.

add-to-cart-interaction-in-css-and-jquery-_-codyhouse-

 

Quick Add To Cart

This is a handy snippet to let users customize a product directly from the products gallery, and add it to the cart.

quick-add-to-cart-in-css-and-jquery-_-codyhouse

Animated Sign Up Flow

This is a pricing table that animates into a sign up form once the user selects a plan.

animated-sign-up-flow-in-css-and-jquery-_-codyhouse

Product Preview Slider

This is an easy way to show more product images and variations right in the product gallery.

product-preview-slider-in-css-and-jquery-

Secondary Sliding Navigation

This is a bold, secondary menu that slides over the main navigation.

-secondary-sliding-

Expandable Image Gallery

This is an image that expands on click, going full-width and turning into a gallery.

expandable-image

Responsive Newsletter Form

This is a minimal and responsive newsletter form with the addition of some subtle CSS3 animations that enrich the user experience.
 css-and-jquery-responsive-newsletter-form-

Smart Fixed Navigation

This is a fixed navigation that allows your users to access the menu at any time while they are experiencing your website.

smart-fixed-navigation

Side Shopping Cart

This animated side cart lets users jump in and out of the shopping cart, without refreshing the page or opening a popup.

css-and-jquery-side-shopping-cart

The post 20 UX Patterns Courses and Free Code Snippets appeared first on Web Design Blog | Magazine for Designers.



via http://ift.tt/2dql27N

No comments:

Post a Comment

 

The Cash Box Blueprint

Most Reading