UI vs. UX

UI (User Interface): How things look
UX (User Experience): How things feel

"UI is like a joke. If you have to explain it, it’s not that good."

A strong interface tells users:

Where they are
What’s most important
What they can do next

Principles of Good User Experience

Know Your Audience: Design for users, not yourself
Content Drives Design: Let the message shape the layout
Keep It Simple: Avoid clutter
Be Consistent: Predictability helps users feel in control
Provide Feedback: Users should know when actions are successful

Design Principles

Color

Color can be used on webpage to evoke emotions, establish hierarchy, and create visual harmony, ultimately impacting user experience and brand perception. Our Drupal templates and web elements are built with our brand color options.

Learn More about our Brand Color Usage>

Spacing

Spacing is a fundamental element in web design that significantly impacts user experience, readability, and visual hierarchy. It refers to the empty space between elements on a webpage, including text, images, buttons, and sections.

Sizing

Sizing in web design is crucial for both aesthetics and functionality, impacting visual hierarchy, user experience, and responsive behavior. In Drupal, specific sizing is applied to headings, images, and different web elements. Proper sizing ensures elements are appropriately sized for different screen resolutions and devices, creating a consistent and intuitive user interface.

Repetition

Repetition in web design involves reusing visual elements to create consistency and unity, leading to a more cohesive and predictable user experience. This can include repeating colors, fonts, shapes, and other design elements to establish a visual language and reinforce brand identity. By strategically employing repetition, designers can enhance usability, guide user navigation, and create a stronger brand presence.