• info@apekgroup.com
  • Mon - Sat: 8:00 am - 7:00 pm EST
We are creative, ambitious and ready for challenges! Contact us
Apek Group Apek Group
  • Home
  • About Us
  • Services
  • Resources
    • Articles
      • Microsoft 365
      • UI/UX
      • Project Delivery
    • Case Studies
    • Demos
    • Webinars
  • Contact Us
Have Any Questions? +1-770-280-1299
Talk to Our Experts
Apek Group
  • Home
  • About Us
  • Services
  • Resources
    • Articles
      • Microsoft 365
      • UI/UX
      • Project Delivery
    • Case Studies
    • Demos
    • Webinars
  • Contact Us

Single Blog

  • Home
  • Articles
  • Designing Better On-Boarding Forms
UI/UX
Apek Group project-details-12 Designing Better On-Boarding Forms
_ March 6, 2020_ Ayilara Olatunde_ 0 Comments

Designing Better On-Boarding Forms

Consistency: Ensure uniformity all around the design. Before starting up the project, if you are working with a product manager, ensure the entire look of the website has been decided upon. A perfect example is to decide whether you will be using rounded rectangles or the regular ones. Ensuring uniformity across the board simply makes your work less confusing to the users.

Apek Group Screen-Shot-2020-03-06-at-8.54.38-AM Designing Better On-Boarding Forms
Ensuring uniformity across the form

Tooltips and Strokes: Ensure you add tooltips no matter what text field you are designing. Do not make assumptions that the users will understand what they are meant to enter in the field. Also, change the stroke color of the box when the user clicks in and out of it. You can collapse the placeholder text to the top of the text box. The image below describes better.

Apek Group Screen-Shot-2020-03-06-at-9.26.42-AM Designing Better On-Boarding Forms
Unclicked and Clicked box toggle

Custom Sized Fields: Use text box sizes you feel is a perfect size for the text expected from the user.

Apek Group Screen-Shot-2020-03-06-at-9.51.06-AM Designing Better On-Boarding Forms
Custom sized text boxes

Obvious CTA buttons: Use accent colors for your main CTAs as compared to primary buttons.

Apek Group Screen-Shot-2020-03-06-at-10.25.55-AM Designing Better On-Boarding Forms
Primary CTA buttons and Main CTA Buttons

form on-boarding signin signup ui/ux
♥62

Author

Ayilara Olatunde

Design Faster With These Features
February 29, 2020
Project Managers: The Key To Transformation Success
March 9, 2020
Recent Posts
  • The Year 2022: APEK Group’s Year in Retrospect
  • The Year 2020 Review: Apek Year in Retrospect
  • Microsoft Power Apps – The Ultimate user guide
  • A Quick Intro to Microsoft Fluid
  • Have you tried these new MS Teams features?
Categories
  • Business (14)
  • Case Studies (6)
  • Consultation (1)
  • Culture (5)
  • Design (6)
  • Development (3)
  • Free LIVE Webinar (6)
  • Humans (4)
  • Office 365 (16)
  • Politics (1)
  • Project Delivery (12)
  • Software Development (10)
  • Startup (1)
  • Technology (14)
  • UI/UX (11)
Check our socials
Check our socials
Services
  • Technology Solutions Provider
  • Project Management
  • UX/UI Design
  • Digital Workplace Solutions
Articles
  • UI/UX
  • Office 365
  • Project Delivery
Company
  • About Us
  • Case Studies
  • Webinars
  • Demos
  • Contact Us
Subscribe
Follow our newsletter to stay updated about agency.
no-bg

Copyright © 2020  Apek Group