Prototyping - User Flow v1

itsjoycelee commented 4 years ago

Overview

Tasks related to a small section of user flow to test usability (Not entire functionality)

Action Items

Left Bar:

[x] Select date - last 12 months (Jan 2019 - Dec 2019) | Prototype + Page
[x] Select NCD: Arroyo Seco; Bel Air-Beverly Crest, Canoga Park | Prototype + Page
[x] Select Request Type: Bulky Items [BLK], Homeless Encampment [HLE] , Metal/Household Appliances [MHA], Illegal Dumping [ILD] | Prototype + Page
[x] Hover - infographic - Request type | Prototype + Page
[x] Submit - Loading | Prototype + Page

Map:

[x] Map Key/Legend Component Creation | Component
[x] Map Scale Component Creation | Component
[x] New Map Component (Scale + Legend) | Page
[x] Transition from Pins to Heat Map | Prototype
[x] Satellite to Street View | Prototype
[x] Selecting specific pin | Prototype
[x] Zoomed-out view in Satellite | Component
[x] Legend/scale for heat map colors | Component
[x] Updated colors for pins (for better visibility in Satellite mode) | Component
[x] Large photo view (from pins w/ info) | Prototype
[x] Pin info window with no pictures | Component
[x] Border over hovered thumbnail in pin info window | Prototype + Component
[x] Switching tabs from Map to Data Visualization | Prototype
[x] Zoom in / zoom out buttons on map | Prototype + Page

Data Visualization:

[x] Criteria + Legend to match left bar | Prototype + Page
[x] Create new page with box and whisker replacing time to close chart (Compressed and Expanded) - this is going to be the main pages to refer from going forward | Page
[x] Click - Drop down for Export Page | Prototype + Page
[x] Click - Drop down for Export Page highlight Hover for PDF | Prototype + Page
[x] Create new page for Export Page view for PDF, Email, etc. | Page
[x] Click - Drop down for Frequency Chart Export | Prototype + Page
[x] Click - Drop down for Frequency Chart Export highlight Hover for Email | Prototype + Page
[x] Page - Frequency Chart Image Export | Page
[x] Hover - Frequency Chart - Request type: # of request (choose one) | Prototype + Page
[x] Hover - Time to close Chart - Max, min, mean, upper quartile/lower quartile (choose one to display) for one request type | Prototype + Page
[x] Hover - Total Request Chart - Request type: # of request | Prototype + Page
[x] Hover - Pie Chart - How people contact 311 - Method and request (choose one) | Prototype + Page
[x] Hover -Pie Chart - Type of Request: # of request (choose one) | Prototype + Page
[x] Click - Compress left bar | Prototype
[x] Click - Drop down for Compare - Frequency Chart | Prototype + Page
[x] Click - Drop down for Compare - Frequency Chart Hover for OTHER [OTH] | Prototype + Page
[x] Compare Frequency Chart Page Ensure left bar Request type <!> and hover attention (Pre-submit) | Prototype + Page
[x] Compare Frequency Chart Page Ensure left bar Request type <!> and with District 2; District 4; District 7; District 15 selected (Pre-submit) | Prototype + Page
[x] Compare Frequency Chart Page Ensure left bar Request type <!> and hover attention (Post-submit) with updated criteria | Prototype + Page
[x] Compare Frequency Chart Page Ensure left bar Request type <!> (Post-submit) with updated criteria click drop down to select other request type - no action (just need to show functionality) | Prototype + Page
[x] Compare Frequency Chart Page Ensure left bar Request type <!> (Post-submit) hover over district and neighborhood council | Prototype + Page
[x] Compare Frequency Chart Page Ensure left bar Request type <!> (Post-submit) Click - Drop down for Frequency Chart Export (no click just show functionality) | Prototype + Page
[x] Compare Frequency Chart Page Ensure left bar Request type <!> (Post-submit) X function back to data visualization | Prototype

Resources/Instructions

Task tracking here

itsjoycelee commented 4 years ago

Met with UI/UX team today and reassigned tasks. Worked on creating pages/components and protyping. - will continue on Tuesday on hacknight. ETA 2/9.

Ambmoney commented 4 years ago

Ok, I appreciate your letting me know.

On Sun, Feb 2, 2020 at 1:53 PM itsjoycelee notifications@github.com wrote:

Met with UI/UX team today and reassigned tasks. Worked on creating pages/components and protyping. - will continue on Tuesday on hacknight. ETA 2/9.

— You are receiving this because you were assigned. Reply to this email directly, view it on GitHub https://github.com/hackforla/311-data/issues/217?email_source=notifications&email_token=AOH6DPAYECKG3MKWC6JJ5PTRA46ELA5CNFSM4KNN3MXKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEKSCAVY#issuecomment-581181527, or unsubscribe https://github.com/notifications/unsubscribe-auth/AOH6DPCFGCDEIJBWDZRYBVDRA46ELANCNFSM4KNN3MXA .

--

~Alexis Bradley~

Realtor 858.231.3758

Realty One Group / Eye On Realty

Alexis@EyeOnRealty.com

EyeOnRealty.com

*Note mailing address: 1155 E Twain Ave #108-46 Las Vegas NV 89169

This e-mail communication contains CONFIDENTIAL INFORMATION WHICH ALSO MAY BE LEGALLY PRIVILEGED and which is intended only for the use of the intended recipient(s) identified above. If you are not the intended recipient of this communication, you are hereby notified that any use, dissemination, distribution, downloading or copying of this communication is strictly prohibited. If you have received this communication in error, please notify us immediately by e-mail or by telephone at (858)231.3758 and delete this communication and destroy all copies. Thank you for your cooperation.

itsjoycelee commented 4 years ago

2/11 Initial Prototype Complete

itsjoycelee commented 4 years ago

https://www.figma.com/proto/9RJJyaGAdT5hcRuv9PUMOY/311-Wireframe-v1.0?node-id=485%3A4463&scaling=min-zoom

itsjoycelee commented 4 years ago

Completed first iteration of prototype

hackforla / 311-data