--- title: Wireframing description: Wireframing is the process of creating skeletal outlines of web pages or app interfaces to establish structure and content layout. You will understand how to map out user flows, define information hierarchy, and communicate design concepts before adding visual styling. category: arts-design subcategory: ui/ux-design difficulty: beginner, intermediate, advanced url: /subject/wireframing --- # Wireframing Wireframing is the process of creating skeletal outlines of web pages or app interfaces to establish structure and content layout. You will understand how to map out user flows, define information hierarchy, and communicate design concepts before adding visual styling. ## Available Resources 2 Books • 1 Courses • 3 Websites ## Websites ### 1. Balsamiq Wireframes Learn Free wireframing curriculum from the Balsamiq team and guest practitioners, covering UI design fundamentals, page layout, and element-by-element guidelines for buttons, tables, forms, and modals. Useful for producing low-fidelity wireframes that communicate structure rather than visual style. **Difficulty:** Beginner | **Price:** Free **Link:** https://balsamiq.com/learn/ **Tags:** wireframing, ui-design, low-fidelity-prototyping, balsamiq ### 2. uxpin.com UXPin is a design platform for building wireframes, interactive prototypes, and design systems. It provides tutorials, articles, templates, and resources to help you learn wireframing and UX design. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://uxpin.com **Tags:** websites, arts-design, uiux-design ### 3. smashingmagazine.com Smashing Magazine is a design-focused publication offering practical articles, tutorials, and ebooks for web designers and developers. It covers layout, composition, typography, UX, and responsive design, with code samples and design patterns. **Difficulty:** Intermediate | **Language:** English | **Price:** Free **Link:** https://smashingmagazine.com **Tags:** websites, arts-design, graphic-design ## Courses ### 1. Foundations of User Experience (UX) Design Foundations of User Experience (UX) Design is the first of a series of seven courses that will equip you with the skills needed to apply to entry-level jobs in user experience design. UX designers focus on the interactions that people have with products like websites, mobile apps, and physical objects. UX designers make those everyday interactions usable, enjoyable, and accessible. The role of an entry-level UX designer might include empathizing with users, defining their pain points, coming up with ideas for design solutions, creating wireframes, prototypes, and mockups, and testing designs to get feedback. Current UX designers and researchers at Google will serve as your instructors, and you will complete hands-on activities that simulate real-world UX design scenarios. Learners who complete the courses in this certificate program should be equipped to apply for entry-level jobs as UX designers. No previous experience is necessary. By the end of this course, you will be able to: - Define the field of UX and explain why it’s important for consumers and businesses. - Understand foundational concepts in UX design, such as user-centered design, the design thinking framework, accessibility, and equity-focused design. - Identify the factors that contribute to great user experience design. - Review common job responsibilities of entry-level UX designers and teams that they work with. - Explore job opportunities and career paths within the field of user experience. - Explain why design sprints are an important and useful part of a UX designer’s work. - Describe common UX research methods. - Identify and account for biases in UX research. **Difficulty:** Beginner | **Price:** Free **Link:** https://www.coursera.org/learn/foundations-user-experience-design **Tags:** ux-design, design-thinking, wireframing, user-research, accessibility ## Books ### 1. Sketching User Experiences **Author:** Saul Greenberg, Sheelagh Carpendale, Nicolai Marquardt, Bill Buxton Practical companion of sketching methods for interaction designers: paper techniques, storyboards, animated sketches, and video prototypes, each presented as a step-by-step exercise. Readers finish able to externalize interface ideas quickly and critique them before committing to code. **Difficulty:** Intermediate | **Language:** English | **Price:** Paid **Link:** https://www.amazon.com/dp/0123819598?tag=edmonddante07-20 **Tags:** books, arts-design, uiux-design ### 2. UX Strategy **Author:** Jaime Levy Method for validating product ideas before design work begins: competitive analysis, value proposition definition, storyboarding, and structured user interviews, with worksheets and case studies. Readers can test whether a concept has a market before building wireframes. **Difficulty:** Intermediate | **Language:** English | **Price:** Paid **Link:** https://www.amazon.com/dp/1449372864?tag=edmonddante07-20 **Tags:** books, arts-design, uiux-design --- *This content is part of Dantes.io - Your Treasure Map to Knowledge* *Curated by humans at Dantes.io. Personal study use welcome; republishing this curation requires permission (team@dantes.io).* View this page online: https://dantes.io/subject/wireframing