Topics include:
- What is a prototype?
- How prototyping helps user experience
- Defining prototype goals
- Sketching ideas
- Creating paper prototypes
- Building low-fidelity and high-fidelity prototypes
- Creating HTML prototypes
- Testing and evaluating prototypes
- Choosing the right prototyping tool
Foundations of UX: Information Architecture:
Improving the way the information in your site or application is organized and presented is one of the most cost-effective ways of increasing user satisfaction and engagement. Information architecture can help you find out how your users think about the world, and transition those lessons to your product. In this course, Chris Nodder teaches you how to perform card sort research to get information about user interactions, analyze the results, and create a validated information architecture plan. Then translate your plan into refined menus, content classification, and page layouts. Finally, test the success of your new structure with reverse card sorting and by monitoring feedback from server logs, site searches, and help desk calls.
Topics include:
- What is information architecture?
- Why do research?
- Creating and running a paper card sort
- Recruiting test participants
- Analyzing paper card sort results
- Running a computer-based card sort
- Creating abstract information architecture
- Validating your plan with a reverse card sort
- Translating information architecture to navigation and layout
- Watching the server after you go live
Foundations of UX: Content Strategy:
Content is key to delivering a successful user experience on websites, apps, and other digital properties. But what sets good content apart from the rest? This course takes you through the process of analyzing and reshaping your web content—not only text but also video, imagery, social interactions, and the metadata that underlies it all—to improve your SEO while refining your brand's voice. Learn how to construct meaningful content and measure just how successful your site is after launch. Author Patrick Nichols also shows you how to develop personas to better understand your audience and evaluate the needs of important stakeholders and influencers.
Topics include:
- What is content strategy?
- Shaping the tone
- Auditing your current content
- Identifying content gaps
- Defining your audience
- Developing personas
- Working with wireframes
- Measuring results
Foundations of UX: Usability Testing:
Run your own basic usability study to find out just what your users need from your website, application, or device—and learn where to focus design improvements to have the biggest impact. Author Chris Nodder shows how to design a study so that it answers your questions, recruit the right participants, and set up the test environment. The course also teaches you how to moderate and observe a usability session, interact with participants and ask the right kind of questions, and then analyze the results and share them with your team in a meaningful way.
Topics include:
- What is usability testing?
- Finding the right participants
- Making a screener
- Asking the right questions
- Avoiding bias
- Making a task list
- Creating the test environment
- Running a pilot study
- Moderating sessions
- Capturing real-time observations
- Analyzing and reporting your results
Persuasive UX: The Power of Self-Image:
Marketing departments often appeal to our sense of identity—who we want to be and how we want to be seen. You see the power of self-image used in advertisements for fashionable clothes, luxury cars, and the latest technology. These ads all capitalize on the same themes: aspiration, status, and self-esteem.
Companies create desire by implying their products will make us happier and more popular, like the celebrities that promote them. And while you might not be able to hire an athlete or movie star for your next campaign, you too can tap into self-image with the right persuasive design techniques. Chris Nodder leads you through this fascinating aspect of user experience in this installment of Persuasive UX.
Topics include:
- Introduction
- Using Self-Image for Persuasion
Persuasive UX: Influencing Behavior Patterns:
We'd like to think otherwise, but most human behavior follows a predictable path. Actions (aka stimulus from the outside world) lead to predictable reactions on our part. One element of persuasive design is providing the right stimulus at the right time, in order to get users to respond in the desired way, whether it's navigating your website, providing an email address, or purchasing a product. Learn how to use desire lines, and commitment, reinforcement, and breakage techniques to influence behavior patterns, in this installment of Chris Nodder's Persuasive UX series.
UX Design Tools: Axure:
Axure is a wireframing and prototyping tool for web and user experience designers. You can use it to create user flows and sitemaps, click-through wireframes, and robust, fully interactive prototypes. This course shows you how. Brian Thurston Bralczyk introduces Axure's ready-made widgets, functioning form elements, and dynamic content that can be hidden, moved around the page, or even animated. Plus, learn how to generate flows and sitemaps, and create adaptive web designs to view your project on a range of devices. By the end of this course, you'll be able to create prototypes that will help you communicate your designs to clients and developers, or even run large usability tests with prospective users.
Topics include:
- Using and styling widgets
- Setting up interactions
- Creating hide/show options for content
- Creating an accordion menu
- Applying web fonts
- Using flow widgets
- Creating and placing masters
- Styling pages
- Adding form fields with widgets
- Building a slideshow with dynamic panels
- Setting up adaptive views
UX Design Techniques: Paper Prototyping:
This installment of UX Design Techniques brings together all of the information you've gathered from previous steps. Here, Chris Nodder shows how to get fast, inexpensive, and early validation of your design ideas, using the simplest of materials: paper, Post-it notes, index cards, and Sharpies. With these tools, you'll learn how to create paper prototypes and present them to representative users of your product or system. It's a great way to test your ideas before you write any code.
Topics include:
- Introduction
- Paper Prototyping in the User-Centered Design (UCD) Process
- Creating a Paper Prototype
- User Testing a Paper Prototype
- Conclusion
UX Design Techniques: Implementation Planning:
User-centered design doesn't stop with visualization. In this, the final installment of UX Design Techniques, Chris Nodder shows how to gather the documentation you've created so far and start planning the implementation of your design, from prioritizing features with the most business benefit to setting achievable metrics.
Topics include:
- Introduction
1. Using User-Centered Design (UCD) Artifacts to Create an Implementation Plan
- User-centered planning
- Where implementation planning fits in the UCD process
2. Story Mapping
- Create a story map
- Laying out the interface
- Prioritizing items on the story map
- Setting metrics for story-map items
- Conclusion
Persuasive UX: Creating Credibility:
Credibility is currency with online audiences. By knowing how concepts like social proof ("if other people do it, so can I") and authority affect your audience or customers, you can build your credibility and influence their behavior. Dive into this course to learn more, and start putting these concepts to work for you.
Topics include:
0. Introduction
1. Using Credibility for Persuasion
- Social proof
- Reciprocation
- Authority
- Smart defaults
2.Conclusion
UX Design Tools: Photoshop:
The UX Design Tools series makes the connection between early UX creative processes, like wireframing and prototyping, with the tools and techniques necessary to create a successful product design. This installment delves into the power of Adobe Photoshop. Justin Putney shows you how to create and edit live shapes, a key component in wireframes; store and display different application states with layer comps; export images and multilayer comps for sharing with clients and developers; and much more.
Topics include:
- Setting up files
- Building live shapes with the Rectangle tool
- Using character and paragraph styles
- Organizing content into layers
- Building layer comps
- Creating and reapplying custom shapes
- Using Smart Objects to group and store elements
- Saving and using layer effects
- Exporting artwork
User Experience Fundamentals for Web Design:
Discover how to create a user experience that embodies utility, ease of use, and efficiency by identifying what people want from websites, how they search for information, and how to structure your content to take advantage of this. In this course, author Chris Nodder shows how to merge engineering, marketing, graphical and industrial design, and interface design to create a website that meets the needs of your customer, and is simple, elegant, and engaging. The course shows how to use graphics to help rather than hinder visitors, balance advertising and content, and integrate video, audio, and other media. Other tutorials consider the landing page experience and elements like contact forms from the visitor's perspective.
Topics include:
- Applying simple, consistent, and standard design principles
- Tailoring your menus, site map, and links for visitors
- Understanding progressive navigation
- Formatting page for information exchange
- Understanding the importance of the homepage
- Creating compelling category and landing pages
- Showing the price for products
- Having a call to action
- Asking for information on forms
- Using media to tell your story
- Earning ad revenue without discrediting your site
UX Design Tools: Illustrator:
The UX Design Tools series connects early UX creative processes—like wireframing and prototyping—with the tools and techniques necessary to create a successful product design. Illustrator is one of those tools, noteworthy for its type tools, spacious artboard, libraries of reusable artwork, and clean vector lines. In this course, Justin Putney shows how to use symbols to take advantage of reusability, organize your artwork into layers, use artboards to design different wireframes for multiple screens and different application states, and export wireframes to share with clients and developers.
Topics include:
- Creating and positioning guides
- Building shapes
- Designing reusable symbols
- Creating character and paragraph styles
- Adding text
- Using artboards to organize and display content
- Exporting to multipage PDF
UX Design Techniques: Overview
Learn about the benefits of user-centered design and the six techniques illustrated in the UX Design Techniques series.
UX Design Techniques: Ideation
Generate more creative, more satisfactory solutions for your users using ideation techniques.
UX Design Techniques: Creating Scenarios and Storyboards
See how to map user needs to your proposed UX design solution with scenarios and storyboards.
Learn Sketch: The Basics
Sketch is one of the most popular UX design tools around. This training course will help designers of all skill levels be productive with its focused, comprehensive vector graphics workflow.
Foundations of UX: Multidevice Design
If users really like your website or app, they're not logging in from a single device. They're visiting from their desktop at work, their phone on the train, and their tablet at home.
UX Design Tools: OmniGraffle 6
If you've spent much time designing for user experience, you've probably come to appreciate the importance of planning. Having a flexible solution that helps you create design documents as part of your workflow is essential. OmniGraffle is a UX design tool that allows you to create wireframes, sitemaps, flowcharts, and more, to help you organize your site and build an intuitive user experience. Join Jason Osder as he demonstrates how to use OmniGraffle 6. He shows you how to use basic features, like adding lines, shapes, and text, to create diagrams of page layouts, or wireframes, in addition to advanced features, like working with stencils and templates. He lets you know when he is showing a pro-version feature, like presentation mode and subgraphs, so you can adjust accordingly. Along the way, you'll learn how to improve your documentation by eliminating unnecessary elements to help readers visualize all of a site on one page. As an object-based diagramming program, OmniGraffle has features for executing UX and IA documents. Creating other documents, like use case scenarios, content maps, and models, is also covered.
Topics include:
- Setting up document files
- Aligning and distributing lines, shapes, and text
- Using canvases, templates, layers, and stencils
- Making sitemaps to organize information
- Creating wireframes to diagram page layouts
- Designing for mobile
- Building content maps and conceptual models
UX Design Tools: InVision
InVision is a powerful UX design and collaboration platform that helps companies of all sizes create better and faster together. Dennis Field is InVision's worldwide evangelist and training expert. In this course, he reviews how to set up a free InVision account, build basic prototypes and boards, get feedback, and collaborate on designs through various mediums, like share links, LiveShare, and the InVision mobile app. Plus, learn how to get your Photoshop and Sketch designs into InVision using InVision Sync.
Topics include:
- Creating your InVision account
- Adding linked screens, overlays, and transitions to prototypes
- Creating and customizing a board
- Sharing prototypes and boards
- Collaborating and commenting
- Integrating with Photoshop and Sketch
- Using the InVision mobile app
UX Design Tools: Sketch
The best UX design tools are nimble, collaborative, and efficient—just like Sketch. Learn how to use this Mac-only, vector-based app to craft great user experiences. Renata Phillippi concentrates on a workflow that takes advantage of Sketch's huge library of plugins, templates, close integration with software like Illustrator and InVision, and best practices (such as the use of style guides and open-source fonts). Follow along to learn how to set up your Sketch workspace for maximum efficiency, speed up design with reusable styles and symbols, build responsive site maps and wireframes, and design mobile apps for iOS, Android, and even watchOS with Sketch. Plus, learn how to integrate Sketch with other popular UX design applications such as Illustrator, InVision, and Flinto.
Topics include:
- Extending Sketch
- Building a style guide
- Using styles and symbols
- Working with artboards
- Making responsive wireframes
- Using responsive design plugins: Artboard Zoom, Sketch Focus, Craft, and more
- Exporting your design
- Building a mobile app for iOS, Android, or watchOS
- Integrating other tools in your Sketch workflow
UX Design Tools: Axure RP
Axure RP is a popular prototyping tool for web and user experience designers. You can use it to create user flows and sitemaps, click-through wireframes, and robust, fully interactive prototypes. Join Renata Phillippi as she introduces Axure's ready-made widgets, form elements, and interactive features like lightboxes and carousels. Plus, learn how to create adaptive web designs that display beautifully on a range of devices. By the end of this course, you'll be able to create prototypes that will help you solicit user feedback, validate your ideas, and communicate your designs to clients and developers.
Topics include:
- Using widgets
- Setting up interactions
- Building an adaptive page
- Styling pages and widgets
- Creating forms
- Adding text fields, dropdowns, and check boxes
- Hiding and showing menus
- Creating carousels
UX Design Tools: UXPin
Provide stakeholders with realistic, interactive prototypes so they can test and experience the intuitiveness of your designs. You can accomplish this by using a tool with features that help you achieve current user experience (UX) industry standards. In this course, learn how to use the popular UXPin platform to create wireframes, enhance mockups, add animation, share interactive prototypes, test responsiveness, and more. Discover how to create layouts for devices ranging from smartphones to tablets to desktops, and learn how to work with layered design files from Photoshop or Sketch.
Topics include:
- Importing artboards from Photoshop and Sketch
- Adding interactivity
- Adding animations
- Designing responsive sites
- Sharing prototypes with stakeholders
- Creating image carousels
- Create slide-in menus
Proto.io for UX Design
Get up to speed with Proto.io, one of the leading prototyping platforms for UX and design teams, and start building and sharing interactive prototypes. This course shows how to make prototypes for a variety of devices, ranging from smartphones to tablets to desktops. Learn how to create screens and import artboards from Photoshop and Sketch. See how to add interactivity, photo, video, audio, and animation. Additionally, learn about sending your prototypes out for review, to provide testers and users with the opportunity to add comments to your projects.
Topics include:
- Using design patterns
- Using grids and columns
- Using the Proto.io player
- Using the Proto.io smartphone app
- Working with screens
- Using components
- Creating artwork
- Creating and using containers
- Creating animation
- Publishing your prototype
UX for Instructional Design with Sketch
Instructional designers seek to make effective learning materials. Having an application that both facilitates document creation and centralizes all of your designs as templates makes that goal all the more achievable. This course explores just such an application—Sketch. With Sketch, you can easily design handouts, worksheets, infographics, and more. In this course, John-Paul Ballard shows you how Sketch fits into your curriculum design workflow. He demonstrates how to use the design features to make icons, shapes, and tables. Then, he takes you right into practical uses, showing you how to make a rubric, a syllabus, a handout, and how to save these as reusable templates. He also discusses how layout and intuitive design improves the user experience for your learners and is complementary to an instructional systems design workflow.
Topics include:
- Using design patterns
- Using grids and columns
- Using the Proto.io player
- Using the Proto.io smartphone app
- Working with screens
- Using components
- Creating artwork
- Creating and using containers
- Creating animation
- Publishing your prototype
Illustrator for UX Design
Work smarter and faster with Adobe Illustrator to design your next web or app project, starting with wireframes. Brian Wood shows how, in this course, building upon what you already know—making shapes, working with layers, and using guides—and focusing on the features needed to effectively work with text, symbols, libraries, and a lot more. Brian demonstrates how to set up your artboards and use grids, masks, and styles to fulfill common UX design needs, from organizing content and buttons to making a layout responsive. He concludes by taking you through the export process.
Topics include:
- Setting up artboards
- Using guides, grids, and snapping
- Working with text and shapes
- Creating reusable artwork
- Formatting
- Organizing content
- Exporting assets
Framer for UX Design
You can use Framer to create JavaScript-based app prototypes quickly and easily. UX designers, engineers, interaction designers, and more can get refreshed on UX fundamentals in this course, and then dive into navigating Framer. Emmanuel Henri shows both how to use non-coding Framer tools and how the usage of programming fits into the UX design process. Learn how to make a prototype, from inserting the first few screens to finalizing assets and adding interactions.
Topics include:
- Importing designs from Sketch and Photoshop
- Inserting and styling screens
- Adding animation with auto-code
- Working with general syntax
- Programming with variables and objects
- Using functions and code snippets
- Creating assets
- Making interactions
- Animating screens
- Adding a scrolling component
Photoshop for UX Design
Although you have a number of design tools available to you for your numerous UX projects, oftentimes, the tool you already have and the tool you already know is the best tool for the job. This course shows how to quickly create wireframes, flowcharts, and pixel-perfect mockups in Photoshop. Learn how to use artboards, guides, Creative Cloud libraries, and more to make layouts and generate exports that convey fluid app experiences. Join Dennis Meyer as he shows you how to set up your project, create a static wireframe, export your designs, and leverage UI kits to create pixel-perfect mockups.
Topics include:
- Creating a document with artboards
- Using grids, guides, and guide layouts
- Adding placeholders and text
- Using ligature fonts for icons
- Using layer comps to display states
- Using Adobe Preview CC
- Exporting artboards for review
- Exporting assets for use in InVision
- Working with user interface kits
- Extracting CSS values from a design
Affinity Designer for UX Design
Serif's Affinity Designer offers a lightweight vector design tool for Mac that's simple, streamlined, and easy to use for UX design. Learn how to incorporate Affinity Designer's features into your own design process. Here Ronnie McBride shows how to set up your preferences, use artboards, create custom color themes in the Swatches panel, apply styles and gradients, and create wireframes, mockups, UI assets, and hero graphics—all with Affinity Designer's versatile toolset. Once you find out what you can do with Affinity Designer, you may never go back to expensive design software again.
Topics include:
- Setting up your preferences and interface
- Creating new documents
- Using artboards
- Creating a wireframe or mockup
- Creating UI assets
- Exporting for prototyping