HfLA Figma Kit V1 Release

[allthatyazz]

Overview

Prior to the release of the V1 to CoP, this issue tracks the remaining tasks about to get the product out of the door by the set deadline.

ACTION ITEMS

General for all Pages

• The Frame should be named correctly
• The template boxes should be grouped properly with every element having an accurate name.

Cover Page

• The sizing standard should be aligned with Sandra's research and reflect the recommended dimension by Figma.
  • Solution A: " Frame size at least 1200 X 800. The recommended dimensions are 1600 X 960. "
  • Solution B: " Frame size at least 1200 X 800. Use our template for best result" + Include Figma's recommended dimensions in action step No.2.
• The name of the template frame should reflect the accurate measurement.
• Fix the example page's little subtitle to reflect Rachel's comment "the top two examples have a solid noun (frame size) while the bottom two use "it," which is vague. Would you consider rewording to "Cover contains project name and some visual element" and "Cover lacks project name..." for the second row and "Cover page contains only one frame on the first page of your file" and "Cover page contains multiple frames on the first page of your file"? "

Organize Pages

• On example pages: bring the "Do's" as the first column and create a consistent look with the cover example. Debbie has good justifications for why she opted in for Don'ts as the first column- we can investigate Debbie's version during user feedback sessions.
• On example pages rework the subtitles for Do's and Don'ts to create consistency with the Cover examples.
• On Tips pages, reorder tips 4, 5, 3, and 1. Remove tip 2 as it is not a problem related to the organization of the Figma pages inherently.

Start Page

• Fix the screenshots

Release Logistics

• The latest iterations should be replaced in this Figma file.
• Add the release to GitHub main page.
• Attending UX/UI CoP meeting on Wednesday 11/9.

[sandraberjan]

I used Solution A but in abbreviated form.

[sandraberjan]

I renamed all the frames minus the templates. Please check for any errors.

[sandraberjan]

I reordered the tips and deleted tip #2. I did not change the numbers to indicate new order. Asked @kangina-tech to help with that.

[sandraberjan]

I put the latest designs I have into the sections. please check for any flaws/visual fixes

[allthatyazz]

I made more cleaning and last-minute changes to the file. Everything looks good and we are ready for presenting our work to CoP.

• Fixing the group names for some of the important elements.
• Fixing the copy "Start here" across all the sections including the Cover/Thumbnail.
• Making the text styles of the "start here" standards consistent with other pages.
• I put the release note at the end of our current pages.

[allthatyazz]

The release note and the link to the Figma file have been added to our main GitHub page.

[allthatyazz]

Attended the CoP meeting. The leads were super supportive and applauded our work. It seems there is no clear process to advertise the Kit or similar resources to HfLA community. I raised the question tonight and the leads responded that they plan to work on some processes to advertise work to HfLA.