Summary
Wireframes are a fantastic place to start learning UI Design. They are simple, yet powerful. Harnessing proper UI design principles within your wireframes will allow you to transform your simple sketches into artifacts you can use for user research or kickkstart development. In this session Billy will demonstrate a few simple tips to take your wireframes or designs to the next level.
Key Insights
-
•
Visual hierarchy is the foundational UI principle for guiding user focus through contrast, size, spacing, and placement.
-
•
The squint or blur test helps designers quickly identify what pops in their layouts, revealing hierarchy effectiveness.
-
•
Proper alignment using grids improves scan-ability by grouping related content like text with text and images with images.
-
•
Spacing and white space around elements enhance visual hierarchy and ease of navigation.
-
•
Poor hierarchy and alignment create cognitive overload, making it hard for users to decide where to look or act.
-
•
Clarity involves structure (pattern consistency), content (concise text), and action (clear, prioritized buttons).
-
•
Dark patterns manipulate clarity by obscuring primary actions, increasing user hesitation and confusion.
-
•
Designers should avoid unnecessary input fields (e.g., birthday in sign-up), focusing on frictionless user journeys.
-
•
Alignment remains a challenging principle to communicate and implement for engineers working with responsive layouts.
-
•
Web3 interfaces should still follow core design principles like hierarchy, alignment, and clarity despite new tech capabilities.
Notable Quotes
"Hierarchy is almost designing for our subconscious and how it actually looks at these things."
"If you want to look for hierarchy, do a squint test or blur the image and see what is popping on the page."
"Separating text with text and images with images makes it easy for me to scan all the different content pieces on the page."
"Misalignment throws off users and adds to cognitive load, making it harder to parse information."
"Clarity means the interface behaves in a way that I’m going to expect so it allows me to feel comfortable even when I’m using something new."
"Removing extra text is important — we just need to be very clear and concise to avoid confusing users."
"You can use a lack of clarity intentionally to control the experience if that’s what you want to do."
"If you want to get someone into their account quickly, don’t ask for info like birthday upfront — ask for it later."
"Grids are not just for marketing websites — applications use them too, like Spotify’s album page."
"Web3 design doesn’t fundamentally change the interfaces — good design principles still apply."
Dig deeper—ask the Rosenbot:
More Videos
"We scaled panels down to about 60 countries in 11 languages focusing on markets important to Airbnb teams."
Wyatt HaymanGlobal Research Panels (Videoconference)
August 8, 2020
"We hold quarterly town halls and office hours to keep the community informed and supported."
PJ Buddhari Nate BaldwinMeet Spectrum, Adobe’s Design System
June 9, 2021
"What if by 2040 writing an essay with AI was actually the assignment to train students in policy translation?"
Sarah GallimoreInspire Progress with Artifacts from the Future
November 18, 2022
"Knowing your subject matter as a UX leader is just as important as knowing your craft."
Peter MerholzThe Trials and Tribulations of Directors of UX (Videoconference)
July 13, 2023
"Semiotics allows us to decode cultural shifts and understand where gender inequalities are embedded beneath the surface."
Dr. Jamika D. Burge Mansi GuptaAdvancing the Inclusion of Womxn in Research Practices (Videoconference)
September 15, 2022
"You have to understand how your company actually makes money."
Amy MarquezINVEST: Discussion
June 15, 2018
"You cannot measure feelings meaningfully in a single interview; feelings are emergent and must be measured at scale."
Dane DeSutter Natalie Gedeon Deborah Hendersen Cheryl PlatzBeyond the Console: The rise of the Gamer Experience and how gaming will impact UX Research across industries (Videoconference)
May 17, 2024
"Jobs always ask for three references. I think I might start asking for three happy employees."
Zariah CameronReDesigning Wellbeing for Equitable Care in the Workplace
September 23, 2024
"Having ADHD is like having a race car engine for a brain but with the brakes of a bicycle."
Jessica NorrisADHD: A DesignOps Superpower
September 9, 2022
