TWE: Create Template Issue: Add Microsite URL to Figma

[karina-sato]

Overview

We need to create a template issue for Adding Microsite URLs to Figma so that we have a consistent, transparent, defined, and self-supporting structure for people creating them.

Action Items

Customize this issue

• Customize this issue by adding the Name of Issue Template.
  • Note: An issue template's name is different from the issue title created from the template.
  • [x] Search for [Replace NAME OF ISSUE TEMPLATE] by using the browser search (Mac: ⌘+F; PC: Ctrl+F)
  • [x] Replace the keyword string (including text and the brackets) below with the name of your issue template according to the template naming convention: TWE: Role: Direct object: Action verb
    • The role is the primary owner of the issue template (e.g., Research, Design, Product)
    • Direct object should be the item that we're updating or working on (e.g., Wiki, Interviews, Roadmap)
    • Action verb should be the main descriptor of the action items (e.g., Update, Create, Transcribe)

Customize the issue settings (located in right sidebar)

Change the issue settings to ensure the issue is properly categorized and easy to manage.

• [x] Under Assignees, assign yourself.
• [x] Under Projects, choose gear, choose Repository, and choose TWE Project Management.
• [x] Add the milestone: Project Management
• [x] Add a feature label specific to what the template is related to, if available. If not clear what you should use, ask product.

Customize template draft

Create a draft of new template, which will be known as our "draft".

• [x] Copy resource 1.01 Content to copy for draft to a new comment on this issue.
• [x] In your draft, fill out the top part (called front matter) with the following information. See resource 1.02 Front Matter Resources section below for definitions and examples.
  • [x] Name
  • [x] About
  • [x] Title
  • [x] Labels
• [x] Define any Dependencies (or remove the dependency section if there is no dependency)
• [x] Customize the Overview section
• [x] Fill out the Action Items section (in your draft) by defining the steps that are required to be done, keeping the following in mind:
  • [x] The person working on this issue might be new to the org, so the issue should be able to be worked on without any prior knowledge
  • [x] If the person needs to add links, or put documents in specific locations, the place where they can do that action must be linked in the resources section
    • [x] The links in the resources section provided by the issue creator should be in the same order as the Action Items
    • [x] Refer to resource 1.03 Example Action Items for Finding Wiki Page and Template for an example of how to write clear instructions that avoid compound steps (steps within a step).
  • [x] Number each resource in the order each resource appears in the Action Items
    • [x] Group resources into numbers and decimals (e.g., Resource 1.01, Resource 2.01)
    • [x] Group the resources based on whether they are available when making the issues or they need to be created from this issue
      • If the resource is available, then group it under the Resources for creating this issue section (e.g., Resource 1.01, Resource 1.02, Resource 1.03)
      • If the resource will be delivered or created from this issue, then group it under the Resource links gathered during the making of this issue section (e.g., Resource 2.01, Resource 2.02, Resource 2.03)
• [ ] If documents or folders (sheets, docs, presentations, dashboard, etc.) will be created, find the document template that should be used by checking resource 1.04 WIKI Templates by role pages.
  • [ ] If there is a template
    • [ ] Add a link to the template into the #### Resources for creating this issue section of your draft
  • [ ] If there is no template yet
  • [ ] Put a placeholder into the#### Resources for creating this issue section of the draft [TWE: Template Issue: [Role]: [Replace ACTION VERB][Replace DIRECT OBJECT]
• [x] Get sign-off by Product on the draft
• [ ] Create the template issue on the repo if needed
• [ ] Add the link to the new issue template once created to resource 2.01. Find by clicking on the Get started button to the right of the new template listed on new issue page
• [ ] Update the appropriate place in the wiki for your template (see resources section)

Resources/Instructions

Resources for creating this issue

• 1.01 Content to copy for draft

  
  Draft of template issue for Add Microsite URL to Figma
  ---
  **name:** TWE: Template Issue: [Replace ROLE]: [Replace ACTION VERB][Replace DIRECT OBJECT]
  **about:** This issue helps you structure your template issue to be consistent with our other template issues in [Replace DIRECT OBJECT]
  ** title:** TWE: [Replace ROLE]: [Replace DIRECT OBJECT]: [Replace ACTION VERB]
  **labels:** 'feature: board / google drive / tools, feature: missing, milestone: missing, role: missing, size: missing', 'Participant Type: missing', 'complexity: missing'
  **assignees:**

---

Instructions for creating this issue

The person who creates this issue should use these links to add links to the resources section and customize this issue

• Customize the issue
  • [ ] Copy and paste entire template text in this issue into text editor (ie., "TextEdit" on Mac, "Wordpad" on PC)
  • Use Find/Replace (Mac: ⌘+F or PC: Ctrl+F) to search for and replace the keyword strings (including text and the brackets) below with the appropriate values
  • [ ] Search for [Replace
  • [ ] Replace with whatever the keyword or information is asking for.
• Customize the issue settings (located in right sidebar)
  • [ ] Under Labels, add labels for any labels identified as missing
  • [ ] Remove the corresponding missing labels
  • [ ] Under Projects, choose gear, choose "Repository," and choose TWE Project Management.
  • [ ] Add the milestone: [Replace MILESTONE]
  • [ ] Add a feature label specific to what the template is related to, if available. If not clear what you should use, ask product.
• Customize dependencies
  • [ ] If no dependencies, delete dependency section
  • [ ] If dependencies, add the dependencies (any issue or reason that would prevent the action items from being completed)
• Remove this section.
  • [ ] Delete this section when all the checkboxes above are complete (i.e., the issue assignee will never see this part)

Dependencies

Overview

We need to [Replace ACTION VERB] [Replace DIRECT OBJECT] for [Replace REASON].

Action Items

A STEP BY STEP LIST OF ALL THE TASK ITEMS THAT YOU CAN THINK OF NOW EXAMPLES INCLUDE: Research, reporting, coding, etc.

Resources

Resources for creating this issue

• 1.01
• 1.02

Resources gathered during the completion of this issue

• 2.01

• 2.02

• 1.02 Front Matter Resources

  Front Matter Fields and Meaning

  - name: (name that appear on the new issue tab) - about: (is the description that appears next to the issue template on the new issue tab) - title: (the title that appears when the issue is created. User then customizes this title for their issue) - Use the naming convention: TWE: Role: Direct object: Action verb - If more than one word should go into the direct object spot, use multiple square brackets with the keyword (see example below) - labels: (choose the labels that will be the same each time, and choose missing labels for the ones that depend on content) - assignees:
  Front Matter Field Example

  - name: 'TWE: Template Issue: Research: Create Roadmap' - about: This issue helps you structure your template issue to be consistent with our other template issues in roadmap - title: 'TWE: Research: IS[Replace YY]: RP[Replace 000]: [Replace TYPE OF PARTICIPANT] [Replace TYPE OF RESEARCH METHOD]: Roadmap : Create' - labels: 'feature: research', 'feature: roadmap', 'milestone: missing', 'role: UI/UX research', 'Participant Type: missing', 'Research 000: missing', 'complexity: missing' - 'size: 0.50pt' - assignees: ''

• 1.03 Example Action Items for Finding Wiki Page and Template

  Example Action Items

  ``` ### Action Items - Customize wiki page - [ ] Go to link 1.01 Internship Wiki, Join the team page - [ ] Find wiki page for this issue by looking at role pages. - [ ] Copy the link for the wiki page. - [ ] Add the link to Resource 2.01 - [ ] Add the name of the link in square brackets - [ ] Add the URL in parenthesis without a space between the square bracket and parenthesis - Customize document template. - [ ] Go to link 1.02 Design Process Overview - [ ] Find document template that should be used in this issue. - [ ] Copy the link for the template. - [ ] Add the link to Resource 2.02 - [ ] Add the name of the link in square brackets - [ ] Add the URL in parenthesis without a space between the square bracket and parenthesis ```
  Example Resource Lists

  ``` ### Resources for creating this issue - 1.01. [Internship Wiki, Join the team page](https://github.com/hackforla/internship/wiki/Joining-the-Team) - 1.02. [Design Process Overview](https://github.com/hackforla/internship/wiki/Design-Process-Overview) ### Resource links gathered during the making of this issue - 2.01. [Wiki page for [Replace TYPE OF ROLE]] - 2.02. [TWE: Template: [Replace NAME OF TEMPLATE]] ```

• 1.04 WIKI Templates by role pages

  • TWE: WIKI: UX Research Guides Templates
  • Design
  • Product
  • [Business Analyst / Data Science]
  • [Software Engineer]
  • [Marketing]
  • default document templates, in case you don't have one yet, can be found on the Design Process Overview page

Resources gathered during the completion of this issue

• 2.01 [TWE: [Replace ROLE]: [Replace DIRECT OBJECT]: [Replace ACTION VERB]]([Replace LINK])

[karina-sato]

Overview

We need to update the Figma file with URLs from the Microsite for [Replace with NAME OF COMPONENT], so that it is easy for developers, designers, product, and guests to navigate from Figma to the microsite.

Action Items

• [ ] (Dev) Find the Figma page and component section that this is related to, and add to the 1.01 Resource below
• [ ] (Dev) Add the link to the 1.02 Resource below
• [ ] (Designer) Add a text field called "Microsite Link" on the left side of the "Update: [date]" in the 1.01 resource
• [ ] (Designer) With the "Microsite Link" (you just added) selected, click on "Create link"
• [ ] (Designer) Paste the 1.02 link
• [ ] (Designer) Unassign yourself and close the issue

Resources/Instructions

• 1.01 [URL for Figma Page, [Replace with NAME OF COMPONENT] component link]
• 1.02 [URL for microsite page for the [Replace with NAME OF COMPONENT]]

[karina-sato]

Draft of template issue for TWE: Design System: Add Microsite URL to Figma

name: TWE: Template Issue: Design System: Add Microsite to URL to Figma about: This issue helps you structure your template issue to be consistent with our other template issues in for adding the Microsite URL to Figma title: TWE: Template Issue: Design System: Add Microsite to URL to Figma labels: 'feature: design system, milestone: missing, role: UX/UI design, size: 0.25pt', Participant Type: TWE Team Member, draft, PBV: design', complexity: small' assignees:

---

Instructions for creating this issue

The person who creates this issue should use these links to add links to the resources section and customize this issue

• Customize the issue
  • [ ] Copy and paste entire template text in this issue into text editor (ie., "TextEdit" on Mac, "Wordpad" on PC)
  • Use Find/Replace (Mac: ⌘+F or PC: Ctrl+F) to search for and replace the keyword strings (including text and the brackets) below with the appropriate values
  • [ ] Search for [Replace with NAME OF COMPONENT]
  • [ ] Replace with the name of the component
• Customize the issue settings (located in right sidebar)
  • [ ] Under Projects, choose gear, choose "Repository," and choose TWE: Project Board
  • [ ] Add the milestone: Development Build MicrositePages
    • [ ] Remove the corresponding milestone: missing label
• Customize Resources
  • [ ] Find the Figma page and component section that this is related to, and add to the 1.01 Resource below
• Customize Dependencies
  • [ ] If no dependencies, delete dependency section
  • [ ] If dependencies, add the dependencies (any issue or reason that would prevent the action items from being completed)
    • [ ] Add the link to the development issue that will produce the final microsite link
      • [ ] If dependency is satisfied, check the dependency off and update 1.02 with the link to the microsite
• Remove this section.
  • [ ] Delete this section when all the checkboxes above are complete (i.e., the issue assignee will never see this part)

Dependencies

[Replace with link to the MICROSITE DEVELOPMENT ISSUE for [Replace with NAME OF COMPONENT]]

Overview

We need to update the Figma file with URLs from the Microsite for [Replace with NAME OF COMPONENT], so that it is easy for developers, designers, product, and guests to navigate from Figma to the microsite.

Action Items

• [ ] Go to issue in Resource 1.02 and copy the link for the microsite to 1.03
• [ ] Add a text field called "Microsite Link" on the left side of the "Update: [date]" in the 1.01 resource
• [ ] With the "Microsite Link" (you just added) selected, click on "Create link"
• [ ] Paste the 1.02 link
• [ ] Unassign yourself and close the issue

Resources/Instructions

• 1.01 [URL for Figma Page, [Replace with NAME OF COMPONENT] component link]
• 1.02 [URL for microsite page for the [Replace with NAME OF COMPONENT]]

[karina-sato]

@bonniewolfe Created this issue for the template issue: Add microsite URL to Figma. Is there anything else I need to do? Blocker: don't know what to do next

[ExperimentsInHonesty]

I need to turn this into a template now. The draft is good.