Publication number: ELQ-92050-1
View all versions & Certificate
UX Tutorial: How to Design a Form
This video tool will help you design and create a form while tackling many of the common problems facing UX designers.
In this video Kelly outlines the basics of how to use Sketch to build a simple and effective form.
He outlines the key success metrics of forms: how quickly the form can be completed, how few mistakes are made in the form and conversion (how likely it is for the user to complete the form).
Kelly emphasises the importance of your choice of fields and how these fields can actually communicate with the user. For instance, a certain field size can indicate how much information is expected to be inputted into it. This is called affordance.
Kelly then shows how you can label each of your fields and where these labels should be positioned. Kelly then outlines the strengths and weaknesses of each different label position in terms of their form's completion time and accuracy. This will allow you to select one that best suits the needs of your online form.
This video will then show you the different kinds of information input methods like radio buttons, check boxes and drop down menus. For instance, Kelly suggests that for information like the user's gender, a radio button is the best thing to use. Kelly shows how these different methods of input can be used for different types of data. Kelly will also describe how you can design your primary and secondary buttons (ie. submit and cancel) to suit your needs.
Ultimately, this video will help you create an effective UX form.
This business tool includes
1 Video File
Add to bookmarks
- No review yet!
People using this tool also downloaded
8 Tools Every UX Designer Must Have to be SuccessfulThis video gives you great tips and tools for UX design that all designers must have to be successful.toolsuser experienceuxux pindesignerux designeradobe photoshopadobe pin18 remove_red_eye
3 Ways To Become A Better UX DesignerThis video talks about 3 ways that can enable you to become a better UX designer.tipsskillshow tomethodsux designuser experienceuxfreelanceux designerimproving yourself15 remove_red_eye
UX Tutorials | How to use Zeplin and Paparazzi with SketchLearn how to use the design tools Zeplin and Paparazzi with Sketch by UX expert Ben Taylor.user experienceuxsketchdesign toolsdesign toolkitzeplinpaparazzi28 remove_red_eyefreeby Ben Taylor
How to Improve Your UX/UI SkillsMaex talks through how you can improve your work as a UX/UI designer by recommending some great material and articles.readingself improvementuser experienceuxux designersuimaexbooksmediumui designers20 remove_red_eyefreeby Maex
UX Design Interview Tips For SuccessLaith Wallace gives some some great interview tips to help you succeed in UX interviews.interviewsuccesstipscandidateuser experienceuxdesignerinterview tips20 remove_red_eye
7 Steps to Become a UX Designer With No ExperienceThis video explains the steps to take to become a better UX designer, with no experience!tipsdesignadviceuser experienceuxuiuser interface62 remove_red_eyefreeby Beginner Tuts
How To Get Started in UX DesignLearn how to get started in UX design by Laith Wallace.tipsdesignhow toux designuser experienceux13 remove_red_eye
UX Design 1: How To Design a Website: Site AuditThis video gives you a step-by-step explanation on how to design a website, using a blind client as an example.designwebsiteuser experienceuxsite audits19 remove_red_eyefreeby The Futur
Time Management Tips For UX/UI DesignersTime management is very important for UX designers working on team projects. This video provides tips on managing time!teamproject managementtime managementtimingstakeholdersux designuser experienceux designer20 remove_red_eye
How to Get Started in UXStep-by-step guide on how to start on a pathway to a UX career.step by stepcareerbloggersux designuser experienceuxresourcesux masterywork in progress24 remove_red_eyefreeby UX Mastery
Any questions on UX Tutorial: How To Design A Form?
The user community and author are here to help. Go ahead!