November 11, 2020, 12:00pm EDT

Consentful UX

November 11, 2020 by Clayton Dewey and Johanna Bates

We design and build websites because we want people to come to them. There is so much information, so much noise, especially now, that website makers are often pressured to keep users’ attention, no matter what it takes. This often means attempting to “engage” users in ways that we would never dream of doing with a person face-to-face: interrupting them, stalking them around a web page, and using deceptive, manipulative language to get them to remain on a site or take a particular action.


But just because these UX tactics can sometimes garner us a few extra newsletter subscriptions, donations, or purchases, does that mean we should use them?


We want people to read our content, find our helpful resources, donate to our organizations, and discover and purchase our products. In addition, we are often asking our users to share vulnerable info with us, such as credit card info for a donation or a purchase, or to fill out a survey so we can better understand their needs.


Especially in this time of global upheaval, when most people are carrying around extra stress and cognitive load, this contract between site makers and users is particularly delicate.


The Design Justice Network used the framework of the Planned Parenthood FRIES definition of consent (Freely-given, Reversible, Informed, Enthusiastic, Specific) to define the concept of consentful tech. We will look at some common UX patterns, including modals, manipulinks, and other dark patterns, and consider how they can erode user focus, attention, and trust. We will share some alternate examples of patterns that are respectful of users. You will leave with a consentful UX framework to bring to your own creative design and development work.

 

About Johanna Bates - Co-Founder & Principal of DevCollaborative

Image

Co-founder of DevCollab, Johanna began her formal tech career at WGBH Boston in 2000. In her front-end development work, she prioritizes web accessibility and mobile-first progressive enhancement. She is a longtime volunteer community leader for NTEN.org, and is co-organizer of the annual DrupalCon North America Nonprofit Summit. You can find her on Twitter @hanabel.

About Clayton Dewey - Technical Product Owner at DevCollaborative

Image

Clayton has been working in nonprofit technology and web development since 2011. He applies his background in linguistics and sociology to ensure websites meet users' needs. Aside from content strategy and user experience design, Clayton also enjoys being a goofy dad and always appreciates a good paraprosdokian.

Register for Consentful UX

July 8, 2020

12:00pm EDT

Olivero: The Making of Drupal 9’s New Front-end Theme

July 8, 2020 by Mike Herchel

Watch the recording

Olivero is a modern and fresh theme that is being developed for Drupal 9 core, which aims to be the default front-end theme in Drupal 9.1 (replacing Bartik). This session will go into the nitty-gritty details, smoke-filled backrooms, and conniving creation of this theme.

  • Origin and timeline
  • Design process overview
  • Technical challenges
  • Community challenges
  • Accessibility challenges
  • Current status
  • Walkthrough

This session will have a hefty question and answer component, and may be interspersed with occasional humor and memes.

 

About Mike

Image

Mike Herchel is a senior front-end developer that’s been developing with Drupal for over 13 years. He’s passionate about web performance, usability, and accessibility. You can often find him speaking on these subjects at DrupalCamps, DrupalCons, and various other web development conferences. Mike is a primary organizer of Florida DrupalCamp, and is the maintainer of the Quicklink module. Currently, Mike is helping to lead a Drupal core initiative to create a new front-end theme for Drupal 9.

 

August 12, 2020

Getting Graphic: Reinventing Design with Type on the Web

August 12, 2020 by Jason Pamental

Watch the recording

Presentation slides & resources

Graphic designers have customized layouts and title pages in magazines for decades. But, between the limited technology of the early web, and our race to systematize design once we had sufficiently capable technologies, we’ve missed out on much of what good graphic design has to offer. Now that we’ve designed our systems, polished our patterns, and perfected our pages, it’s finally time to refocus on the specifics. With scaling typographic systems, we can leverage the power of modern CSS and variable fonts to create compelling, unique design variations tailored for the content they render. In this talk, Jason will look at powerful examples of publication design, and explore how many of those concepts can be incorporated in our own work in compelling and sustainable ways.

About Jason

Image

Jason Pamental is a strategist, UX leader, technologist, expert in web typography, and Invited Expert on the W3C Web Fonts Working Group. He writes, speaks, and works with teams and brand owners on how to set type better on digital platforms. He has spoken with organizations like Adobe, Audible, Condé Nast, GoDaddy, IBM—and given presentations and workshops at conferences all over the world. I also publish a newsletter on web typography. Learn more about Jason.

September 9, 2020

CSS is Rad

September 9, 2020 by Miriam Suzanne

Depending who you ask, CSS is either awesome or broken. CSS is not a programming language, unless it is. CSS is too simple and entirely too difficult. CSS is weird – not like other languages, and not like print design either, but trapped in a strange middle ground with unique rules and constraints.

The web is designed to work across platforms, devices, languages, and interfaces – but how can we possibly design for that unknown and always-changing canvas? CSS is designed to be resilient, declarative, accessible, and contextual – with progressive enhancement and graceful degradation built in. We’ll look at practical ways to leverage those aspects of the language in our everyday work. We don’t have to wait years for support in every browser before we use the new features, and we don’t have to duplicate our work for every browser we support. From layouts to variables, support queries, and duplicated properties – we can write resilient and modern CSS that works across the entire web, now and into the future.

 

  • Use new features before they are universally supported
  • Support more browsers with less work
  • Use different fallback methods depending on the circumstances
  • Understanding caniuse.com as a guide, rather than a gatekeeper
  • Understand the radical vision that makes design on the web so unique… and weird

 

About Miriam

Image

Miriam is a user-experience expert, and a pioneer of modern CSS techniques – W3C Invited Expert on the CSS Working Group, member of the Sass core team, and creator of the popular Susy and True libraries. Miriam is a teacher and open-web advocate for Mozilla Developer, staff writer for CSS-Tricks, co-author of SitePoint’s Jump Start Sass, and internationally known conference speaker

Register for CSS is Rad