job offer

Overview
The Product

The Challenge

Team

My Role

DWV is an application that caters to the needs of the real estate market.

Structure a form for website and mobile.

1 UX/UI Designer

UX/UI Design

I began the discovery phase with a quick desk research to identify best practices for structuring forms. This led me to valuable insights on the Nielsen Norman Group website:

  1. Keep it short.

  2. Group together related fields.

  3. Present fields in a single-column layout.

  4. Use logical sequencing.

  5. It is recommended to use radio-button options instead of dropdown menus.

  6. Placeholders: if you have to use it, the best option is to place the instruction between the label and the field.

  7. Distinguish optional and required fields.

  8. Avoid the "Reset" or "Cancel" buttons.

  9. Ensure error messages are clear, specific, and highly visible.

After reading some articles about forms, I had some questions about the challenge I was facing.

  • How do people feel when they request services in their condos?

  • Which information do they want to provide first?

The next step defined was to interview users with a card sorting activity.

Seven people who live in condos with different ages and financial statuses were recruited for the activity.

The first question was an open question asking how was their experience of having to call the condo administration in the past.

The second task requires users to arrange the provided stickers in order of importance. Each sticky note represents a form field that is required in the test briefing. The goal is to understand how users share information based on their needs and feelings at the time of the request.

+important

Insights

  • "Every time I had to request services, I was stressed out"

  • Most users send WhatsApp messages to the condominium group to ask for information about requesting services.

  • "Instant feedback is crucial for the condominium as people are often stressed."

  • The form fields name of the condo and type of service most often appear as more important.

  • The form fields contact, date, and attach files most often appear at the end of the form.

  • One of the users told me that they have an application in their condo, but the app doesn't work properly. "Here we report the problems but we can't see the status of our requests."

The Test

The purpose of this test is to develop a request form for condominium services.

The company provides maintenance, consulting, and support services for condos. To request a service, users are required to complete a form that includes specific fields.

  1. Name

  2. E-mail

  3. Telephone

  4. Condominium Name

  5. Service (Choose as maintenance, consulting, support, other)

  6. Description of the service

  7. Date for the service to occur

  8. How you would like to be contacted (e-mail, telephone)

  9. Attach files.

Requirements:

  • The interface should be designed solely for specific services in condominiums.

  • Ensure a clear and logical sequence in the form to prevent users from getting lost.

  • Proper validation of the fields is crucial to prevent any errors.

  • Please create a responsive design that adapts to various screen sizes and devices.

Additional Elements:

  • Create a section with instructions or tips for users to request services in condos.

  • Incorporate a "Cancel" button to allow users to withdraw from the process at any given time.

  • Consider adding a clear visual confirmation after form submission.

How might we

  • improve the user's experience in requesting services?

  • arrange the fields on the form to ensure it gets filled out properly?

  • reduce the stress of the users at the moment of filling out the form?

  • offer information on the request status?

  • ask for feedback about the form efficiency?

  • classify the requests based on urgency?

  • remove the load of WhatsApp requests?

  • offer an instant reply to the user?

  • How might we improve the experience of the user requesting services?

  • How might we arrange the fields on the form to ensure it gets filled out properly?

  • How might we offer information on the request status?

  • How might we reduce the stress of the users at the moment of filling out the form?

  • How might we offer an instant reply to the user?

  • How might we ask for feedback about the form efficiency?

  • How might we classify the requests based on urgency?

  • How might we remove the load of WhatsApp requests?

Discovery

Development

Now

Next

-important

Later

Form order

  1. Name

  2. Condo Name

  3. Service

  4. Description

  5. Date

  6. Telephone

  7. E-mail

  8. Contact

  9. Attach files

Screens

Results

During the creation of this one-page form, I encountered visual impairments, leading me to adopt a simplistic format. Fortunately, due to the user-centered nature of the entire process, I was offered a position as a UX/UI Designer.

What did I learn from this project?

  • Workshop facilitation.

  • Online forms best practices.

  • Rapport with users.