Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design System - Component(s): Text Fields #123

Closed
12 tasks done
Tracked by #81
lrchang2 opened this issue Feb 1, 2022 · 15 comments
Closed
12 tasks done
Tracked by #81

Design System - Component(s): Text Fields #123

lrchang2 opened this issue Feb 1, 2022 · 15 comments

Comments

@lrchang2
Copy link
Contributor

lrchang2 commented Feb 1, 2022

Overview

We need to develop library for the text fields components so it can be passed off and used by the developers.

Additional Information

  • This component is an atomic component that will be used in the contact us form and waitlist form.
  • based on usability testing, need to add text as a placeholder

Action Items

  • do industry research on how websites are using text fields
  • audit text field being used in the current mobile and desktop high-fi wireframes
  • collect all versions of text field inputs and determine if designs need updating and standardizing (based on sizing, style, etc)
    • bring to design team to finalize decisions
  • make sure versions of the text fields work in states for
    • mobile
    • desktop
  • detail out component's within the figma
    • class
    • css
    • use
    • context

Resources/Instructions

figma

@lrchang2 lrchang2 added this to the 09 - Design System: Components milestone Feb 1, 2022
@lrchang2 lrchang2 changed the title text fields Design System - Component(s): Text Fields Feb 1, 2022
@lrchang2
Copy link
Contributor Author

@deepamohan22 Please add update using this template (even if you have a pull request)

Progress: "What is the current status of your project? What have you completed and what is left to do?"
Blockers: "Difficulties or errors encountered."
Availability: "How much time will you have this week to work on this issue?"
ETA: "When do you expect this issue to be completed?"
Pictures: "Add any pictures of the visual changes made to the site so far."

If you need help, be sure to either:

  1. ask for help at your next meeting
  2. put a "Status: Help Wanted" label on your issue and pull request
  3. put up a request for assistance on the #access-the-data channel.

@deepamohan22
Copy link
Member

@lrchang2
Progress : In progress. Completed first 3 tasks. Redesigned the text fields (desktop version).
Blockers : No
Availability : 12 hrs
ETA : Two weeks from now.
Image
Acess the data screen shot

@deepamohan22
Copy link
Member

@lrchang2

Progress : In progress. Completed the first 7 Tasks. Redesigned the text fields ( Mobile Version)
Blockers : Yes, In remaining tasks - I did not understand the meaning of : ' detail out component's within the figma section
Availability : 6 hrs.
ETA : One week from now
Access data mobile version text fields Screenshot 2022-04-05 154808

@lrchang2
Copy link
Contributor Author

lrchang2 commented Apr 7, 2022

@deepamohan22 what I mean by that is to put your component in the design system page within the figma. If you look at the example "forms--input field" that is the template you can use to detail out the component for a developer.
image

@deepamohan22
Copy link
Member

@lrchang2

Progress : Completed all 12 Tasks. Redesigned the text fields ( Desktop & Mobile Versions)
Blockers : No
Availability : 2 more days
Acess the data screen shot final design system

ETA : 2 more days

@lrchang2
Copy link
Contributor Author

great work @deepamohan22! please bring to the design team to get feedback this week and if there are no improvements suggested to be made, please close out this issue and move onto a new one.

@deepamohan22
Copy link
Member

@lrchang2
Thanks Lucy. Sure I will discuss with team.

@lrchang2
Copy link
Contributor Author

lrchang2 commented May 26, 2022

reopening issue to add drop down for subject field based on previous usability testing results:

"Dropdown would have General Inquiry, more workshop-specific questions like how do I cancel, - A dedicated person who handles Workshops or a particular topic - An FAQ would help while awaiting a reply"

@lrchang2 lrchang2 reopened this May 26, 2022
@mxajPrice mxajPrice removed this from the 09 - Design System: Components milestone Jun 28, 2022
@deepamohan22
Copy link
Member

@lrchang2 ,
Progress : Finished. Added the dropdown menu to the text field in both Desktop and Mobile versions.
Blockers : No
ETA : One week

@lrchang2
Copy link
Contributor Author

@deepamohan22 thank you for the update. can you link where you put the current version of the dropdown and put screenshots here in an issue comment so i can find and review it?

@deepamohan22
Copy link
Member

Sure, Lucy
I will do that
Thanks

@deepamohan22
Copy link
Member

deepamohan22 commented Jul 14, 2022

image

Mobile version :

image

@lrchang2
Copy link
Contributor Author

@deepamohan22 thanks, this looks great! i think it's good to move forward. once you add these edits to the design system and most updated version of the mockups, please close out this issue

@deepamohan22
Copy link
Member

Sure
Thanks @lrchang2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development

No branches or pull requests

4 participants