Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013 Frank West Front end web developer Lover of

Slides:



Advertisements
Similar presentations
Using NIMAC 2.0: The Accessible Media Producer Portal NIMAC 2.0 for AMPs.
Advertisements

AmeriCorps is introducing a new online payment system for the processing of AmeriCorps forms
Fox Scientific, Inc. ONLINE ORDERING 101. Welcome to our website On our main page you can find current promotions, the vendors we offer, technical references.
1 State Records Center Searching and Requesting Inventory  Versatile web address:  Look for any new ‘Special.
Using Microsoft Front Page to Create Web Surveys Quick. Cheap. Easy.
Frank West Front end web developer Lover of cats Front end web development – How to Build a Great Website!by Frank West, 21 August
2-May-15 GUI Design. 2 HMI design There are entire college courses taught on HMI (Human-Machine Interface) design This is just a very brief presentation.
EDW647 Internet For Educators Setting Up a Gmail Account Roger W. Webster, Ph.D. Department of Computer Science Millersville University (717)
Course Registration Process. Start your Web browser with
HOW TO USE THE SYSTEM Specialty Crop Block Grant Program Online System.
ECT 455 E-Commerce Web Site Engineering Lecture 4B Transaction Processes.
Early Registration System Version 1.1 Student’s Manual Developed by Ovais Khan.
Google Account Basics: Getting Started with free Google applications.
HTML Tables and Forms Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.
Nick Donnarumma. We are either very lazy or very efficient because we tend not to read pages. We scan them instead to save time. We don’t figure out how.
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials The internet: Safe online shopping Suitable for: Improver.
Adobe Forms THE FORM ELEMENT PANEL. Creating a form using the Adobe FormsCentral is a quick and easy way to distribute a variety of forms including surveys.
Ecommerce Bootcamp supported by Aka – “Everything you wanted to know about selling online but were afraid to ask.”
Star Rays Website User Guide. These screens demonstrate that how to register on Star Rays web site to avail to view the Star Rays inventory. User Registration.
Tutorial Video basic skills basic skills Next page -->
Chapter 12: The Internet The ultimate direct. Internet Facts U.S. firms spend $14.7 billion on Internet advertising in 2005 By 2010, they are expected.
JavaScript Form Validation
Google Training By: Amy Shannon and Dave Auwerda.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
ProDiesel ® Website Tips Online Cataloging. At the top of each page of our website is an Icon Labeled Web Catalog. Click this icon to go to the Home Catalog.
Smart Research: Sources and Citing. After finding background information, find sources that address your research question Your model for the Extended.
Relay Online Team Registration Relay Online Makes Registration Easy! Step 1: Sign Up on your Relay Online website Step 2: Start your Relay For Life.
E-app Download & Agent Workspace. Laptop Presentation Training When an agent signs on e-app, if there are applications that he/she has completed and saved,
All you need to know about building donation pages Marta Fornal de Seixas.
Credit Union National Association Installing and Uploading Project Zip Code.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
1 COMPANY CONFIDENTIAL Model-N Training Session and Q&A.
Sarah Bourne Chief Technology Strategist Usable and Accessible Web Forms.
PAWS Training for Student Created for: Version 8.9 Date: November, 2006.
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
Roman Marciniak Senior FEDS/GSAXcess TM Analyst GSA, Federal Supply Service 4 Feb 2004 Accessing FEDS A New Approach.
Sign up Account Profile page (Basic Function). Home page Add Review New Sale Rank Search algorithm Search Results.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
Lead Generation What Makes A Great Mobile Legal Website?
Screen Based Controls Chapin Brinegar MIT511, Fall 2011.
1 What to do before class starts??? Download the sample database from the k: drive to the u: drive or to your flash drive. The database is named “FormBelmont.accdb”
Technical Paper Review Designing Usable Web Forms – Empirical Evaluation of Web Form Improvement Guidelines By Amit Kumar.
To access our web services, go to……. Click on Customer Login.
Welcome to IST331 S1 Main concepts today Introduction to team, processes The user Cognitive ergonomics, design Examples of things about the user that are.
Principles of effective web design NOTES Flo Morris-Duffin.
FACEBOOK Material adapted from
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
Have a conversation  You encounter a stranger who asks:  What is your name?  What is your address?  What is your phone number, …?  What is your.
FORMS How to collect information f XX rom visitors Different kinds of form controls New HTML5 form controls.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Complete Ordering System for Promotional Literature and Samples Quick Reference and Training Guide.
{ User Centered Design Final Presentation Donia Canaveral }
HTML FORM. Form HTML Forms are used to select different kinds of user input. HTML forms are used to pass data to a server. A form can contain input elements.
Best Facebook Proxy Login Sites
ODMAP Level 2 access.
Microsoft Office Access 2010 Lab 2
Web section best practice checklist for departments
Getting Started Guide.
ODMAP Level 2 access.
Submitting Requests to IT
Parts.cat.com Client training 2016.
Service Provider Best Practices
Materials Engineering Product Data Management (ePDM)
LKQ / ETE Transmission Claims
Library/Learning Center Resources for Faculty
Relay Online Participant Registration
JavaScript Form Validation
Accessible Forms Gaby de Jongh, IT Accessibility Specialist
Mobile Registration App Training Guide for OPO Staffers
Presentation transcript:

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013 Frank West Front end web developer Lover of

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Types of forms Trying to find something Search Filters Conversations Comments Reviews Chat Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

More forms Giving you something Add to basket Checkout process Sign up Newsletters Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

In fact, there are loads! Other Contact Login Negative experience Forgotten password Complaints Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013 Understand your audience

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Left aligned More cognitive loading Easier to scan Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Right aligned Less cognitive loading Harder to scan Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Above the field Can view label and field at the same time Much faster to complete Long forms look even longer Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Things to think about Short vs long forms The visual impact of the website design Form complexity – Radio Buttons – Check boxes – Drop downs Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

More things to think about… Audience – Device being used Field zoom – Browsers – Experience – Helping you / Helping them? – Region Consistency – Which forms are most important? Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Quick and easy Show progress Need certain data? Explain why. Clear terminology – "Shop more" and "check out now" are better than "continue" Be friendly, not forceful Make it easy – If just need the year, don't ask for the date Every field can cost a sale – What business reason is there for that data? Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013 Concept by Moby

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

No one likes to be called stupid Keep error text succinct Highlight error fields Keep errors within the viewport Tell users how to fix the error Show progress Track errors with analytics Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

It never ends Keep formats the same when requesting real data What is the value for the user? Optional registration Tricking users to do things is easy – But what do you gain? The perceived experience – Security badges New form elements Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013

It is easy Understand their needs and give them the right, personal experience. Forms - Getting the most out of your website visitorsby Frank West, 6 August 2013