We may earn an affiliate commission when you visit our partners.

Create website wireframes with Balsamiq

In this 2-hour long project-based course, you will learn how to create a website wireframes with Balsamiq, create the schematic for interface design, apply principles of hierarchy, proximity, contrast and progressive disclosure for interaction design, creating an e-commerce home page, product details and create account page wireframes.

Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Enroll now

Or subscribe to Coursera Plus

And get unlimited access to Coursera

What's inside

Syllabus

Project Overview

In this project you will work on building wire-frames for a consumer electronics e-commerce website, using Balsamiq software. You will focus on understanding what wire-framing is and how it fits in the user experience and interface visual and interaction design process, build interactive wire-frames and export them, work with interface components learning and using hierarchy, contrast, proximity and progressive disclosure of information design principles.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Introduces students to the fundamentals of wireframing for e-commerce websites

Builds foundational skills for designing user interfaces and user experiences

Covers essential principles of interface design, such as hierarchy, proximity, contrast, and progressive disclosure

Utilizes Balsamiq software, a popular tool for wireframing and prototyping

Project-based format allows students to apply their learning hands-on

Save this course

Save Create website wireframes with Balsamiq to your list so you can find it easily later:

Save

Reviews summary

Balsamiq wireframing

According to learners, Balsamiq is great for beginners who want to create website wireframes. Students say that the course's easy-to-follow instructions and engaging assignments make it a great way to learn about wireframing. The course is well-received by learners who are new to wireframing or who want to learn more about Balsamiq.

Assignments help reinforce learning.

"I was very happy to have acquired the knowledge and practice on a new design tool."

Course is approachable for beginners.

"Great for beginners who want to create website wireframes."

Straightforward instructions make learning easier.

"The instructions were very easy to follow."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Create website wireframes with Balsamiq with these activities:

Review basic design principles before starting the course

Show steps

Brush up on the fundamentals of design to ensure a strong foundation for the course.

Browse courses on Design Principles

Show steps

Review your notes or textbooks from previous design courses.
Read articles or watch videos on basic design principles.

Gather a collection of wireframing resources

Show steps

Build a valuable resource for yourself by gathering helpful wireframing resources.

Browse courses on Wireframing

Show steps

Search for online wireframing articles, tutorials, and videos.
Bookmark or save the resources that you find most helpful.
Organize your resources into a folder or document for easy access.

Review 'The Design of Everyday Things' by Donald Norman

Show steps

Build a foundation in user-centered design principles by reading this classic text.

View Design for a Better World: Meaningful,... on Amazon

Show steps

Read the book, taking notes on key concepts and principles.
Identify examples of good and bad design in your own life, based on the principles you learned.
Discuss the book with a friend or colleague to gain different perspectives.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Join a study group with other students in the course

Show steps

Connect with fellow students and enhance your learning through collaborative discussion.

Show steps

Reach out to other students in your course and propose a study group.
Meet regularly to discuss course material, complete assignments together, and provide support to each other.

Follow a Balsamiq tutorial for wireframing basics

Show steps

Get started with Balsamiq quickly and easily with this guided tutorial.

Browse courses on Balsamiq

Show steps

Experiment with different Balsamiq features to get a feel for the software.
Find a Balsamiq tutorial that covers the basics of wireframing.
Follow the steps in the tutorial to create a simple wireframe.

Complete online Balsamiq exercises

Show steps

Reinforce your understanding of Balsamiq with these interactive exercises.

Browse courses on Balsamiq

Show steps

Find online Balsamiq exercises or quizzes.
Complete the exercises to practice using Balsamiq's features.

Create wireframes for a simple e-commerce website

Show steps

Apply the principles you've learned to create wireframes for a real-world website.

Browse courses on Wireframing

Show steps

Choose a simple e-commerce website to wireframe.
Sketch out the basic layout of the website on paper.
Create the wireframes in Balsamiq, using the principles of hierarchy, proximity, contrast, and progressive disclosure.
Get feedback on your wireframes from a friend or colleague.

Volunteer to help with a local UX design project

Show steps

Gain practical experience and give back to your community by volunteering on a UX design project.

Browse courses on UX Design

Show steps

Find a local UX design organization or non-profit that needs volunteers.
Contact the organization and offer your help.
Participate in the project, following the direction of the project lead.

Career center

Learners who complete Create website wireframes with Balsamiq will develop knowledge and skills that may be useful to these careers:

UX Designer

UX Designers design and develop the user experience of a website. A course like this one may help you build a foundation in UX design, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a website.

See salaries and explore the career path for UX Designer

User Experience Designer

User Experience Designers are responsible for the overall experience of users when interacting with a website. A course like this one may help you build a foundation in user experience design, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a website.

See salaries and explore the career path for User Experience Designer

Interaction Designer

Interaction Designers design and develop the interactions between users and digital products, such as websites and apps. A course like this one may help you build a foundation in interaction design, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a website or app.

See salaries and explore the career path for Interaction Designer

Product Designer

Product Designers design and develop digital products, such as websites and apps. A course like this one may help you build a foundation in product design, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a website or app.

See salaries and explore the career path for Product Designer

Front-End Developer

Front-End Developers are responsible for the design and implementation of the user interface of a website. A course like this one may help you build a foundation in front-end development, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a website.

See salaries and explore the career path for Front-End Developer

E-commerce Manager

E-commerce Managers oversee the development and launch of e-commerce websites. A course like this one may help you build a foundation in e-commerce management, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of an e-commerce website.

See salaries and explore the career path for E-commerce Manager

Information Architect

Information Architects organize and structure information in a way that makes it easy for users to find and understand. A course like this one may help you build a foundation in information architecture, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a website.

See salaries and explore the career path for Information Architect

Web Developer

Web Developers develop and maintain websites. A course like this one may help you build a foundation in web development, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a website.

See salaries and explore the career path for Web Developer

Visual Designer

Visual Designers create and design the visual elements of a website. A course like this one may help you build a foundation in visual design, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a website.

See salaries and explore the career path for Visual Designer

Web Designer

Web Designers create and design websites. A course like this one may help you build a foundation in visual and interaction design, which are essential skills for Web Designers. This course may teach you to use Balsamiq, a tool for creating wireframes, which are blueprints for websites that are used to plan out the layout and functionality of a website.

See salaries and explore the career path for Web Designer

Graphic designer

Graphic Designers create and design visual content, such as logos, brochures, and websites. A course like this one may help you build a foundation in graphic design, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a website.

See salaries and explore the career path for Graphic designer

Product Manager

Product Managers oversee the development and launch of digital products, such as websites and apps. A course like this one may help you build a foundation in product management, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a website or app.

See salaries and explore the career path for Product Manager

Sales Manager

Sales Managers oversee the development and launch of sales campaigns. A course like this one may help you build a foundation in sales management, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a sales website or campaign.

See salaries and explore the career path for Sales Manager

Marketing Manager

Marketing Managers oversee the development and launch of marketing campaigns. A course like this one may help you build a foundation in marketing management, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a marketing website or campaign.

See salaries and explore the career path for Marketing Manager

Business Analyst

Business Analysts analyze and improve business processes. A course like this one may help you build a foundation in business analysis, as it will teach you how to create wireframes, which are essential for planning out the layout and functionality of a business website or process.

See salaries and explore the career path for Business Analyst

Reading list

We've selected 12 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Create website wireframes with Balsamiq.

Design for a Better World

Save

This classic book on design principles is essential reading for anyone who wants to design user-friendly products. It provides timeless insights into how people interact with the world around them.

Design for a Better World: Meaningful, Sustainable,...

Hardcover

Design for a Better World: Meaningful, Sustainable,...

Kindle Edition

The Elements of User Experience

Save

Provides a framework for understanding and designing user experiences. It valuable resource for anyone who wants to create websites and applications that are easy to use and enjoyable.

Create website wireframes with Balsamiq

What's inside

Syllabus

Good to know

Save this course

Reviews summary

Balsamiq wireframing

Activities

Career center

Reading list

Share

Similar courses