Website Planning and Wireframing

 

Lesson Info

Defining The Problem To Solve


Wireframing streamlines the process of designing and prototyping by stripping a website or app down to its most practical, feature-based foundations. Alexandra Moran is a web/UX industry expert, with experience addressing the design needs of clients both large and small. 

Join this class, and you’ll learn:

  • The fundamentals of Sketch software
  • How to separate your site’s content from its visual design
  • How to anticipate the needs of the end user and make a website that will engage them
After taking this class, you’ll be able to map out the functionality and layout of your website. You’ll be able to communicate the flow and importance of various features and use your wireframes as a reference for developers. Join Alexandra to grow your skillset and add a powerful new tool to your design arsenal.

Lessons

Introduction to Wireframing
What is Wireframing?
Setting Wireframing Expectations
Defining The Problem To Solve
Sketching and Refining the Idea
Overview of Sketch Software
Create a Wireframe in Sketch
Effectively Presenting Your Work
Applying (And Ignoring) Wireframing Feedback
 
 
 
 

Reviews

  • Great information. Would have been nice if she had a large pad or dry erase boards for the sketching so both online and people in the room could see better - as opposed to the 8.5 x 11 laying on the desk.
  • Alexandra shares useful specific ideas to build confidence in website planning and shares her clever techniques for wire framing.
  • I feel like this class just glances over the subject of wireframing. It brings up really important concepts like user personas, but does not explain how those personas affect UI/UX choices. The instructor also leaves us with more questions than answers and no real path to get answers. A great addition to this video would be a list of links to other resources that she uses in her daily work. Just my 2 cents, YMMV.
    •