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
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 toolkitzeplinpaparazzi37 remove_red_eye
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 pin21 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 yourself17 remove_red_eye
10 Best App UI/UX Design For WindowsLearn about the best apps you can use for UX and UI that are compatible for Windows users.appsux designuser experienceuxuiuser interfacewindowsui design27 remove_red_eye
Perfect Ways to Earn Passive Income as a UI DesignerLearn how you can easily earn passive income as a UI designer.incomeextra incomepassive incomeuser experienceuxuiuser interface142 remove_red_eye
How to Structure Your UX PortfolioLearn how to structure your UX portfolio by expert Ben Taylor.structuredesignportfoliouser experienceuxux portfolio32 remove_red_eye
How to Create a UX Portfolio Without Much ExperienceSarah Doody, UX Designer, explains how you can create a unique UX Portfolio without much experience.experienceusersvideoget hiredproblem-solvingux designuser experienceuxproblem spottingux designers61 remove_red_eyefreeby Sarah Doody
Things You Should Be Doing Daily to Stay Sharp in UI/UX DesignMike Locke explains the things every UI and UX designer should be doing daily to stay on top in the marketplace.tipsdesignadviceuser experienceuxuiuser interface29 remove_red_eyefreeby Mike Locke
UX Tutorial: How to Use SketchThis video will guide you through the fundamental basics of Sketch, showing how you can set up your project.ux designuxweb designsketchux prototypeapp design20 remove_red_eye
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 designers23 remove_red_eyefreeby Maex
Any questions on UX Tutorial: How To Design A Form?
The user community and author are here to help. Go ahead!