HfLA: Design Meeting Agenda

[kristine-eudey]

Dependency

When we get a new design lead

Overview

This issue tracks the agenda for the UX team's weekly Thursday meetings.

Agenda Template:

Meeting: (DATE)

Participants:

Things to discuss:

Things discussed:

Actions to take:

Weekly Agenda

Meeting 8/12/21
Meeting 8/19/21
Meeting 8/26/21

[github-actions]

Hi @kristine-eudey.

Good job adding the required labels to this issue.

Just a friendly reminder to also move the issue into the "New Issue Approval" column under the Project Board. For more info on that, check Github's documentation here.
Thanks!

Additional Resources:
Wiki: How to add status labels to issues (WIP. Link will be updated when the wiki is done)
Wiki: How to create issues (WIP. Link will be updated when the wiki is done)

[kristine-eudey]

Meeting: 8/12/21

Participants:
Anh, Basu, Simone, Sophia, Ava, Saasha, Kristin, Christina, Kristine

Things to discuss:

• Weekly Standup: Are you currently working on an issue?
  - If yes, what have you done on it since last Thursday?
  - Any blockers? Want feedback?
  - What do you plan to accomplish by next Thursday?
  - If no please take an issue tonight.
• Issues to assign
• Meetings - encouraging cameras to increase sense of connection, if you feel comfortable doing so
• Research updates
• Homepage redesign updates: current version

Things discussed:

• Basu: Gave update on donor/partner research plan
• Christina - Would like some input from the team on her Member Feature research. Will reach out via Slack
• Sophia: Recently finished design issue for footer. Taking issue Adjust and standardize "Share Your Wins" form page #2021
• Saasha: Very close to being finished with mega-footer (issue Navigation options (like having all pages show up in footer) for many pages #1969), will be finished for review at Sunday meeting.
• Kristin - Waiting on feedback at Sunday meeting regarding issue Add GitHub links to Community of Practice pages #1979. Will work on continued homepage design with Kristine.
• Anh: Completed her recent issue. Taking issue Write copy for Projects Page Header #1051
• Simone: Working on research plan.
• Kristine - Gave update on current homepage redesign plan
• Sophia let us know that there's already been audits of all buttons on the site, from the dev perspective in issue Audit all buttons on hackforla.org website #1921, and possibly from a design perspective in an issue Danielle made.

Actions to take:

• Everyone to tap their networks for potential donor/partner research participants. Send email addresses of folks we could contact to see if they'd be willing to participate in a 30-45 minute interview to Basu.
• Kristine will provide feedback to Saasha on footer in preparation for presentation at Sunday meeting.
• Anyone interested in a homepage design work session on either Friday 8/13 or Saturday 8/14 please reach out to Kristine.

[kristine-eudey]

Meeting: 8/19/21

Participants: Kristine, Anh, Basu, Simone, Ava, Alyssa

Things to discuss:

• Updated process for completing an issue
  • What to do when you're finished with an issue:
    • Make a comment on the issue alerting that you've completed the design portion of the issue.
    • Leave issue open and drag it to the UAT column. That is where design lead will look to approve completed issues to pass on to product & dev teams
  • What to do when you need guidance / have a question.
  • When to use Questions / In-Review Column vs. when to add "Help wanted" label
• Any questions on GitHub process? Anything you're confused by or isn't working and want to discuss?
• Questions about an Issue:
  • Alyssa's Guide Pages Prototype: Would like feedback on formatting (Indentation).

Things discussed:

• Week Stand-Up:
  • Basu:
    - We are currently working on the research for the Home Page.
    - We are done with the interview guides, and the PMs will provide a review.
    - Working on the demographics.
    - Ready to interview people.
    - Would need to clarify with Bonnie to see how we schedule interviewees.
    - We found participants who are interested. Will continue to reach out as well.
  • Kristine:
    - Working on the home page.
    - Meeting with Bonnie and new PMs.
    - Sihem became the new advisor for the team.
  • Alyssa:
    - Working on the guide pages prototype.
    - Collaborating with Bonnie in implementing new guide pages into the prototype for testing.
  • Anh:
    - Will be working on a copy for the Projects Page.
    - Will create a draft to have something tangible.
  • Simone:
    - Been working with Basu and the Research Team.
    - Moving along with the research.
• Updated process for completing an issue and milestones.
  • Note: The handle for our design team is @ hackforla/website-design
• Feedback on Guide Pages Indentation (Alyssa).
• Home Page Discussion and Review:
  • Program Areas Section:
    - How do we make the description for the Program Areas more succinct?
    - Need to have more SVGs for the technologies.
  • Impact/About Us Section:
    - What needs to be in the section to make it an About Us Section?
  • Communities of Practice:
    - Find icons for the CoPs.
    - Issue for this has been created. Currently in the New Issue Approval.
    - Ava will have the dev team help to find the logos.
    - Note: Since we don't have the mobile design yet, we will collect the largest SVGs.
  • Wins Page.
• Home Page Figma Design of the current version in the red box.

Actions to take:

• Reach out to more people to interview via Slack General Channel. (4-5 People)
• Find as many SVGs for the technologies under the Program Areas Section.
• New issue to find icons for the Community of Practice. Gather .svg files for icons of technologies used at HfLA #2130

[kristine-eudey]

Meeting: 8/26/21

Participants: Kristine, Basu, Alyssa, Janie, Anh, Simone, Sophia, Saasha, Ava, and Pamela

Things to discuss:

• Weekly standup: What progress have you made on issues you're working on in the past week? What are your goals for the next week? Any questions / anything you'd like feedback on?
• New issues in need of designers
• Homepage Redesign - Current version & planning for mobile
• Guide Pages Inquiry: What is the Header? (Alyssa)

Things discussed:

• Weekly Standup:
  • Kristine:
    - Working on the homepage.
    - Close to having the desktop version done.
    - Will be working on mobile soon.
  • Basu:
    - Doing progress with research team.
    - Reviewed PM team suggestions.
    - Done with editing according to suggestions.
    - Will comment on why we take certain suggestions and why we did not take certain suggestions.
    - Will start on the interview process.
  • Alyssa:
    - Working on redesigning the Guide Pages.
    - Needs feedback about the Header from the Design Team.
  • Janie:
    - Applied feedback on Program: Citizen Engagement from Sunday's meeting.
    - Will create a new mockup to share on Sunday.
  • Anh:
    - Applied feedback on Project's Page from Sunday's meeting.
    - Note: According to the research, our prospective volunteers are more drawn to the projects.
    - Discussed the CTA (Join Us Page). (Our team voted for the Join Us Button.)
  • Simone:
    - Been working with the Research team.
  • Sophia:
    - Finished Share your Wins form. Ready for review.
    - Issue is in UAT. Adjust and standardize "Share Your Wins" form page #2021
  • Saasha:
    - Discussed the Mega Footer.
    - Feedback: Did a number of versions. Go with the sentence case.
• Discussed who is available to take on new issues.
• Homepage Redesign - Current version & planning for mobile
  • Updates:
    - New menu bar with the gray box.
    - Added a section: Explore our Technologies.
    - Rewording on the Wins Section.
  • Home Page Mobile:
    - Anyone interested in building ideas starting next week? Anh, Alyssa, Janie

Actions to take:
- Home Page Mobile: Anh, Alyssa, Janie are interested in ideating for Home Page Mobile.

[kristine-eudey]

Meeting: 9/2/2021

Participants: Ashley, Ava, Kristine, Alyssa, Simone

Things to discuss:

• Weekly standup - What progress have you made on issues you're working on in the past week? What are your goals for the coming week?

• We need to bring more designers onto the team! Know anyone?

• Figma organization & best practices / aligning the team on the convention for organizing our designs in Figma

  • Everything needs to be in a linear path. Whole path should readable from top to bottom, left to right.
  • Each new fidelity level goes down a line
  • Most updated version on the right.
  • Current design should always be bottom right, with a pink box around it. Did you make a change that was signed off on and updates the current design? Move the pink box to it. Let's minimize using differently colored boxes.

• CoP icons on the homepage - feedback?

• Donor/Partner Usability test brainstorm

• Pressing Issues:

  • Perform site audit of mobile navigation #2190
  • Design mobile version of new homepage #2213

Things discussed:

• Weekly Stand-Up
  • Kristine:
    • Working on the Home Page.
    • Creating issues and participating in the team meetings.
    • Cleaning up the Figma.
    • Putting a group together to work on the Home Page.
  • Alyssa:
    • Finalized redesign of the Guide pages.
    • Working on developing the pages.
    • Working on documentation for research on cloning our Hack for LA website with Netlify.
  • Ashley
    • Will work on the audit of the mobile with the team.
    • Will work with Kristine in cleaning up the Figma to show the current version.
• Figma organization & best practices / aligning the team on the convention for organizing our designs in Figma
  • Everything needs to be in a linear path. Whole path should readable from top to bottom, left to right.
  • Decided to uses boxes to show a linear path. Just need to have colors to denote what each boxes mean.
  • Pink Boxes are current one.
  • Make sure that everything that's current reflects what we have in the Current Page.
    
• Homepage
  • Would like to have UX Designers to be part of the usability testing.
  • Discussed Program Area Section.
  • Discussed the section: "Explore Our Projects by Technologies."
  • Discussed testimonials, CoP.
    • Looking into other icons for CoP.
  • Discussed wins sections.
    • Wins would be randomized.
    • What is the "see more" going to do when someone clicks on it?
      • It would lead to the Wins Page. Another idea would be have the wins card take the users to the person's LinkedIn.
      • The "see more" in the Wins card will be reflective with the
  • Feedback from the team:
    • Are we planning to use a different font for this section?
      • It's still Roboto, just bigger.
      • Learn More and Join Us buttons may be confusing because it looks alike, even though it will lead to different pages.
        • We could swap the sections around so that the call to actions (to Join Us) would stand out.
      • Create a style sheet that would introduce new font sizes.
    • Are we on the final stages of Home Page (and will there be more changes in the future)?
    • Our UX/UI team are still working on the home pages so when we have the final product, then there will be no further changes.
• Donor/Partner Usability test brainstorm
  • Reviewed the Homepage Redesign Research Plan. Figma Link
  • Structure on the Usability:
    • Test based on sections; encourage the interviewees to share any of their thoughts.
    • Ask them about terminology.
    • Next Meeting: TBD

Actions to take:

• Brainstorm the Structure of the Usability Testing: Schedule to meet next week. (Labor Day on Monday.)
• Design Mobile Version for Homepage: Schedule to meet.
• Clean up Figma.

[kristine-eudey]

Meeting Date: 9/9/21

Participants: Kristine, Anh, Janie, Alyssa, Kristin, Ashley, Simone, Basu

Things to discuss:

• Weekly standup - What progress have you made on issues you're working on in the past week? What are your goals for the coming week?
• We need to bring more designers onto the team! Know anyone?
• Figma organization (quick recap for those who missed last meeting)
• Reminder to keep issues you're assigned to updated weekly.
• Usability test planning meeting - Monday 11:30am PST
• Issues to assign:
  • Create a Mock Video to instruct common kanban tagging mistake #916
  • Mobile Responsiveness check on donate page #1841
  • Adjust "...See More" placement on Wins Cards #2207

Things discussed:

• Introductions
• Discussed if anyone know any designers to join our team.
  • Alyssa knows someone who is interested - will update when colleague returns from out of town.
• Weekly standup
  • Kristine:
    • Met with Bonnie to organize the project board.
    • Home Page is under construction, but everything is going well.
    • There is a section that needs improvement - hoping next week that we will have a final version.
    • Janie and Alyssa will work on the mobile version of the home page.
    • Will work on planning the usability test on the home page for donors and partners.
  • Basu:
    • To start the page, should it be clickable on the mockups? In a perfect world, it would great. Realistically, the resources and time may not be feasible.
    • Usability test planning meeting - Monday 11:30am PST
      • Our main goal is to create questions that we can use for donors and partners.
      • Focus by sections.
      • To start the page, should it be clickable on the mockups?
        • In a perfect world, it would great.
        • Realistically, the resources and time may not be feasible.
    • Are we recruiting anyone else aside from donors and partners?
      • Yes, anyone who is focused on giving would be helpful.
  • Janie:
    • Updated the mobile version on the mobiles page and moved it to UAT.
    • Grabbed a new issue regarding the 404 page.
  • Alyssa:
    • Redesigning Guide Pages.
    • Would like to collect feedback from team to see if anything needs changes before meeting with Bonnie tomorrow morning.
    • Would also like to talk about the files.
  • Kristin:
    • Looking for a new issue!
  • Anh
    • Working on copy for Project Page - there's a direction change in the process.
    • Will work on the mobilizing on the Home Page and audit.
  • Simone
    • Working with the research team in formulating a plan for the usability testing.
  • Ashley
    • Working on the site audit. Will update us with questions.
• Discussed that we need another UX Researcher.
• Reminded the team to keep issues you're assigned to updated weekly.
  • Please be sure to add a comment with your progress report after assigning yourself with a new issue.
• Assigned Issues:
  • Create a Mock Video to instruct common kanban tagging mistake #916
    • How to create a video to show how to make issues on GitHub the wrong way with screen-recording.
  • Mobile Responsiveness check on donate page #1841
    - Need to check the mobile responsiveness on the Donate Page with your phone.
    - Check the functionality issues to see how the development worked on mobile.
    • UPDATE: We will place this in the backburner because we need clarifications on Sunday.
  • Kristin -- Adjust "...See More" placement on Wins Cards #2207
    • Goal is to take the ...see more and place it at the bottom of the card.
    • Note that it's created with auto layout.
    • The ... will show that there's overflow text and the modal.
    • Other solutions are welcome!
• Guide Pages Redesign Feedback:
  • Discussed Heading: Oswald
    • Since we have Roboto as the text in our Design System, we need to follow it to ensure it's cohesive and create a unity with rest of the website.
  • Discussed spaces between the paragraph and the headings - 36px.
  • Discussed alternative paragraph font size (16px vs 18px).

Actions to take:

• Meeting on Monday 11:30AM PST/2:30 PM EST to do usability testing.
• Will need to reach out to Ryan Curtis and Kevin Wang from Community of Practice to recruit new Designers and Researchers.

[kristine-eudey]

Meeting: 9/16/21

Participants: Kristine, Basu, Anh, Simone, Janie, Alyssa, Ashley

Things to discuss:

• Weekly standup
• Sunday meetings
• Participant recruitment and interview
• Script to recruit corporates
• New researcher recruitment
• Review Issues
  • Guide Pages (Alyssa)

Things discussed:

• Weekly standup
  • Kristine
    • Worked on the Home Page.
    • Updating the hero section.
    • Working on sourcing new photos for the Program Areas.
    • Figuring out how to structure our UX Team to focus on outcomes that the users and business would have.
    • Planning to have a meeting where our team will brainstorm how to achieve these goals.
  • Basu
    • Posted a call out on GitHub and the UI/UX Slack Channel.
    • Will join the Community of Practice to recruit more people.
    • Would like to have someone who has experience with Miro.
    • Will do a rough draft of the script and have it done by Friday. The interview process will be on Sept 28th and 30th.
    • Meeting with UX Research Team on Monday, 9/20/21 at 11:30 AM PST/1:30 PM CST.
  • Simone
    • Worked with Basu on Homepage Redesign Research Plan.
  • Janie
    • Worked on the mobile home page's wins.
    • Assigned self with 404 page - will work on it soon.
    • Will work on the Get in Touch.
  • Alyssa
    • Worked on the home page mobile.
    • Worked on Guide Pages Redesign.
• Homepage Redesign Research Plan Feedback
  • Comparative Version: Have a grid that would show two versions?
• Home Page Mobile Discussion
  • Reviewed Wins Page Mock-Ups (Janie)
  • Reviewed Hero Graphic and Program Areas (Anh)
  • Reviewed Technology and Communities of Practice Sections.
• Meeting on Sunday
  • Kristine will not be able to attend. If you have issues that need review, please bring it to the meeting on Sunday.

Actions to take:

• Continue working on the Home Page Mobile.
• Recruit more UX Researchers for Usability Testing of the Home Page.
  • Next Meeting is on Monday, 9/20/21 at 11:30 AM PST/1:30 PM CST.

[abenipa3]

Meeting: 9/23/21

Participants: Kristine, Simone, Basu, Janie, Alyssa

Things to discuss:

• New Member
• Weekly standup
• UX Research: Home Page
• Review Issues

Things discussed:

• Danya will onboard in the General HfLA meeting as a UX Designer.
• UX Research Team
  • Need the designs to use for the testing.
  • Interview schedule in this [spreadsheet].(https://docs.google.com/spreadsheets/d/1dbRq7z42hAyRIU75XBDfsaaVAVz8kVbQ/edit#gid=699027266)
• Janie's Update
  • 404
    • Will work on it soon.
  • Reviewed Home Page's CTA
    • Any way to document behavior?
      • There's no standardized way of doing this. It's totally fine to use annotations and arrows if needed.
      • Updated the mobile for the home page.
    • Reviewed Home Page's Wins
    • Is it possible to see if we limit the number of characters?
    • Is there a best practice in applying spacings on links in mobile?
• Alyssa's Update
  • Reviewed Home Page
  • Reviewed Guides

Actions to take:

• Discuss in the Sunday Meeting: Home Page's Wins
  - Is it possible to see if we limit the number of characters?

[kristine-eudey]

Meeting: 9/30/21

Participants: Kristine, Basu, Anh, Anya, Simone, Ashley, Kristin, Alyssa

Things to discuss:

• Write copy for Projects Page Header #1051
• Work flow for guides to appear on the website #1630

Things discussed:

• Introductions. Welcome, Anya 🙌
• Weekly Standup
  • Basu and Simone:
    • Interviews for Home Page Redesign this past week.
    • Usability Testing: If anyone knows a Donor, please contact them to ask if they're interested in being interviewed.
  • Alyssa:
    • Guide Pages (has updates for the team to review).
    • Home Page (continue working on it).
  • Ashley:
    • Was working on the mobile audit.
    • Will transfer file to Hack for La's File.
  • Anh:
    • Currently working with Dev regarding HfLA Projects' Images.
      • Each project has images for their hero section, but some of the hero images don't work (not much consistency.
      • Looking into creating a best practice/template for projects to show what kinds of imagery works for the projects.
    • Will need to gather more clarification on Sunday.
  • Kristin
    • Will assign a new issue.
• Issue Discussion
  • Discussed issue created for Home Page Mobile Design mobile version of new homepage #2213
  • Wins Randomizer for homepage #2304
    • What is our role here?
      • The wins card will be randomized with 10 different wins from different fields.
        • There are hardly any wins submitted by UX/UI people.
      • This issue is about getting people to submit a win.
      • Basu - Reach out to former UI/UX people (current and/or former) and try to get people to contribute wins (tell them we’re going to feature these wins on the homepages. Ask UI/UX CoP leads to doing an @channel to drum up more wins from the community
        • Please feel free to let us know if you need help.
    • Guide Pages
    • Projects Page
      • Do we want to read it horizontally or vertically?
        • Team voted for Version 2.
      • What if we add the divider line?
        • Still voted for Version 2.
      • Planning to bring the discussion on Sunday with the Website team for extra feedback.
• Assigning Issues
  • Mobile Responsiveness check on donate page #1841
    • Going through the Donate Page with your phone and write to Development what is wrong?
    • Document under the issue. Communicate in any way necessary.
    • You could also use Inspect to test the page.
    • Assigned to Ashley.
  • Change mobile menus on Toolkit page #2171
    • Redesign the menus. Needs to get done ASAP.
    • Assigned to Kristin
  • Create new gradient overlay for Projects pages #2312

Actions to take:

• Home Page Mobile - Talk about when we could finalize the home page mobile design during our next Thursday meeting.
• Projects Page - Bring discussion on which mockup looks best with the Website Team on Sunday.

[kristine-eudey]

Meeting: 10/7/21

Participants: Basu, Anh, Simone, Kristin, Kristine, Alyssa, Adam

Things to Discuss:

• Naming the HfLA Design System
• Review homepage mobile design
• Design System Inquiry from Guides Team (Alyssa)
  • Accessibility Issue about using strong vs bold and em vs italics [Resource]
  • Has the copy text in the design system pages been accessibility tested?
• Our work / our team - how are things? Anything we can change/improve? (let's push this topic to next week's meeting since a lot of people can't make it tonight)

Things Discussed:

• Website Team Update:
  • Ava is no longer the lead - She transferred to Civic Tech Team.
  • Adam will be the Team Lead for Development.
• Stand-Up Session
  • Kristine
    • Created a full mock-up of the home page mobile.
  • Basu and Simone
    • Research Team is currently working on the analysis part of the Home Page.
    • Simone will be presenting on Sunday.
  • Anh
    • Working on the header issue.
  • Kristin
    • Working on the mobile menus.
    • Aim to have it done before Sunday.
  • Alyssa
    • Been working on the Home Page Mobile. Looking for feedback.
    • Got mockup for Guide Pages finalized.
    • Working on development.
• Home Page Mobile Review
  • Reviewed the following changes made after creating a full-page mockup:
    • Program Areas
      • Discussed mobile carousels for Program Areas.
        • Helpful article for our references.
      • Voted for the carousel in Full Mockup#3.
      • Is it possible to show the first five categories and then have a new batch of new categories?
        • Yes, it's possible (Adam)
      • Are there best practices on what the ideal thing is for carousel menus?
      • Create a new mockup with the arrows.
      • Check out Figma App called Figma Mirror, which will help preview mobile mockups.
    • Communities of Practice
      • Concern: Font and Background Color in Project Management may not pass the Contrast Checker.
        • Update: It passes the WCAG AA, but not the WCAG AAA [Contract Checker Screenshot]
        • Discussed if the categories under CoP should direct us to specific categories (PM, Data Science, etc)?
      • The team agreed to have the links direct the user to the specific categories.
    • Join Us
      • Discussed each section for mockups - is it too long? (Wins)
      • Can we have variations in the card that will minimize the Wins (reduce the number of characters and icons)?
      • Yes, with CSS and JavaScript!
    • Wins Card - Will follow up with Janie.
      • See what we could do a expand button in the wins?
    • CTA - Try to add Join Us Button back to hero.
• Voting on Design System Name via Miro Board:
  • Create three sticky notes and add them next to the choices. [Link]

Actions to take:

• Wins Card - Will follow up with Janie.
• Program Areas - Create a new mockup with the arrows.