Friday, March 24, 2017

"Why Nobody Fills Out My Forms" Slides and Resources


Welcome JazzCon.Tech visitors!

Click here for the updated slides to the talk "Why Nobody Fills Out My Forms"

Resources:


AlephBet is a pure-javascript A/B (multivariate) testing framework for developers.
https://github.com/Alephbet/alephbet

PlanOut is a library and interpreter for designing online experiments.
https://github.com/facebook/planout

Sixpack: An Ab Testing Framework from SeatGeek
http://sixpack.seatgeek.com/

Google Analytics Content Experiments
https://developers.google.com/analytics/solutions/

Kissmetrics - Customer Intelligence and Web Analytics
https://www.kissmetrics.com/

Optimizely - Experimentation Platform
https://www.optimizely.com/

Unbounce -  build custom landing pages for any campaign
http://unbounce.com/

Visual Website Optimizer - A/B and Split Testing Software
https://vwo.com/

Watch Out For False Positives - 3 Ways To Get Better At Testing
http://marketingland.com/watch-false-positives-3-ways-get-better-testing-105386

The Ultimate Guide To A/B Testing
https://www.smashingmagazine.com/2010/06/the-ultimate-guide-to-a-b-testing/

12 A/B Split Testing Mistakes I See Businesses Make All The Time
http://conversionxl.com/12-ab-split-testing-mistakes-i-see-businesses-make-all-the-time/

How Netflix does A/B Testing
https://uxdesign.cc/how-netflix-does-a-b-testing-87df9f9bf57c

Define Stronger A/B Test Variations Through UX Research
https://www.nngroup.com/articles/ab-testing-and-ux-research/

28 Tips for Creating Great Qualitative Surveys
https://www.nngroup.com/articles/qualitative-surveys/

Why Users Fill Out Less If You Mark Required Fields
http://uxmovement.com/forms/why-users-fill-out-less-if-you-mark-required-fields/

Reset and Cancel Buttons
https://www.nngroup.com/articles/reset-and-cancel-buttons/

The 25 Best Words to Use in Your Call-To-Action Buttons
http://blog.wishpond.com/post/103290853633/

Showing/Hiding vs.Enable/Disabling form fields
http://ux.stackexchange.com/questions/31082/showing-hiding-vs-enable-disabling-form-fields

IP2Location - Geolocate IP Address Location
http://ip2location.com

GeoIP Products - MaxMind
http://dev.maxmind.com/geoip

W3C - Geolocation API Specification
http://dev.w3.org/geo/api/spec-source.html

Google Maps API - Reverse Geocoding
https://developers.google.com/maps/documentation/javascript/examples/geocoding-reverse

GeoNames geographical database
http://www.geonames.org/

Form Usability: Avoid Splitting Single Input Entities
http://baymard.com/blog/mobile-form-usability-single-input-fields

How can I deal with diverse gender identities in user profiles?
http://ux.stackexchange.com/questions/25826/

How To Optimize Contact Forms For Conversions
http://unbounce.com/conversion-rate-optimization/how-to-optimize-contact-forms/

Mailcheck - Reduce misspelled email addresses in your web apps
https://github.com/mailcheck/mailcheck

Validate email address in JavaScript?
http://stackoverflow.com/questions/46155/

Legit - checks the domain of an email address for valid/existence of MX records
https://www.npmjs.com/package/legit

For Returning Users, Overly Strict Password Requirements Can Lead to an 18% Abandonment Rate
http://baymard.com/blog/password-requirements-and-password-reset

A dynamic strength meter for password input validation with various configurable options
https://github.com/kartik-v/strength-meter

jQuery Password Strength Meter for Twitter Bootstrap
https://github.com/ablanco/jquery.pwstrength.bootstrap

Low-Budget Password Strength Estimation
https://github.com/dropbox/zxcvbn

Usability Testing of Inline Form Validation: 40% Don't Have It, 20% Get It Wrong
http://baymard.com/blog/inline-form-validation

Form validation - When should error messages be triggered?
http://ux.stackexchange.com/questions/74531/

On forms, is inline placeholder text better than a label outside each field?
http://ux.stackexchange.com/questions/9220/

Mobile Form Usability: Never Use Inline Labels
http://baymard.com/blog/mobile-forms-avoid-inline-labels

The New Rules of Form Design
http://www.uxbooth.com/articles/the-new-rules-of-form-design/

Placeholders in Form Fields Are Harmful
https://www.nngroup.com/articles/form-design-placeholders/

Why Infield Top Aligned Form Labels Are Quickest to Scan
http://uxmovement.com/forms/why-infield-top-aligned-form-labels-are-quickest-to-scan/

How the float label pattern started
http://mds.is/float-label-pattern/

Float Labels with CSS
https://css-tricks.com/float-labels-css/

Label Pattern with just CSS
http://codepen.io/chriscoyier/pen/CiflJ

Float Labels - a Collection
https://codepen.io/collection/IjFib/

Float label pattern for Vue.js
https://github.com/bkzl/vue-float-label

Placeholders with the same text as the label - good practice?
http://ux.stackexchange.com/questions/83380/

LinkedIn Lost 167 Million Account Credentials in Data Breach
http://fortune.com/2016/05/18/linkedin-data-breach-email-password/

360 million Myspace accounts breached
http://www.usatoday.com/story/tech/2016/05/31/360-million-myspace-accounts-breached/85183200/

Yahoo hack: 1bn accounts compromised by biggest data breach in history
https://www.theguardian.com/technology/2016/dec/14/yahoo-hack-security-of-one-billion-accounts-breached

Which Site Seals Create The Most Trust?
http://conversionxl.com/research-study/trust-seals/

How Users Perceive Security During the Checkout Flow
http://baymard.com/blog/perceived-security-of-payment-form

Why Most Online Shoppers Don’t Make it Past the First Step of Checkout
https://blog.kissmetrics.com/first-step-of-checkout/

How to Create a UI That Users Can Trust
https://designshack.net/articles/ux-design/create-a-ui-that-users-can-trust/

6 Essential Trust Signals For Your Website To Follow
https://www.koozai.com/blog/search-marketing/6-essential-trust-signals-for-your-website-to-follow/