Victor Loux → Bookmarks → Tag: forms

22 bookmarks tagged “forms”

Geri Reid - Forms best practice

gerireid.com/forms.html

Custom Styling Form Inputs With Modern CSS Features | CSS-Tricks

css-tricks.com/custom-styling-form-inputs-with-modern-css-features/

Where to put buttons on forms by Adam Silver, designer based in London, UK.

adamsilver.io/articles/where-to-put-buttons-in-forms/
Button placement can make or break a form. Find out the best place to put them in this article.

The Question Protocol: How to Make Sure Every Form Field Is Necessary :: UXmatters

uxmatters.com/mt/archives/2010/06/the-question-protocol-how-to-make-sure-every-form-field-is-necessary.php

Form design: from zero to hero all in one blog post by Adam Silver, designer based in London, UK.

adamsilver.io/articles/form-design-from-zero-to-hero-all-in-one-blog-post/
90% of the problems found in forms solved in a few hundred precious words.

Under-Engineered Toggles | Adrian Roselli

adrianroselli.com/2019/03/under-engineered-toggles.html

Writing clearer error messages – UX Collective

uxdesign.cc/writing-clearer-error-messages-d57d6f388140
Error messages. Let’s face it, there are a lot of bad ones out there. But when they’re good, they’re wonderful. Why? Because they enable users to get stuff done. Things don’t always run smoothly. Our…

The Definitive Guide to Form Label Positioning — SitePoint

sitepoint.com/definitive-guide-form-label-positioning/
Labels are central to good form design but there are many views on where to position them. Jessica Enders delivers the final word in form label positioning.

How to collect gender data – Samsung Internet Developers – Medium

medium.com/samsung-internet-dev/how-to-collect-gender-data-a29f3be2257c
So you are writing a form or building a website where you’re collecting data from your users, you want to add in a gender field. Why? Asking for someone’s gender may be for a variety of purposes…

Respectful Collection of Demographic Data – Sarai Rosenberg – Medium

medium.com/@anna.sarai.rosenberg/respectful-collection-of-demographic-data-56de9fcb80e2
Demographic data may be critical to your mission. This article establishes guidelines for respectful design and language for collecting demographic data.

Form Design Patterns by Adam Silver (Hardcover Print + eBook) – Smashing Shop

shop.smashingmagazine.com/products/form-design-patterns-by-adam-silver

Don’t Use The Placeholder Attribute — Smashing Magazine

smashingmagazine.com/2018/06/placeholder-attribute/

Forms design and the history of forms | Centre for Information Design Research

blogs.reading.ac.uk/cidr/2017/12/01/forms-design-and-the-history-of-forms/

UX How-To with Luke Wroblewski - YouTube

youtube.com/playlist
Luke Wroblewski presents how-to tutorials for user experience Intel® Developer Zone: http://intel.ly/2huh0eE Subscribe to the Intel® Software YouTube channel...

Selectize.js

selectize.github.io/selectize.js/
Selectize is a jQuery-based custom <select> UI control. It's useful for tagging, contact lists, country selectors, and so on.

Personal names around the world

w3.org/International/questions/qa-personal-names
How do people's names differ around the world, and what are the implications of those differences on the design of forms, databases, ontologies, etc. for the Web?

The 'Credit Card Number' Field Must Allow and Auto-Format Spaces (80% Don't) - Articles - Baymard Institute

baymard.com/blog/credit-card-field-auto-format-spaces
Despite 5% of users abandoning checkouts due to credit card validation errors, 80% websites don't actively aid their users in typing and validating the 16-digit card number by auto-formatting it with spaces

We've updated the radios and checkboxes on GOV.UK | GDS design notes

designnotes.blog.gov.uk/2016/11/30/weve-updated-the-radios-and-checkboxes-on-gov-uk/

Awesomplete: Ultra lightweight, highly customizable, simple autocomplete, by Lea Verou

leaverou.github.io/awesomplete/

Redesigning the Country Selector - Labs - Baymard Institute

baymard.com/labs/country-selector