GSA / data.gov

Main repository for the data.gov service
https://data.gov
Other
633 stars 100 forks source link

Catalog UI Redesign #4848

Open Bagesary opened 2 months ago

Bagesary commented 2 months ago

Purpose

We want to redesign the major UI elements of catalog.data.gov.

Given above purpose, conducting research, design and prototyping is needed to provide designs options.

Findings will be demonstrated and specific future actions will be decided.

Acceptance Criteria

[ACs should be clearly demo-able/verifiable whenever possible. Try specifying them using BDD.]

Background

[Any helpful contextual notes or links to artifacts/evidence, if needed]

Sketch

Design Prototype

[Notes or a checklist reflecting our plan for tackling the uncertainty] https://docs.google.com/document/d/1pOp4-YLcu3t1ZQQ60sJSZcEYi33qILJTHxcXTbCMaHA/edit

Ccacioli-Rei commented 2 months ago

Requirements and inspirations: https://docs.google.com/document/d/1pOp4-YLcu3t1ZQQ60sJSZcEYi33qILJTHxcXTbCMaHA/edit Catalog List: https://docs.google.com/spreadsheets/d/1nMkbX5MKBV14G7SyNbjrXLqIZtLW2SqS6uEZ-2kQrAo/edit?gid=0#gid=0

Ccacioli-Rei commented 2 months ago

@btylerburton @tdlowden Created a secondary color palette for data.gov, a bigger variety of color palette will help differentiate tags and files type on the "Catalog" page. You can see the colors on the link below under the Style Guide on the left menu. https://www.figma.com/proto/pzf102CQrXYRweRn7FnAC1/Data.gov-homepage?node-id=134-2257&t=yexbPYEgSWEHiIQL-1

I have started working on the catalog page mockup. I am working on the "Revision 1" files under the left menu on the link below: https://97hzyn.axshare.com/

During my search stage of the project, I found the link for https://data-uvalibrary.opendata.arcgis.com/search and https://opendata.dc.gov/search?collection=Dataset. I am not sure what kind of frame they are using for those two pages, but I was wondering if that is something we could explore?

tdlowden commented 2 months ago

My first reaction is that I like the direction you are heading! Looking forward to talking about this more. I even like the "Revision 1 - Old Version" concept with the thinner Data.gov header maybe more than the current one in the "Revision 1" section. Will be interested to hear others' thoughts.

I noticed the 2 sites you pointed to: UVA and DC, look like they were both using ArcGISHub: image

CarolinaC-REI commented 2 months ago

@tdlowden Thank you for the feedback, the "Revision 1 - Old Version" is a version we created a year ago based on the old site. I would recommend keeping the header consistent throughout the site. I will schedule a call with you and @btylerburton next week, to review it before presenting to the whole team for feedback.

btylerburton commented 2 months ago

@Ccacioli-Rei I wanted to drop this in as another source for inspiration. I really like how clean the interface in spite of the fact that they're managing huge amount of datasets under the hood:

General search:

Dataset page:

CarolinaC-REI commented 2 months ago

@btylerburton Perfect, thank you for sending the inspiration link. That is super helpful.

hkdctol commented 1 month ago

I put some initial comments at the bottom of https://docs.google.com/document/d/18OKzLm4EDmnQcX3jardrzM6HSN2_P6VWLx8zAs_iC2Y/edit?usp=sharing and encourage others to put in reactions to the mockup at https://97hzyn.axshare.com/?id=1lcvxi&p=data_catalog

CarolinaC-REI commented 1 month ago

Thank you, I will review shortly.