Lesson 2
Wireframe
Estimated Time: 5 minutes
______________________
After this lesson, you will:
- Be able to identify any potential obstacles for your audience;
- Be able to identify the results and measurements for your website;
- Be able to identify any interactivity elements that support your website goals.
Descriptive transcript
Video Description: Brian, a white male, is seated. He is wearing a dark blue polo shirt, a tan flat cap, and a pair of black eyeglasses. He is using American Sign Language to teach. On his left side is a light gray dresser with an assortment of house plants on it. A plant grow lamp casts white light upon the plants. To Brian’s right side is a small brown plant stand, with more house plants on it, along with a black baseball cap with the word “Purdue” on it. Another grow lamp casts blue light on the plants on this side.
What is a wireframe?
A wireframe is also a blueprint, which takes you to the next level from the sitemap. A wireframe shows the layout structure for each page of your website, with your content set up. It shows how your website functions for your users, with all the menus, buttons, and page designs laid out. With this, we’ll be showing our process of thinking from the user’s perspective. That’s what we’re good at! You can give us feedback on anything we might have missed.
What do I need to do to support my wireframe?
How do you support the wireframe part of the process?
Consider others’ perspectives
We’ll be asking you for feedback on the wireframe, which will represent the user experience that your audience will navigate. With your website goals in mind, imagine a few users in your target audience who differ in a few ways:
- Age
- Interest
- Technical skill
- Devices used
- Personal goals or motivation
Think about what defines your audience in how they use your website. Imagine them navigating your website, with the content, the menu, and the layout of each page. For the user, is everything obvious or not? Will their motivation to explore your website be tough to get? Since you know your audience, you can help us spot potential errors that could impact your audience’s user experience.
Connect with your inner geek
When you’re working with us, you’ll be “geeking” out on a few things, and analyzing exciting things! A big one for us is results. In other words, measurements. Imagine your website a month after its public launch day. What results or measurements from your website do you want to be discussing with your team? Knowing these results up-front will help us design your website to do these well. They could include:
- Newsletter subscriptions
- Amount of money donations
- Number of app downloads
- Items added to cart
In terms of measurements, Google Analytics is a major player in the world of website measurements. Google Analytics can track exactly what your users do on your website – what pages they visited or didn’t visit, and how much time they spent on your pages. It helps you discover the next steps for future website improvements or additions. This tool might be something to consider for your website as an addition.
The second thing you can geek out on is the interactive elements that you’d like on your website. They can enhance your audience’s engagement. Examples include:
- Forms (to fill out)
- Live chatbots
- Accessibility widgets
- Search engines
- Surveys
Interactive elements can boost your website’s engagement, connecting with your audience and supporting your goals and results. Live chatbots can help you make instant connections with your audience, by asking the audience if they need help, right away. Interactivity happens right there. And the Accessibility widget lets users change your website to be more accessible as they use it. Users with different needs, like Deafblind users, will benefit. The result: more engagement and user involvement.
Need Help?
Unsure of something? Please reach out to us!
Save for Later
Feel free to pace yourself. We’ll be here!