Guide: 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

• [x] Research existing information about presenting UX/UI designs in HfLA resources and online articles
  • [x] Once done, remove the "Guide: Research" label and add the "Guide: Gather Examples" label
• [x] 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
  • [x] Once done, remove the "Guide: Gather Examples" label and add the "Guide: Draft Guide" label
• [x] Create a draft guide, either in markdown format in this issue or a google doc in the [ux/ui google drive]
  • [x] Once done, remove the "Guide: Draft Guide" label and add the "Guide: Review Guide" label
• [x] Review the guide with UX/UI community of practice
  • [x] Once done, remove the "Guide: Review Guide" label and add the "Guide: Leadership Review" label
• [x] Present to the Hack for LA leadership team for sign off
  • [x] 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)

[daniellex0]

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

[simrandhaliw]

@dhwanirparekh here's the link to the google doc: https://docs.google.com/document/d/1DpGCa6tvYQrJb5Lmv2LggmCZeT8FEHj9/edit

[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