– 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.
– 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.
– 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.
– 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.
– 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.
– 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.
– Paper Prototyping in the User-Centered Design (UCD) Process
– Creating a Paper Prototype
– User Testing a Paper Prototype
UX Design Techniques: Implementation Planning:
User-centered design does not 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.
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
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.
1. Using Credibility for Persuasion
– Social proof
– Smart defaults
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.
– 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.
– 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.
– 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.
– 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.
– 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.
– 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