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.
Here are the form elements I created to illustrate concepts in this article. Feel free to use it in your work.
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.
NextUX is now LIVE on Product Hunt! I’d really love your support and feedback.
I built NextUX to help people rapidly iterate and visually communicate quickly. The app enables you to capture screenshots directly from your browser, provide contextual feedback, and quickly create and share visual ideas.
My goal is to create a super easy-to-use design platform for non-designers and designers alike.
It’s been a year since I started working on NextUX and it has a long way to go but I think it’s good enough to start sharing with the world.
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. People with critical contributions aren’t able to fully express themselves. …
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.
Here is the card design I used to illustrate concepts in my articles. Feel free to use it in your work.
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.
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. 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.
Building @nextuxdesign (YC S19) • Formerly @Flexport @Google @Intuit • Interested in platforms