Design explorations for IBM.com cookie preferences - Intern exercise

[maryjiang-ibm]

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

• Analyze (i.e. collect screenshots) how popular websites handle cookies
• Create design explorations and share for review

Acceptance criteria

• [x] Sketch file of additional explorations (optional visual spec)

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

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

[shixiedesign]

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

[maryjiang-ibm]

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.

"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.

[shixiedesign]

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]

🔭 Exploration 1: two-panel modal

• Relationship between Screen 1 and Screen 2: If a user checks "Functional" and also goes to "Advanced settings", should the toggles for the functional cookies be on? What if they go back to Screen 1?

[maryjiang-ibm]

🔭 Exploration 2: Full-pager

[maryjiang-ibm]

cookies-explorations-june2020.zip

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

[maryjiang-ibm]

🔭 Exploration 3: Single-panel modal