Versions Compared

Old Version 1

changes.mady.by.user Adam Butterworth

Saved on

compared with

New Version Current

changes.mady.by.user Jeff Witt (Deactivated)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Goals

  • Review / Accept Cards Design

  • Review / Accept Alerts Design

  • Review / Accept Form Fields Design

...

Time

Item

Presenter

Notes

10

Cards

Adam Butterworth (Deactivated)

https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=3460%3A286

  • Needs interactive card designs (focus states)

  • Connect with Jeff on markup considerations

  • Note that Course Card Images have constraints

  • In docs: Mobile responsive. Add notes about (this is probably not something to keep on mobile, think of alternatives/examples)

10

Alerts

Bronwyn Hawkins (Deactivated)

Alert

  • Show in context.

  • Show design for links in alerts?

  • Dismiss: X disagreement. we have a bunch of them. revisit Dismiss vs. X.

  • What does i look like with just dismiss button

  • Page level messages, where do they go? What is their appropriate width? Will work on with Container Components and page layouts

  • ORA extreme danger alerts? “What are the triggers of those errors?” that might help us think whether those should be a variant of this or something new. Ben will follow up. Some consensus that this is a different thing. Team working on ORA is calling this “emphatic alert.“

  • We’ll add a note on that page that we’re sitll discussing the Dismiss button vs X.

20

Form Fields

Bronwyn Hawkins (Deactivated)

https://www.figma.com/file/dJr5ixCRKlXiuA4BsKxAk3/Design-System-Workspace?node-id=1796%3A4

  • Avoid the yellow as error color. Group agrees, no design should put validated forms on dark backgrounds. “Don’t do that”

  • Character count requirements. Useful for title fields etc. Used somewhere in proctoring. Making it accessible is interesting. Matt Hughes did that work, check in with him.

  • Adam connect with Wajeeha on ticketing

    • Paragon board as source of truth. squad board has a ticket that points to Paragon. Paragon core ticket.

    • Separate out the creation of the paragon component from the use of it. explicit about whether the ticket is for building or not

Action items

Decisions

  • Accept Cards as is. Will revisit interactive states
  • Accept Alerts, but add note that Dismiss, vs X is still under debate. We will follow up, but not blocking for now
  • Accept Form fields. Remove design options for validation of fields on dark backgrounds. Instead the rule is “don’t put validated forms on dark backgrounds”