Johnsalzarulo/design-challenge

Alejandro Dorantes / Submission

Opened this issue · 0 comments

adeoh commented

General Observations

Home looks like a title despite being a breadcrumb/link.

Navigation

" Home / Applicate " would clarify that we're part of a flow.
This navigation will help us navigate our application states.

App: Application
Jobs: Fill data, validate data, submit data.
User jobs: Capture data, select data, send/save data.

The app, currently has 3 main sections with a form each, Basic Info, Health History, and Current Habits, we can navigate these as steps (step 1, step 2, step 3).

Our application has 3 states so far.

Step 1 (Basic Info)
Step 2 (Health History)
Step 3 (Current Habits)

and our steps (forms) two validation states each

Invalid
Valid

One way to solve validation is to validate once per form and or once per input, observing how many inputs may contain information to validate, in this case, only open text inputs require validation, so handling validation would be easier if done inline per step input on form submission.

Input limits should aid the user by narrowing his options, this can be corrected by HTML input patterns and correctly defined input types with proper fallbacks for mobile devices with native functionality.

UI/UX

Inputs should span the entirety of the form, limiting the form by steps will help us group elements and clarify input order.

Options could be narrowed in a more conversational form, instad of dropdowns, we should allow for easier and faster reading by displaying limited options as radio buttons or checkboxes.

Visually, everything could be polished, starting from the decisions on which kind of input to use in each question. Also, text information could be better distributed by allowing a section to this kind of feedback.

Attached figma link on submission.