Digital Sales & Marketing
Digital Sales & Marketing
Close

Free digital sales and marketing courses

Immediately start seeing better digital sales and marketing results with dozens (and counting) of free online courses inside IMPACT+.

View all free coursesView all free courses

Digital Sales & Marketing World 2021

The premier, hybrid event for growth-focused business leaders, digital marketers, and sales pros. Virtual passes are free for IMPACT+ Pro members. In-person passes on sale soon.

Learn moreLearn more Watch past events on demandWatch past events on demand

Digital sales and marketing services

Discover the full array of IMPACT services, including inbound marketing training, web design, paid media management, and more.

Learn moreLearn more
They Ask, You Answer
They Ask, You Answer
Close

Free They Ask, You Answer course

Learn the principles of the They Ask, You Answer by taking our most popular course, taught by Marcus Sheridan himself.

Take the course nowTake the course now

Hire a coach

Turn your company into a high-performing digital organization with our flagship coaching program, Digital Sales and Marketing Mastery.

Learn moreLearn more

Case studies

See dozens of examples of companies succeeding with Digital Sales and Marketing Mastery and They Ask, You Answer.

View case studiesView case studies

They Ask, You Answer, the book

“One of the 11 Marketing Books every CMO should read.” — Forbes

Learn moreLearn more Buy the bookBuy the book
Virtual Selling
Virtual Selling
Close

Virtual Selling Mastery

Equip your sales team with proven methods to connect with today’s buyer, shorten the sales cycle, and close more deals, faster.

Learn moreLearn more

Virtual Selling Summit

Virtual Selling Summit 2021 is in the works. In the meantime, enjoy the entire 2020 event on-demand, free for IMPACT+ Pro Members.

Watch past events on demandWatch past events on demand
Video
Video
Close

Free video sales and marketing strategy course

Zach Basner teaches you the fundamentals of making video for sales and marketing work inside your organization.

Take the course nowTake the course now

Video Sales and Marketing World 2021

Video Sales & Marketing World 2021 is in the works. In the meantime, enjoy the 2020 event on-demand - free for IMPACT+ Pro Members.

Watch past events on demandWatch past events on demand

The Visual Sale, the book

Learn how to use video to ignite sales, accelerate marketing, and grow your business in a virtual world in this book from Marcus Sheridan and Vidyard’s Tyler Lessard.

Learn moreLearn more Buy the bookBuy the book

Master video inside your organization

Video is a critical component of any high-performing digital sales and marketing program, and is a key part of Digital Sales and Marketing Mastery.

Learn moreLearn more
HubSpot
HubSpot
Close

Free HubSpot sales and marketing courses

Taught by Carina Duffy, IMPACT’s lead HubSpot trainer.

Marketing automation mastery (with HubSpot workflows)Marketing automation mastery (with HubSpot workflows) Inbound lead generation and conversion optimizationInbound lead generation and conversion optimization Getting started with sales technologyGetting started with sales technology

HubSpot Training Day

Following INBOUND 2020, IMPACT and HubSpot co-hosted a full-day of deep dive sessions to help HubSpot users get the most out of the new features fast! On-demand access is free for IMPACT+ Pro Members.

Watch on-demandWatch on-demand

HubSpot training and implementation

Maximize your investment in HubSpot's marketing, sales, or service platforms with guided training and implementation services.

Learn moreLearn more
Web Design
Web Design
Close

Website Optimization Summit 2021

March 23, 2021, 25+ Speakers/Sessions, Free for IMPACT+ Pro Members or $59 for a day pass.

Learn more and registerLearn more and register

Website design and strategy services

Get a beautiful, user-friendly HubSpot or Wordpress website that is easy to update, consistently generates leads and revenue, and grows with you.

Learn moreLearn more

User Experience Design: 4 Essential Elements & Awesome Resources to Save

User Experience Design: 4 Essential Elements & Awesome Resources to Save Blog Feature

August 17th, 2017 min read

When it comes to user experience design (UXD), my main source of inspiration, Steve Jobs said it best, “Design is not just what it looks like and feels like. Design is how it works.”

As marketers, we design user experiences every single day, whether we’re aware of it or not. Each time a prospect visits your landing pages, uses your site navigation, and even fills out a form, they’re interacting with your UX design.

Now, you may not be a professional graphic designer or UX/UI designer and that’s okay, but it’s vital that you’re aware you are design experiences for your site visitors and they could be awful ones.

Don’t fret, you don’t need to go to school for four years to understand the fundamentals of good user experience design and apply it to your marketing.

Here, I’ve broken down the four most important elements of user experience design (from the lens of a marketing strategist). Use these elements in every new change you make to your website to ensure that you’re creating the experiences you intend to for your visitors.

They’ll thank you for it by returning to your site and actually engaging with it, but first, let's answer the obvious:

What is User Experience Design?

User experience design is the strategic combination of best practices in usability, function, accessibility, and overall ease of, when designing and developing a product.

In other words, it is the strategic planning of how people interact with a product and putting particular pieces in place to make it happen as easily, naturally, and even fun, as possible. 

For the case of this blog, your product is your website. 

4 Elements of User Experience Design

1. Strategy

Being a strategist by trade, it’s only natural my first recommendation is to think about the strategy of the page/site you’re creating.

Strategy is never something that can be glossed over, skipped, or paired down just to get to the “real” work quicker. It can be frustrating to feel like progress isn’t being made or to not have a tangible design to show for the efforts of your work, but skipping this phase carries risks you should never be willing to take. A well-designed or built website is not your end goal in user experience design: your end-goal is achieving the business goals you’ve outlined with your stakeholders.

So, what exactly does strategy mean in this case?

The strategy phase for user experience design consists primarily of answering these three questions:

1) Who Is This For?

If I had a nickel for every time I had to convince a company their website wasn’t about them -- I’d have a lot of nickels.

Yes, your website showcases who you are, what you do, why you do it, and that you’re the best at it - but none of that really matters unless you first create an experience designed for your buyer personas.

Everything we, as digital marketers, do should directly tie back to those we are ultimately serving - our personas. This includes our user experience design.

Understanding who is coming to the site/page and what they are trying to accomplish will direct every decision to you have to make.

Don’t build personas and leave them in Google Drive. Build personas so rich that you could picture them as a real person and then filter everything you create through their point of view.

2) What Is The Purpose of This?  

Once you understand WHO this page/site is for, you’ll need to understand why this piece will exist?

Does this page exist to provide information? If so, what information?

Each page on your site, including landing pages, should always start with a purpose. Deciding on the purpose of this page early on will guide you as you work through the following elements of user experience design.

3) What Should the Visitor Do?

You now know who this page is for and why it exists, now determine the what. What action do you want your visitor to take when visiting this page?

Never leave your visitor unclear about what you want them to do next. Consider the logical next-steps that would help your persona complete their goals.

There are a lot of ways that you can denote the actions and provide that direction and you don’t have to figure that out now, but you do need to understand where this page fits in the journey and what comes next.

2. Foundational Requirements

When you’ve answered all the strategy questions and you understand the who, why, and what, it’s time to scope out what will be on the page.

User experience design combines the look, feel, content, graphics, and development requirements and creates a complete solution. Scoping is the second step to creating that solution.

There are a few different requirements to flesh out during the scoping phase:

Content Requirements

In order to fulfill the purpose of your page, you need to determine the content requirements of the page. Don’t read content as written copy.

Written page copy is one type of content that will most likely be present on the page, but don’t neglect imagery and video.

You don’t have to write the copy or have the videos shot during this phase, but having a shopping list of what will be needed in order to complete this page is vital.

With your content requirements in hand, you can plan how and when the content will be created and what it should say.

Functional Requirements

If the content is the story, the functional requirements are how we tell the story. A few things to consider are:

  • Will your images need to slide or be in a lightbox?
  • Will parallax be a feature you’d like to use?
  • If using video, how will that work?
  • Should your page include hover elements?

Similarly to your content requirements - having a list of what you need the page to do in terms of function before moving on.

3. Skeleton

While each element of user experience design is important, the structure phase is, in my opinion, the most important.

Structuring your page combines the strategy, content, and functions elements and begins to layout what this will actually look like.

Wireframing is an essential step in laying the structure of your page and being able to visualize how it all comes together.

Your wireframe should NOT be a design, fully-fleshed out with colors and functions, instead really focus on how you’re presenting the information to your personas to help them reach their goals.

A few things to consider when wireframing your page:

4. Surface

If the structure phase of user experience design is the most important, then the surface elements are my favorite!

This is where your graphic designer really gets to shine their talents in combining the strategy, purpose, requirements, desired actions with design best practices to create the visual representation of the page.

Your branding, color choices, and imagery selection should all be directed toward solving for these points:

  • How your visitor will move around (navigate) your page/site.
  • What visual elements should be represented (graphic, photography, etc.)
  • How interactive elements will be communicated visually to the user
  • How the information will best be consumed and understood

The final result of your surface elements will be a completed design of your page. You should be able to speak to every element present, answer why it’s there, what action it should drive for your visitor, and ultimately who this is for.

Non-Designer User Experience Design Resources

Successful user experience design doesn’t require that you get all the elements right for every single person who will visit your site. It means that you’ve considered the intention of each page, who it serves, and applied best practices to the structure and design of your site.

As a non-designer, I use a lot of resources to help me understand what should and should not be on the pages that we build. A few of my favorites are listed below!

Hotjar: HotJar is a great tool for testing how your finished product performs in the real world. With heat mapping, scrolling and click data, and the ability to launch surveys, I use HotJar to review how new or changed pages resonate with our visitors.

HubSpot: HubSpot has a lot of great articles about creating user experiences and the best practices to follow. This is one of my favorite articles in applying UXD to landing pages.

User Testing: Who better to tell you if the page you’re working on will connect with your persona than your actual persona? UserTesting.com allows you to crowd source feedback from an audience matched with your persona criteria. Submit your page and/or site and listen to the feedback that you’re hearing and implement improvements to your user experience based on what you learn.

Master the fundamentals behind the making of a inbound marketing website

Fill out the form below for the eBook on how to design a website that generates results

10 Focus Areas for Your next Website Redesign
Here Are Some Related Articles You May Find Interesting

Want to Contribute Content to impactplus.com? Click Here.

Hundreds of courses and recorded keynotes, completely FREE
Check it out
Access hundreds of digital sales and marketing courses and recorded keynotes, completely FREE