UX meeting 20190411

Attending: @ninavizz, @eloquence, @harrislapiroff, @creviera, @redshiftzero, @rmoll

Design Review:

Workstation branding + color schema wrap-up

• Peripheral but relevant considerations:
  • Workstation VisDe in the Web UI
  • Source UI: branding applied, here

Feedback, Authenticated User Badge:

• Jen
  • Likes text white
  • Square icon teal is ok, PP text white helps
• Allie
  • Likes contrast with white; doesn't feel it's overly contrast-y
  • Likes either one
  • Feels the 4th one from the bottom looks more polished/sleek, but really likes the white on the cyan

Feedback on Journo web ui presented as design "test" of system

• Nina warning: This is only a test of the established design system. It is only a test.
• Cyan as bg to links really doesn't work well in web mockups
• Info color (purple) works
• Green doesn't work so well

Action Items

• Left column branding
  • Refine #2
  • John really liked #4
  • Erik neutral
  • Jen cool with #2 or #3
• Convo pane ID Badges
  • Keep authenticated user's intials in white to be uniform w/ other newsroom journalists
• Authenticated user ID badge
  • All white or 4th one from the bottom
  • Not so "punchy" as the cyan is; does it need so much attention called to itself?

Did not get to:

• Prioritizing our Source users in 2019
  • 2019 Roadmap: Where da users? :(
• Discuss:
  • Evolving the SD brand: Next Steps
  • Defining SD users: who we think they might be, and who we're shaping this product to serve

Shoutouts:

• Soraya at EFF shared their internal and Pentagram-delivered brand documentation with me; siked to share, internally (check your emails)!
• NYT UX: Reimagining The Morning Briefing
  • Terrific case-study on user-centric design practices at work in a redesign of the NYT AM newsletter
• Conscious Styleguide: https://consciousstyleguide.com/
  • Epic guide to inclusive and empowering writing, with articles on the evolving landscape.
• Color Stuff
  • How hex colors work (Smashing Mag)
  • The science of color
  • Tiger color color theory basics
  • Cloudflare Design's badass color tool
  • Nifty visual pu-pu-platter of color schemas for known major brands
  • WCAG 2.0 Color Guidelines <—Accessibility nerdery
  • Color Hexa is Yet Another nifty tool