I’m creating a visual editing platform for non-designers and designers alike to address three critical attributes of how the design of our digital world happens:
Our tools often fail to recognize these attributes. …
These best practices serve to provide a shorthand when designing forms. Make sure to always keep in mind your context to determine the best presentation. Like most things in design, there are often exceptions to best practices.
Labels are imperative for accessibility. Screen readers communicate each label to users. Without proper labeling, forms are inaccessible to many people. Make sure every form field has a <label>, use appropriate HTML semantics, and use ARIA when necessary.
Using a placeholder as a label puts a burden on short-term memory. The label disappears as soon as the user starts typing, and the user must clear input text to expose the placeholder label again. …
Over the last few months, I created an app that helps the whole team point out bugs, add feedback, and propose visual ideas. 🎨
If you are interested in being the first to try it, signup for the beta launch at https://nextuxdesign.com/
This article covers 3 conditioning techniques designers use to influence behavior. These methods are widespread and employed in almost every successful app. Use with caution.
Classical conditioning is a subconscious association technique that pairs a neutral stimulus with a desirable stimulus to create an associated trigger. After many successive pairings throughout time, the neutral stimulus can elicit a positive response without the desirable stimulus present.
A user’s mobile device vibrates each time they order takeout from a food delivery app, eventually leading to an increase in orders.
Thank you for being one of the first 500 followers of NextUX. In under 2 months, I have published 11 articles on design and product topics. I really appreciate your support and feedback.
Also, I am close to launching a tool that helps teams iterate, propose ideas, and point out issues. If you are interested in being one of the first to try it, sign up for the beta launch.
This article illustrates better alternatives to bad button design practices to keep in mind when creating a user interface.
All too often, websites and apps use multiple button styles for the same action type. Take inventory of how many buttons styles you use and pair it down to one style per type. Standard button types include: call to action (CTA), primary, secondary, tertiary, success, danger, link, etc.
Button states like hover, pressed, and in-progress provide needed visual feedback to users. Without event states, users might get confused about what is or will happen upon committing an action.
Button types should be stylistically differentiated to provide visual cues of their hierarchy. A primary action should be more prominent than a secondary or tertiary action, and design actions that commit irreversible outcomes with extra intention. …
Cards have exploded in popularity over the last decade due to the proliferation of online media and mobile apps. Unfortunately, user experience issues arise regularly from poor card design.
A card is a user interface component that provides a summary and an entry point to additional information. Elements of a card component include media objects, titles, subheadings, metadata, summary text, and actions.
This article presents guidelines to help you design better cards. Let’s get started!
Limit summary content to under 100 characters or no more than two short sentences. …
The NextUX Medium publication surpassed 300 followers. I am grateful to every one of you and will do my best to deliver value through my writing.
Please let me know if there is a topic you would like me to cover. I created my most recent article after I was asked for my insights on design systems. I have a million topics I want to cover but I’d rather prioritize your interests.
Also, I’d love your feedback on a design tool I am building.
I published the design system I created to illustrate concepts in this article (see link below). Feel free to use it in your work.
*I use the term “product” throughout this article as an umbrella term to describe a website, application, online service, etc.