User Interface Design Basics | Usability.gov
Curated from: usability.gov
Ideas, facts & insights covering these topics:
6 ideas
·17 reads
Explore the World's Best Ideas
Join today and uncover 100+ curated journeys from 50+ topics. Unlock access to our mobile app with extensive features.
User Interface Design Basics
User Interface (UI) Design focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions.
1
3 reads
Interface Elements
Users have become familiar with interface elements acting in a certain way, so try to be consistent and predictable in your choices and their layout
Input Controls: buttons, text fields, checkboxes, radio buttons, dropdown lists, list boxes, toggles, date field
Navigational Components: breadcrumb, slider, search field, pagination, slider, tags, icons
Informational Components: tooltips, icons, progress bar, notifications, message boxes, modal windows
Containers: accordion
1
4 reads
Best Practices for Designing an Interface
1-Keep the interface simple
avoid unnecessary elements and are clear in the language they use on labels and in messaging.
1
3 reads
Best Practices for Designing an Interface
2-Create consistency and use common UI elements
create patterns in language, layout and design throughout the site to help facilitate efficiency. Once a user learns how to do something, they should be able to transfer that skill to other parts of the site.
1
3 reads
Best Practices for Designing an Interface
3-Be purposeful in page layout
Consider the spatial relationships between items on the page and structure the page based on the importance
1
2 reads
Best Practices for Designing an Interface
4-Use typography to create hierarchy and clarity
Carefully consider how you use the typeface. Different sizes, fonts, and arrangements of the text to help increase scanability, legibility, and readability.
1
2 reads
IDEAS CURATED BY
CURATOR'S NOTE
User Interface (UI) Design focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions.
“
Similar ideas
Read & Learn
20x Faster
without
deepstash
with
deepstash
with
deepstash
Personalized microlearning
—
100+ Learning Journeys
—
Access to 200,000+ ideas
—
Access to the mobile app
—
Unlimited idea saving
—
—
Unlimited history
—
—
Unlimited listening to ideas
—
—
Downloading & offline access
—
—
Supercharge your mind with one idea per day
Enter your email and spend 1 minute every day to learn something new.
I agree to receive email updates