UXmatters has published 49 articles on the topic Visual Interface Design.
This article is Part III of my series “Color Theory for Digital Displays.” It describes how you can apply color theory to application program user interfaces and Web pages and provides many guidelines for the effective use of color. Read More
When users interact with a digital product, its visual design guides them in knowing what to do next. Prominently placed banner images draw their eye, and the design of call-to-action (CTA) buttons lets users know that they are clickable.
A key component of mindful UX design, visual hierarchy is instrumental in making user experiences as easy to learn and use as people expect them to be. UX designers often use visual-hierarchy frameworks to arrange design elements and place elements in a user interface. Logic, user expectations, and common best practices support this design process. In this article, I’ll describe the main features of visual hierarchy and explore how it helps make user experiences both more functional and more delightful for users. Read More
“A style guide is an artifact of design process. A design system is a living, funded product with a roadmap [and] backlog, serving an ecosystem.”—Nathan Curtis on Twitter
As Nathan Curtis described on Twitter, a style guide is a document that a UX designer creates to document a growing and ever-evolving set of design guidelines that arise from the design process. In creating a style guide, UX designers are basically documenting their own thought process as they design a Web site, application, or system. Thus, the essence of creating a style guide is documenting your own design decisions. Who is the audience for this document? In this article, I’ll answer many important such questions about style guides to help UX designers create effective documentation. Read More