Wireframing Basics: The Easy Way to Get Started
Wireframes are the first step of turning your design ideas into reality—but they don’t take any special skills or software. To make a great wireframe, all you need is a pencil and some paper.
The magic of wireframes is in their simplicity. A great wireframe is the most basic sketch you can imagine—without branding, imagery, colors, or copy. Working this way keeps you from wasting valuable hours (cha-ching!) on work that your client doesn’t like.
Great wireframes address what your product needs to accomplish. Though you may not have branding assets squared away, you can still get started on building UX flows by thinking about the placement of basic elements, like buttons and CTAs. Think of your wireframe as a blueprint, and these elements as building blocks.
While you can make great wireframes without going near a screen, we like to create wireframes using InVision Freehand. Freehand is a sketching tool that gives us space to express our ideas freely—and lets your partners comment within the wireframe itself.
Using Freehand allows you to send wireframes directly to the client, present ideas in real-time, and iterate fast. Check out Freehand and start building your first wireframe today!
Read more about wireframing here: https://www.invisionapp.com/inside-design/how-to-wireframe
Try InVision Freehand for your wireframes: https://invisionapp.com/freehand
--
InVision is the digital product design platform used by organizations like Airbnb, Amazon, HBO, Netflix, Slack, Starbucks, and Uber to make the world’s best customer experiences. We provide design tools and educational resources for teams to navigate every stage of the product design process, from ideation to development.
Get InVision free forever: http://invs.io/1QOCxZq
Видео Wireframing Basics: The Easy Way to Get Started канала InVision
The magic of wireframes is in their simplicity. A great wireframe is the most basic sketch you can imagine—without branding, imagery, colors, or copy. Working this way keeps you from wasting valuable hours (cha-ching!) on work that your client doesn’t like.
Great wireframes address what your product needs to accomplish. Though you may not have branding assets squared away, you can still get started on building UX flows by thinking about the placement of basic elements, like buttons and CTAs. Think of your wireframe as a blueprint, and these elements as building blocks.
While you can make great wireframes without going near a screen, we like to create wireframes using InVision Freehand. Freehand is a sketching tool that gives us space to express our ideas freely—and lets your partners comment within the wireframe itself.
Using Freehand allows you to send wireframes directly to the client, present ideas in real-time, and iterate fast. Check out Freehand and start building your first wireframe today!
Read more about wireframing here: https://www.invisionapp.com/inside-design/how-to-wireframe
Try InVision Freehand for your wireframes: https://invisionapp.com/freehand
--
InVision is the digital product design platform used by organizations like Airbnb, Amazon, HBO, Netflix, Slack, Starbucks, and Uber to make the world’s best customer experiences. We provide design tools and educational resources for teams to navigate every stage of the product design process, from ideation to development.
Get InVision free forever: http://invs.io/1QOCxZq
Видео Wireframing Basics: The Easy Way to Get Started канала InVision
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
How to learn to code (quickly and easily!)How to wireframe a website || What is Wireframe (in HIndi)How To Create Your First Wireframe (A UX Tutorial) 2021What is a Wireframe?What is the UX design process? (2019)Figma UI Design Tutorial: Get Started in Just 24 Minutes! (2021)WireFrame - How companies like Google and Flipkart design apps and websiteHow to wireframe a website | CharliMarieTVTips on Sketching Your WireframesUSING WIREFRAMES IN WEB DESIGN: Free Web Design Course 2020 | Episode 9Business Analysis Techniques & Software - When to Use Mockups, Wireframes, & PrototypesUser flow tutorial | How I use them in design projectsHow to wireframe a websiteBetter Wireframes & Sketches with Freehand from InVisionA Beginner’s Guide To Information ArchitectureWireframing for NewbiesMy 5 BEST wireframe & prototyping tools for UI/UX Designers (2020)Wireframes V.S. Prototypes: Which is Better?UX Design Process: How To Sketch Wireframes—Web Design Pt 1