Pattern: rich overview, visual design study

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

264 stars 157 forks source link

Pattern: rich overview, visual design study #393

Closed jeffchew closed 4 years ago

jeffchew commented 4 years ago

Wonil-Suh1 created the following on Sep 08:

User story

As a user of IBM.com, I need a way to understand the benefits and value of the product / solution / offering presented on the page quickly through text and media such as video so that I can make a decision on whether I should continue with the page or not.

Notes

This is a pattern that is not clearly defined from our past work. This needs some exploration.

Acceptance criteria

[x] Collect examples
[x] identify design direction through exploration

Original issue: https://github.ibm.com/webstandards/digital-design/issues/1608

jeffchew commented 4 years ago

On Sep 17, larahanlon commented: Visual studies Sketch file is here. Explorations so far include:

[x] Text-based pattern
[x] Text+pictogram
[x] Text+image
[x] Variations in type styles
[x] Variations in layout

I need to understand what kind of content could go into a rich pattern Vs simple. Will talk to Jill.

jeffchew commented 4 years ago

On Sep 22, larahanlon commented: From meeting with Jill on Thursday Sept 19.

Rich overview should include:

Short copy with a high-level description or summary of the product/topic.
Different types of media eg. images, video, product dashboard.
Could have interactive components.

jeffchew commented 4 years ago

On Sep 30, larahanlon commented: Initial design studies complete for sprint 18. Sketch file with explorations available here.

This work will inform https://github.com/carbon-design-system/ibm-dotcom-library/issues/393 visual design and https://github.com/carbon-design-system/ibm-dotcom-library/issues/393 specs in the next sprint.

jeffchew commented 4 years ago

On Sep 30, linda-carotenuto commented: Looks good. Do you have the design direction you need?

jeffchew commented 4 years ago

On Sep 30, larahanlon commented: Thanks @linda-carotenuto yes I think I have what I need for now. The next step for https://github.com/carbon-design-system/ibm-dotcom-library/issues/393 in my opinion is for Wonil and I to review the best layouts/type styles and content variations with Jill and stress test across all breakpoints.