Hi Fidelity Wireframes & User Testing: Dashboard UI UX Design (3/4)

Опубликовано: 01 Январь 1970
на канале: Wired to Design

6,120

172

How do you get your hi fidelity wireframes to be just that – high fidelity? How do you get them to be pixel perfect, clean, and feasible? You’re not the first one to ask...but you are JUST about to find out! In this video, I teach you how 99% of the hi-fidelity wireframes and projects are designed at the biggest tech companies in the world. You’ll learn about rapid user testing (using Maze user testing), and how to use data insights from user testing to direct your design decisions. And most importantly, you'll learn how a design system is the best way to build a solid foundation for your design projects. In this video, I'll go over some examples of design systems created by giants like Apple and Google (Material Design System & MUI).

This video is the third one out of the 4 part video series: Raw & Uncut UX Design Project From Start to Finish, through the lens of a fictional design project we call "Scale". If you haven’t already, watch the other videos first to make sure you follow along. Let’s go!

▬▬▬ Resources ▬▬▬
Dashboard UI UX Design Part 2:
   • UX Ideation Techniques: Dashboard UI ...
UX Focus Checklist: https://www.figma.com/community/file/...
Canvas Guides:
https://www.figma.com/community/file/...
Figma Project File: https://www.figma.com/file/1vxBkJiJVk...
UX Design Project From Start to Finish:    • UX Design Project From Start to Finis...

▬▬▬ 🚀 Join our Free Skool Design Community ▬▬▬
Connect, learn, and grow with fellow designers
https://www.skool.com/wired-to-design

▬▬▬ Free Weekly Design Resources ▬▬▬
Sign up in the newsletter to get free resources every week!
https://www.wiredto.design

▬▬▬ Video Chapters ▬▬▬
00:00 – Intro
00:52 – Maze User Testing
03:04 – Choosing a Design System
05:34 – Intro to MUI Design System
11:22 – Vetting Through the MUI Library
18:46 – Creating Hi-Fidelity Wireframes
43:18 – Summary & Next Steps

▬▬▬ Who am I? ▬▬▬
Anik Devaughn
Instagram:   / anikdevaughn
Twitter:   / anikdevaughn

▬▬▬ Say Whatsup! ▬▬▬
Instagram:   / wired2design
Twitter:   / wiredtodesign

#uxdesign #wireframe #usertesting #uxprocess #designthinking #stepbystep #design #figma #creative #howtodesign #ux #ui