IBM.com spatial model and screen region study - Githubissues

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

This is the Carbon for IBM.com website, which includes documentation and guidelines around design and development for IBM.com

https://www.ibm.com/standards/carbon/

Apache License 2.0

40 stars 42 forks source link

IBM.com spatial model and screen region study #1074

Closed ghost closed 2 years ago

ghost commented 4 years ago

Objectives

As multiple popups, overlays, and banners are added to IBM.com, we need a guidelines around where what should be fitted to form a consistent and logical mental model. Eg) User conversation interstitials such as UMX and Site feedback are in the lower right corner, while notifications are in the lower middle, and banners are at the top. (this is just an example).

Tasks

[ ] Collect potential interstitial components on IBM.com and put together a list
[ ] Study different models
[ ] Define different spaces for different components

THings to consider

What are the mental model and the logical backing of it? Eg) Why should the Let's talk button positioned in the lower right corner?
Known interstitial components of IBM.com
- UMX
- Site feedback
- Banner (COVID-19 at the top is current example)
- Locale change notification
- Other potential generic notifications
- System alert and announcements (the yellow banner of v18)

shixiedesign commented 3 years ago

Moved over from Ideation repo for record and potentially picking it back up.

RobertaJHahn commented 2 years ago

This should be part of the Style Model guidance. Closing