Create a Guide/Template : How to Present Your Work (Design)

[daniellex0]

Overview

We need to create a guide for how UX/UI designers should present their work, so that designers at Hack for LA can reference it and learn effective practices for presenting to stakeholders / managers / team members.

Action Items

The phases in the guide-making process are listed below. Each phase displayed in blue is linked to a wiki page with instructions on how to complete that phase. Open the wiki page in a new tab, copy the instructions for each part into the section labeled 'Tasks' at the bottom of this issue, and complete each task listed.

• Gather Examples Solo (open in a new tab)
• Gather Examples Collaboratively
• Create a Guide Draft
  • If needed, create a template
• Have your guide peer reviewed
• Present your guide for leadership review

Resources/Instructions

Draft Guide UX/UI Designers: Here’s how to present your work

Guide card Illustration and image credit information is in the Toolkit page Figma file (blue rectangle on bottom left)

Projects to Check

• 100 Automations
• 311 Data
• Access the Data
• BallotNav
• Brigade Organizer's Playbook
• Civic Tech Index
• Civic Tech Jobs
• Civic Tech Structure
• Data Science Projects
• Design Systems
• Engage
• Expunge-Assist (formerly known as Record Clearance)
• Food Oasis
• GreenEarthOS
• Guides
• HomeUniteUs
• Internship project
• Lucky Parking
• Open Community Survey
• People Depot
• Tables team
• TDM Calculator
• VRMS
• Hack for LA's Website
• Youth Justice Nav

Tasks

• This is where you will copy instructions from the wiki page for the step you are currently on.

[daniellex0]

@dhwanirparekh added as reviewer - after @simrandhaliw converts file to Google doc

[dhwanirparekh]

@simrandhaliw I have added review comments to the google doc

[anonymousanemone]

For devs adding this guide to the Toolkit page: the guide card Illustration and image credit information is in the Toolkit page Figma file (blue rectangle on bottom left)

[ExperimentsInHonesty]

This guide is well written. The only remaining items seems to be making it conform to the guide template (which has changed a little since this guide was originally developed.

[ExperimentsInHonesty]

Civic Tech Jobs - UI/UX Designer

From the hackforla.org website project page: https://www.hackforla.org/projects/civic-tech-jobs

[JesseTheCleric]

Prior version of issue

Overview

We need to create a guide for how UX/UI designers should present their work, so that designers at Hack for LA can reference it and learn effective practices for presenting to stakeholders / managers / team members.

Action Items

• Research existing information about presenting UX/UI designs in HfLA resources and online articles
  • Once done, remove the "Guide: Research" label and add the "Guide: Gather Examples" label
• Gather examples of how other projects or volunteers have done this (if any exist), adding each example as a link in the resources section below
  • Once done, remove the "Guide: Gather Examples" label and add the "Guide: Draft Guide" label
• Create a draft guide, either in markdown format in this issue or a google doc in the [ux/ui google drive]
  • Once done, remove the "Guide: Draft Guide" label and add the "Guide: Review Guide" label
• Review the guide with UX/UI community of practice
  • Once done, remove the "Guide: Review Guide" label and add the "Guide: Leadership Review" label
• Present to the Hack for LA leadership team for sign off
  • Once approved, remove the "Guide: Leadership Review" label and add the "Guide: Place Guide" label

Resources

Projects to check

• 100 Automations
• 311 Data
• Access the Data
• BallotNav
• Brigade Organizer's Playbook
• Civic Tech Index
• Civic Tech Jobs
• Civic Tech Structure
• Data Science Projects
• Design Systems
• Engage
• Expunge-Assist (formerly known as Record Clearance)
• Food Oasis
• GreenEarthOS
• Guides
• HomeUniteUs
• Internship project
• Lucky Parking
• Open Community Survey
• People Depot
• Tables team
• TDM Calculator
• VRMS
• Hack for LA's Website
• Youth Justice Nav

Drafts

Draft Guide

Guide card Illustration and image credit information is in the Toolkit page Figma file (blue rectangle on bottom left)

[JesseTheCleric]

Assignee, Labels, Project Board Placement, and Milestones for this issue in the UI/UX Repo:

[JesseTheCleric]

Files in this Issue

Draft Guide: How to present your design work

• This file will need to be moved to the knowledgebase-content Google Drive
• Unable to move this document to the knowledgebase-content Google Drive