Learn how to improve the design of digital forms

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.

Use a label

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.


Avoid placeholders as a label

NextUX is now LIVE on Product Hunt! I’d really love your support and feedback.

A view of what the app can do

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.

Features include:

  • Full-page screenshot capture
  • Contextual commenting
  • Ability…

Addressing overlooked attributes of how digital design happens

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:

  1. Design is highly iterative and ad hoc.
  2. Digital products are continuously updated and rarely complete.
  3. Most design work is done by people without “design” in their titles.

Our tools often fail to recognize these attributes. People with critical contributions aren’t able to fully express themselves. …

Signup for the beta launch and be the first to try the app.

Over the last few months, I created an app that helps the whole team point out bugs, add feedback, and propose visual ideas. 🎨

NextUX aims to get the whole team involved in the design of their product or website by making it easy and collaborative. Everyone is a designer.

If you are interested in being the first to try it, signup for the beta launch at https://nextuxdesign.com/

Thank you!!!!

Learn how to design to change a mind

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.

1. Classical conditioning

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.

Example of classical conditioning:

A user’s mobile device vibrates each time they order takeout from a food delivery app, eventually leading to an increase in orders.

  1. A user feels their mobile device vibrate after ordering.
  2. The user receives and…

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.

Latest articles:

Design Better Buttons

8 rules to help you design a better card user interface

A quick guide on creating a design system

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.

The do’s and don’ts of button design

This article illustrates better alternatives to bad button design practices to keep in mind when creating a user interface.

Limit one style per button type

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.

Include event states and provide visual feedback

Learn how to build a perfect card UI with these guidelines

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.

Recent articles

Become a typography nerd in under 10 minutes

The most important thing I learned in art college

A quick guide on creating a design system

Also, I’d love your feedback on a design tool I am building.

Learn the basics of creating a design system in 6 minutes

I published the design system I created to illustrate concepts in this article. Feel free to use it in your work.

This article consists of 3 parts:

  1. Understanding design systems (what are they and when to create one)
  2. Creating a design system (creation process and activities involved)
  3. Additional considerations (other concepts and references to consider)

*I use the term “product” throughout this article as an umbrella term to describe a website, application, online service, etc.

I created the start of a basic design system to illustrate concepts in this article. Feel free to download/duplicate the NextUX file, Sketch file, Figma file and use it however you like.

Understanding design systems

A design system is a unified language that helps a team solve problems consistently. …

Andrew Coyle

Building @nextuxdesign (YC S19) • Formerly @Flexport @Google @Intuit • Interested in platforms

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store