Design

• • 1
  • 2
  • 3

  78 min
  Course

  UX Design Patterns

  | 409 students

  If you’re a frequent user of websites and mobile applications, you’re already familiar with design patterns, whether you’re aware of them or not. Design patterns are visual strategies for solving common usability problems. Design patterns keep the cognitive load to a minimum by making interfaces feel intuitive. When I say cognitive load, I mean the mental effort involved in solving a problem or making a decision.

  • Design
  • Beginner
• 24 min
  Practice

  Practice Data Visualization

  Students will practice converting raw data into an informative visualization.

  Viewed
  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  76 min
  Course

  Data Visualization Foundations

  | 294 students

  What is data visualization? A simple answer might be something like the graphic representation of data. But to get a better understanding of what practitioners of data visualization do, let’s start with the term data. By data, I mean raw, unorganized facts and numbers. Practitioners of data visualization take raw, hard-to-grasp data and turn that data into information by providing context and a purpose.

  • Design
  • Beginner
• 21 min
  Workshop

  Hello UX

  User Experience Design, commonly called UX Design, encompasses all aspects of a user's interaction with a company, its services, and its products. UX designers prioritize the needs of users and create solutions through empathy. So when UX designers help design a product or service for a company, we’re constantly asking ourselves: who are that company’s users? What do the users want to achieve? What obstacles stand in their way? And how can we minimize those obstacles and make the experience of our users a positive one?

  Viewed
  • Design
  • Beginner
• • 1
  • 2

  72 min
  Course

  Collaborating with Developers

  | 339 students

  Designers will learn how to involve developers throughout the design process, from conceptual brainstorming to implementation in code.

  • Design
  • Intermediate
• • 1
  • 2
  • 3
  • 4
  • 5

  75 min
  Course

  Intro to Design Thinking

  | 1329 students

  Learn the user-centered methods and mindsets that entire businesses are using to improve their product experiences. Throughout this course, we’ll go over how to find the voice of our user, the importance of that voice, and how to create a better experience for our user.

  • Design
  • Beginner
• 49 min
  Workshop

  Responsive Design

  In this workshop, we’ll be discussing responsive design, where content renders well and remains usable on a variety of devices and viewport sizes. On previous projects, you may have been asked to design with a specific screen in mind, whether a desktop, tablet, or mobile device. And sometimes, especially when designing a mobile app, this approach can be appropriate. For websites, however, it’s usually best to work with a single design and consider how that design transitions from screen to screen.

  Viewed
  • Design
  • Beginner
• 11 min
  Practice

  Practice Creating UX Content

  Practice creating UX content. You'll be given two companies with differing brand personalities, and you'll create UX content for their product pages.

  Viewed
  • Design
  • Beginner
• 37 min
  Practice

  Practice Using A Design System

  For this practice session, we’ll be using Adobe XD to wireframe a homepage for votingrights.gov, an imaginary website for the United States federal government that informs citizens about their right to vote. We’ll start with a problem, a set of research, and some design explorations in the form of rough sketches. We’ll then use the United States Web Design System to ensure the look and behavior of our design are consistent with other federal government sites.

  Viewed
  • Design
  • Beginner
• • 1
  • 2

  35 min
  Course

  User Onboarding

  | 212 students

  User onboarding optimization has a huge impact on user retention, allowing users to engage with a product and understand its value. We'll take a look at several user onboarding patterns.

  • Design
  • Beginner
• 25 min
  Workshop

  Designing Dynamic UI States

  When designing views in a website or app, it's common to think about the ideal state first. Content perfectly fills the UI, graphs are visualizing data, the user has familiarity with the tool, and the full functionality of the product is apparent. However, there are many more states to anticipate, from onboarding new users to helping more seasoned users discover new functionalities and manage copious amounts of data. In this workshop, you'll learn how to design UI for dynamic app states.

  Viewed
  • Design
  • Beginner
• 7 min
  Practice

  Practice Sketching

  For this practice session, you’ll be creating eight rough sketches for the primary screen of a sketching application. This app gives users the ability to make quick, shareable, black-and-white sketches using their fingers on a touchscreen.

  Viewed
  • Design
  • Beginner
• 11 min
  Practice

  Practice Wireframing

  For this practice session, you’ll be creating a digital wireframe in Adobe XD for the primary screen of a sketching application. This app gives users the ability to make quick, shareable, black-and-white sketches using their fingers on a touchscreen.

  Viewed
  • Design
  • Beginner
• • 1
  • 2

  90 min
  Course

  Accessibility For UX Designers

  | 435 students

  Accessible design is a design process that specifically considers the needs of people with disabilities. In this course, you’ll learn about the standards in place to guide designers in creating experiences that are accessible to all users as well as techniques to help bring your projects up to those standards.

  • Design
  • Beginner
• 5 min
  Practice

  Practice Creating a Sitemap

  Practice creating a sitemap for an elementary school called Northeast Elementary. Use research and a persona to determine what features and pages the school will need on its website then organize and diagram them into a sitemap.

  Viewed
  • Design
  • Beginner
• • 1
  • 2

  64 min
  Course

  Designing Interactions

  | 503 students

  Learn the principles of Interaction Design, including the five dimensions, interaction models, and cognitive psychology. Apply those principles by learning how to design interactions in a design program.

  • Design
  • Beginner
• 17 min
  Workshop

  Presenting Design Ideas

  Learn how to effectively present your design process to stakeholders so you can communicate a vision. Define the agenda, set the project goals, share your research, compare iterations, navigate feedback, and create a path for the next steps.

  Viewed
  • Design
  • Beginner
• 18 min
  Workshop

  Designing for User Roles

  Delve into the nuances of building a product for multiple audiences. Learn how user roles are defined and used. Recognize the importance of providing various permission levels, learn best practices, and analyze how B2B (business-to-business) products serve many types of users.

  Viewed
  • Design
  • Beginner
• 11 min
  Workshop

  Introducing Google Slides

  Walkthrough Google Slides to understand the tools available to create presentations.

  Viewed
  • Design
  • Beginner
• • 1
  • 2

  39 min
  Course

  Getting Started With Human Interface Guidelines

  | 505 students

  Learn how to work with Apple’s Human Interface Guidelines documentation. Learn to apply Human Interface Guidelines principles when designing iOS applications.

  • Design
  • Beginner
• • 1
  • 2

  46 min
  Course

  Getting Started With Material Design

  | 507 students

  Learn how to work with Google’s Material Design documentation. Learn to apply Material Design principles when designing applications for the Android platform.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  76 min
  Course

  Introduction to Design Systems

  | 737 students

  Learn how a scalable, repeatable design system leads to a more efficient design. Learn the components of a design system, and how to work with existing documentation.

  • Design
  • Beginner
• 7 min
  Practice

  Practice Prototyping

  Practice prototyping by connecting mockups in Adobe XD. Practice creating tap, time, and drag interactions.

  Viewed
  • Design
  • Beginner
• 37 min
  Workshop

  Creating Mockups

  Learn how mockups are used in the design process, and discover techniques for bringing them into your workflow. Practice transforming a set of wireframes into realistic depictions of the app by applying visual design styling and using Apple’s UI Kit for Adobe XD.

  Viewed
  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4
  • 5

  3 hours
  Course

  Typography for Designers

  | 1573 students

  Typography is one of the most important aspects of good design. In this course, you'll learn all you need to know about creating good typography as a UX Designer: how to choose a typeface; what to look for when laying out type, how to create typographic hierarchy, laying out type, and creating responsive typography.

  • Design
  • Beginner
• 6 min
  Practice

  Before and After: Typography

  Improve the typography on an existing design.

  Viewed
  • Design
  • Beginner
• 5 min
  Practice

  Before and After: Layout

  Improve the layout of an existing mobile iOS app.

  Viewed
  • Design
  • Beginner
• 7 min
  Practice

  Before and After: Color

  Practice designing with color.

  Viewed
  • Design
  • Beginner
• 11 min
  Workshop

  Solving Problems with UX Design

  Product design is about solving problems. Learn how to identify problems, understand the difference between "needs" and "wants," and how to convert a problem statement into a hypothesis you can test with user research.

  Viewed
  • Design
  • Beginner
• • 1
  • 2
  • 3

  42 min
  Course

  Conducting User Interviews

  | 848 students

  Learn how to validate product ideas by identifying an audience, sourcing participants, conducting user interviews, and analyzing the results.

  • Design
  • Beginner
• 2 min
  Practice

  Practice Storyboarding

  Storyboarding is a great way to visualize a persona’s interaction with your product. Building a storyboard helps to keep your design and solutions human-centered by using a story to empathize with your users. In this workshop, you'll practice this important skill by creating your own storyboard.

  Viewed
  • Design
  • Beginner
• 10 min
  Workshop

  Creating an Affinity Diagram

  Learn how to organize your research into an affinity diagram to uncover common patterns in data and uncover opportunities for applying User Experience Design to user pain points.

  Viewed
  • Design
  • Beginner
• 10 min
  Workshop

  Creating User Personas

  Learn how to focus your design work by developing user personas to help you represent and visualize the audience or audiences for your website, application, or product.

  Viewed
  • Design
  • Beginner
• 3 min
  Workshop

  Collecting Design Inspiration

  Collecting design inspiration is a fun way to get fresh ideas! It also helps you stay current with design trends and become aware of emerging design patterns. The goal is to collect designs that spark your own creative ideas.

  Viewed
  • Design
  • Beginner
• 7 min
  Workshop

  Receiving UX Feedback by Example

  See positive ways of handling different types of feedback on your designs, including constructive, negative, and prescriptive feedback.

  Viewed
  • Design
  • Beginner
• 26 min
  Workshop

  Handling Feedback as a UX Designer

  This workshop prepares new designers for handling feedback on their work in a diplomatic, effective, and professional manner.

  Viewed
  • Design
  • Beginner
• • 1
  • 2

  52 min
  Course

  Designing Layouts

  | 1235 students

  In this course, you'll learn how to apply design principles through a series of examples. Each example will include some component that can be improved, and by making the improvement, you'll develop strong aesthetic sensibilities about things like visual and typographic hierarchy, the use of grids and alignment in layouts, and how to choose colors.

  • Design
  • Beginner
• 8 min
  Practice

  Practice Journey Maps

  Journey maps are a helpful tool for UX designers that can articulate pain points that stand between a user and their intended goal. This practice session will help you analyze an experience and identify areas for improvement.

  Viewed
  • Design
  • Beginner
• 7 min
  Practice

  Practice Empathy Maps

  Empathy maps can help UX designers identify with users and understand their needs.

  Viewed
  • Design
  • Beginner
• 5 min
  Practice

  Practice Design Criticism

  One of the most important skills to have as a UX Designer is the ability to give and receive feedback on a project. This practice session will help you apply your critiquing abilities.

  Viewed
  • Design
  • Beginner
• • 1
  • 2

  35 min
  Course

  Visual Design Foundations

  | 2876 students

  In this course, you'll build your design vocabulary and learn how to describe the basic building blocks of any visual image. We'll start by learning about the elements of design, like line, shape, and form. Then we'll move on to the principles of design, like balance, harmony, and movement. By the end, you'll have a better foundation for discussing design with other team members and you'll be able to make objective observations about what is often subjective subject matter.

  • Design
  • Beginner
• 2 min
  Practice

  Practice Completing a Profile

  Often when you register for a service, you're just asked for your email address and a password. But websites and apps that are heavily driven by your personal information often need a lot more. In this practice session, you'll create a UI that persuades users to enter more information.

  Viewed
  • Design
  • Beginner
• 3 min
  Practice

  Practice Creating a Paywall

  Websites that are content-driven will often need to balance paid content and free content. One way to do this is to give a free preview in the form of a UI pattern called a paywall.

  Viewed
  • Design
  • Beginner
• 4 min
  Practice

  Practice Designing a Product Card

  Cards are a common UI pattern used to create reusable elements that can be used in multiple contexts.

  Viewed
  • Design
  • Beginner
• • 1

  15 min
  Course

  Design Criticism

  | 1623 students

  One of the most important parts of design is being able to talk about it with other people. Giving feedback and communicating suggested changes is key to moving forward with people and businesses. In this course, you'll learn how to formulate constructive criticism and talk objectively about the subjective topic of design.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4
  • 5

  78 min
  Course

  Building a Portfolio

  | 745 students

  Your portfolio is the most immediate means for a potential employer to decide if you’re a good fit. This course will give you insight into creating and curating a collection of your work that will most accurately reflect what you value as a designer/developer, what it might be like to work with you, and what to expect in terms of your output.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  UX Content Strategy

  | 992 students

  With so many websites and apps offering similar content and features, you need to provide a unique experience to compete - something memorable and enjoyable that resonates with your users. UX Content is how it’s done. From your home page and product descriptions down to your error messages, UX content can turn generic interactions into memorable experiences. By establishing a unique voice and personality, you can create an environment that welcomes, supports, and inspires users during their visit. So in this course, we’ll discuss why UX Content is so important, where you need it, how to create it, and how to ensure it’s effective.

  • Design
  • Intermediate
• • 1
  • 2
  • 3

  71 min
  Course

  Prototyping with Adobe XD

  | 1030 students

  Adobe XD is a visual prototyping tool for PC and macOS. In this course, you'll learn how to use Adobe XD by building a mockup for a travel booking app. By the end, you'll be able to create interactive prototypes that can be shared with others.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  Evaluating Design

  | 1143 students

  An essential part of the UX design process is measurement and validation. This course will provide an overview of the methods available for measuring the success of a design including A/B testing, surveys, and usability testing. It will specifically deep dive into usability testing so that students will learn about what’s involved in running such a test, from preparing a test plan to presenting actionable findings.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 5

  104 min
  Course

  Introduction to Wireframing

  | 3590 students

  Wireframing is a useful part of the design process. Throughout a website or mobile app project, you will have a lot of ideas and the best way to sort through those ideas is to brainstorm. Wireframes are a visual artifact of brainstorming, and the goal is to make them with minimal effort, as to encourage ideation. Whether you're a designer or not, wireframing is an important skill to have in your toolkit. It's beneficial for product managers, marketers, or anyone else with ideas for a website or mobile app. Wireframes are a valuable tool for visualizing user experiences, iterating on ideas, and sharing ideas with others.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  94 min
  Course

  Creating User Experiences

  | 2654 students

  Join us as we learn the basic principles of User Experience Design and how it shapes everyday interactions with products. By structuring products around users’ needs, we can ensure that the products do their job. You will learn how to meet users where they are, think through intuitive experiences, and create products that more effectively meet both your goals and your end users’ goals. This course will help you think more critically through the steps and decisions a user makes while interacting with your product. If you’re considering a career in User Experience (UX) or want to learn more about it, this course will expose you to how to design and plan around the people who use your product.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  Information Architecture

  | 1421 students

  In this age of information, it’s not always easy to know how content should be structured - everyone has a different perspective. In this course, you’ll learn about information architecture: what it is, and how it relates to web design and user experience. We’ll learn about the fundamentals of IA components like navigation, labeling, and content organization, as well as techniques to test and evaluate existing website structures. By the end, you’ll know how to organize website content and provide a clear, logical experience for any user.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  56 min
  Course

  Introduction to Product Design

  | 2791 students

  Over the last 10 years, design has proven to be essential to the success of a business. With the rise of the internet and more software being created, and as start-ups and tech companies realize the impact of design on the business and on digital products, there has been an increasing need for design. This course will help you understand and get familiar with product design, the role of design throughout product development and delivery, the different components of product design, and the process of designing digital products and experiences.

  • Design
  • Intermediate
• • 1
  • 2
  • 3

  102 min
  Course

  Digital Media Through Photoshop

  | 727 students

  Get started with creating your own digital media files. Setting up your documents properly before you start creating will be crucial for your end product. In this course we’ll learn what those considerations are as well as how to choose the right options. We’ll introduce the most prolific creative application Photoshop to set up our files, make some adjustments and come out the other end with a banner ad suitable for use on the the desktop and mobile as well as print. This course is perfect for anyone looking to get started with design or photography.

  • Design
  • Beginner
• • 1
  • 2
  • 3

  71 min
  Course

  Prototyping with Figma

  | 1386 students

  In this course, you'll learn how to build interactive and sharable prototypes in Figma, a web-based visual prototyping tool. You'll create a prototype for a "prosumer" mobile photography app, and by the end, you'll have a better understanding of how to create interactive prototypes that can be shared with project stakeholders and team members.

  • Design
  • Beginner
• • 1
  • 2

  59 min
  Course

  Prototyping in the Browser

  | 5160 students

  Before you design a website, it's important to have some kind of a plan or a wireframe to guide your efforts. But sometimes when you go from a simple sketch to digital pixels, the results aren't exactly what you expect. When you work with real HTML and CSS, and you're able to see your site on a real screens, you're able to see a more accurate representation of the final result. In this course, we're going to build a website prototype using the Bootstrap web framework.

  • Design
  • Beginner
• • 1
  • 2

  43 min
  Course

  Web Design Process

  | 12717 students

  Going from a blank screen to a finished website can be daunting. In this course, you'll learn about the major steps involved in designing websites. We'll learn how to gather information, explore potential concepts, and iterate on a design. By the end, you'll have the foundation you need to continue your design journey.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4
  • 5

  2 hours
  Course

  Adobe Illustrator for Web Design

  | 4916 students

  Using a project-based learning approach to Illustrator’s core features, walk through the process of designing a simple website beginning with making a wireframe, and then using that wireframe as the basis for creating a page mock up for mobile and desktop platforms. Along the way, use the basic drawing and shape tools to create an illustrated graphic logo. And with responsive web design in mind, we’ll utilize the benefits of both scalable vector graphics (SVGs) and CSS export capabilities.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  Sketch Basics

  | 5715 students

  Sketch 3 is an easy­ to ­use and powerful digital design tool for the Mac. It is quickly becoming the standard for many digital professionals and agencies because it was specifically made for them and their needs. Sketch can be used to create all manner of stunning digital designs from mobile applications to websites and icons. In this course we will introduce to you the basics of Sketch as well as looking at some of the more advanced features. We will give you the unimpeded confidence to begin creating your own designs regardless if you’re already familiar with other design tools or have never used one before! It is recommended that you purchase Sketch 3 for this course.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4
  • 5

  4 hours
  Course

  Web Typography

  | 5188 students

  As web features barrel ahead, web typography advances with it. We now have more control over type than ever before. But, as the often-quoted line from Spiderman goes, “With great power, comes great responsibility.” Well-built websites can be plagued by bad typography, creating an unpleasant experience to the user. In this course, we’ll cover all you need to know to begin building websites with good typography, giving users a great experience.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  55 min
  Course

  Brand Identity Basics

  | 12700 students

  In this course, we’ll take an in-depth look at the brand identity design process: from planning, strategizing and research, all the way through design and finalizing the project. We’ll also explore what exactly makes a brand image and why process is so important. Branding can be challenging, but with preparation and expectations, we can create amazing work and continue to hone in on what generates the best results. By the end of this course, you will have the tools and knowledge to create meaningful and comprehensive brand identities.

  • Design
  • Beginner
• 34 min
  Workshop

  Rapid Website Prototyping

  In this workshop, Treehouse web design teacher Nick Pettit will be demonstrating how to rapidly prototype websites using a combination of mockup tools and front-end frameworks.

  Viewed
  • Design
  • Beginner
• 48 min
  Workshop

  Live Q&A with Nick Pettit and Jason Seifer

  In this very special, very live Workshop, Nick and Jason decided to try something new for April Fools' Day: taking your phone calls! They answer questions about game development, Ruby vs. PHP, changing careers, and much more.

  Viewed
  • Design
  • Beginner
• 30 min
  Workshop

  The Blank Slate

  Join Treehouse web design teacher Nick Pettit for this live Workshop all about blank slates. The blank slate or "empty state" is when an application has no data. Not only is the blank slate a critical part of UX, but it can also be used to educate customers and increase their overall happiness with the experience. Have your questions ready and join us at 2 pm ET on March 11!

  Viewed
  • Design
  • Beginner
• 35 min
  Workshop

  How to Make a Favicon

  Learn how to design and create favicons with Treehouse web design teacher Nick Pettit. From sizing and best practices to implementation and advanced techniques, this Workshop will make you a favicon expert in no time.

  Viewed
  • Design
  • Beginner
• 61 min
  Workshop

  Web Design Q&A

  In this live Q&A session, Nick answers student questions about responsive images, front-end frameworks, getting a job in the industry, and much more.

  Viewed
  • Design
  • Beginner
• 63 min
  Workshop

  Usability Testing

  In this live workshop, Dan Gorgone walks through the steps of usability testing for your website or app. He covers the benefits of testing; what to do before, during, and after tests; and strategies to improve your testing process over time.

  Viewed
  • Design
  • Beginner
• • 1
  • 2

  30 min
  Course

  Logo Design Basics

  | 20741 students

  This course will not only cover the basics of logo design but will also walk through the process of creating a logo from start to finish. Follow Mat Helme in his pursuit to create a logo for a task manager app called ODOT, while using his process known as the "Logo Sprint".

  • Design
  • Beginner
• 73 min
  Workshop

  Creating Wireframe and Photoshop Mockups

  In this live Workshop, Nick creates a mockup for the website of a fictional to-do list app. He starts out with wireframes using Balsamiq, then moves on to Photoshop and creates a high fidelity mockup. Finally, Nick shows how to prototype the mockup in HTML and CSS.

  Viewed
  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  90 min
  Course

  Usability Foundations

  | 5901 students

  The concept of usability is directly tied to the success of websites and apps. How easy are they to use? We'll learn in this course how to ensure users can accomplish their goals on websites and apps, as well as laptops and mobile devices. We'll also consider the user centered approach to design, highlight common usability issues on sites and apps, and offer tips on how to ensure your designs stay as usable as possible.

  • Design
  • Beginner
• • 1
  • 2
  • 3
  • 4

  2 hours
  Course

  Design Foundations

  | 21473 students

  Have you ever wanted to understand and create aesthetic designs for the web? In this Deep Dive we will learn what design is and how to harness its power. Breakdown the components that conjure the perfect aesthetic. Also create and fix a design of your own.

  • Design
  • Beginner
• 60 min
  Bonus Series

  Mockups for Responsive Design

  Learn how to wireframe and design websites that work across multiple devices and screen resolutions. We'll cover everything you need to know in order to create low fidelity and high fidelity mockups for responsive designs.

  Viewed
  • Courses Plus
  • Design
• 5 min
  Bonus Series

  In the Wild

  Join Allison as she explores the web industry through interviews with web professionals. This is In the Wild.

  Viewed
  • Courses Plus
  • Design
• 16 min
  Bonus Series

  Web Design Q&A with Nick

  In this series, Nick Pettit answers your questions about web design, web development, and anything else you're interested in knowing.

  Viewed
  • Courses Plus
  • Design
• 105 min
  Bonus Series

  Exercise Your Creative

  How do you practice creativity? In the Exercise Your Creative series, Mat gives us some insight by taking us through his creative process.

  Viewed
  • Courses Plus
  • Design

Whoops! Perhaps you can try a broader search.

Reset all filters