carbon-design-system / carbon-for-ibm-dotcom

Carbon for IBM.com is based on the Carbon Design System for IBM
https://www.ibm.com/standards/carbon/
Apache License 2.0
268 stars 156 forks source link

Design explorations for IBM.com cookie preferences - Intern exercise #6431

Closed maryjiang-ibm closed 3 years ago

maryjiang-ibm commented 3 years ago

Objective

Create additional design explorations for IBM.com cookie preferences, building upon the ongoing redesign by the Commons team. This is a learning exercise to familiarize DGC interns with the dotcom design system.

Tasks

Acceptance criteria

Additional Information

Design spec: cookie_notes_from_shixie.txt

Existing designs: component--cookies--visual-spec.sketch.zip

[Current experience on IBM.com] Screen 1 - Personalize preferences image

[Current experience on IBM.com] Screen 2 - Personalize preferences (ft. advanced settings) image

shixiedesign commented 3 years ago

Feel free to join design reviews and huddles if you d like some eyes on any WIP!

maryjiang-ibm commented 3 years ago

Questions on the existing redesign

Playing devils advocate 😈

1. Initial banner

  1. Why did legal request 3 buttons (accept all, proceed with required, manage settings)? Could we replace the "Proceed with required" secondary action with "Manage settings"? To visitors, the distinction between accepting all vs. required cookies is likely fuzzy.

image

"View and manage cookies" modal screens

  1. Could the info fit in 1 screen? 2 screens for this seems redundant.
  2. How appropriate is a modal? The tables to display the cookie details take up a lot of space (possible scroll issues). Perhaps a fullscreen page is appropriate for exploring the advanced details.

image

shixiedesign commented 3 years ago

Great questions!

Why did legal request 3 buttons (accept all, proceed with required, manage settings)? Could we replace the "Proceed with required" secondary action with "Manage settings"? To visitors, the distinction between accepting all vs. required cookies is likely fuzzy.

IBM is trying to be ethical here. By having "Accept required" or "proceed with required", we expose the option of NOT tracking the visitor. Usually sites more concerned with selling you things will hide this button so people will just push "Accept all" and consent to being tracked, and become target for ads.

maryjiang-ibm commented 3 years ago

🔭 Exploration 1: two-panel modal

image

maryjiang-ibm commented 3 years ago

🔭 Exploration 2: Full-pager

image

maryjiang-ibm commented 3 years ago

cookies-explorations-june2020.zip

Sketch file of first two explorations and screenshots of cookie consent experiences on other sites.

maryjiang-ibm commented 3 years ago

🔭 Exploration 3: Single-panel modal

image