Note: This section of the site is under heavy construction, tread carefully.

Bookmarks tagged with “designthinking”

302 bookmarks by garrettc


Why it's time to update our language about bad design patterns by Amy Hupe, content designer.

Why we need to retire the racist term we use to describe bad design patterns, and what to use instead.

Bookmarked on #


Adactio: Journal—Pace layers and design principles

"I think it was Jason who once told me that if you want to make someone’s life a misery, teach them about typography. After that they’ll be doomed to notice all the terrible type choices and kerning out there in the world. They won’t be able to unsee it. It’s like trying to unsee the arrow in the FedEx logo. I think that Stewart Brand’s pace layers model is a similar kind of mind virus, albeit milder. Once you’ve been exposed to it, you start seeing in it in all kinds of systems."

Bookmarked on #



Data Sonification Archive

"This curated collection is part of a broader research endeavor in which data, sonification and design converge to explore the potential of sound in complementing other modes of representation and broadening the publics of data. With visualization still being one of the prominent forms of data transformation, we believe that sound can both enrich the experience of data and build new publics. "

Bookmarked on #


The Layers of the Web - Jeremy Keith - YouTube

"Together we'll uncover how to build resilient, performant, accessible and beautiful structures that work with the grain of the materials of the World Wide Web."

Bookmarked on #


Fonts Knowledge - Google Fonts

"Welcome to our library of original guides to the world of typography, which the Google Fonts team is producing in collaboration with typographic experts from around the world. Google Fonts Knowledge enables designers and developers of all skill sets to choose and use type with purpose."

Bookmarked on #



Virgil Abloh’s Free Game

A step-by-step guide to creating a brand and everything around that, from the late Virgil Abloh.

Bookmarked on #




gridless.design

get rid of the grid!

Bookmarked on #


Pace Layering: How Complex Systems Learn and Keep Learning

"Civilizations with long nows look after things better," says Brian Eno.  "In those places you feel a very strong but flexible structure which is built to absorb shocks and in fact incorporate them.

Bookmarked on #


The Metaverse Primer

"The Metaverse: What It Is, Where to Find it, Who Will Build It?"

Bookmarked on #



Design Systems Collection

Explore our free collection of design systems courses taught by Ethan Marcotte.

Bookmarked on #


Design Systems: Step-by-Step Guide to Creating Your Own

"Design doesn’t scale easily. Efficiency doesn’t emerge from thin air. Scaling design through hiring, without putting standards in place, is a myth. With every new hire, new ideas for color palettes, typography and patterns appear in the product, growing the inconsistency and increasing the maintenance cost. Every new hire increases the design entropy. There’s only one way to stop the growth of the chaos. Committing to running a design system process. Gradual growth of a design system equals gradual increase in consistency and speed of software development. Design scales. But it scales only with a design system."

Bookmarked on #


Design leadership: How to establish a design-led culture in your organisation

`I’m going to talk through some of the issues I’ve faced and actions I’ve taken when it comes to embedding a “design” culture, and to provide you with a simple 7-step guide doing the same. This post isn’t about what makes a great design lead (as I’ll be talking about that in a future post); rather, how to get your whole organisation on board with design thinking.`

Bookmarked on #


List of Aesthetics

"[Aesthetics Wiki] is a comprehensive encyclopedia of online and offline aesthetics"

Bookmarked on #



Three futures: Exploring the future of web monetization

"This paper aims to kick-start this sort of discussion for Web Monetization by exploring its potential long-term impacts; positing both positive and negative ways the technology may change how we use the web, and providing recommendations to ensure they result in a more equitable, open, and diverse web."

Bookmarked on #




How To Configure Application Color Schemes With CSS Custom Properties

"In this article, Artur Basak introduces a modern approach on how to set up CSS Custom Properties that respond to the application colors. The idea of dividing colors into three levels can be quite useful: a palette (or scheme), functional colors (or theme), and component colors (local scope)."

Bookmarked on #


The UX of LEGO Interface Panels

Piloting an ocean exploration ship or Martian research shuttle is serious business. Let’s hope the control panel is up to scratch. Two studs wide and angled at 45°, the ubiquitous “2x2 decorated slope” is a LEGO minifigure’s interface to the world. These iconic, low-resolution designs are the perfect tool to learn the basics of physical interface design. Armed with 52 different bricks, let’s see what they can teach us about the design, layout and organisation of complex interfaces.

Bookmarked on #


7 Gestalt principles of visual perception: cognitive psychology for UX

"The human brain is wired to see structure, logic, and patterns. It helps us make sense of the world. In the 1920s a group of German psychologists developed theories around how people perceive the world around them, called Gestalt principles."

Bookmarked on #


The Cicada Principle, revisited with CSS variables

"…when using repeating elements (tiled backgrounds, different effects on multiple elements etc), using prime numbers for the size of the repeating unit maximizes the appearance of organic randomness."

Bookmarked on #


Lights and Shadows

"It’s hard to describe how paramount light is. Ultimately, it is the only thing we see. But just as important the presence of light is, so is its absence."

Bookmarked on #



The Layers Of The Web

The opening presentation from the Beyond Tellerrand conference held in Berlin in November 2019.

Bookmarked on #


colors.lol

Overly descriptive color palettes. A fun way to discover interesting color combinations.

Bookmarked on #


Pure CSS Landscape - An Evening in Southwold

"A Pure CSS Landscape No images, just CSS Edit the CSS at the top and choose your own sunset colour."

Bookmarked on #


The Theory: A Semantic Color System - DEV Community 👩‍💻👨‍💻

“This post is the first in a three-part series about how our team at You Need a Budget (YNAB) thinks about color in our design system. We'll go over the principles of how our system works, what inspired us to build it, and why we're excited about it.“

Bookmarked on #


PACT Analysis

What Is A PACT Analysis? People: relevant user characteristics and skills Activities: how is the activity currently carried out? Why? What can be improved? Context: the environment of the activity Technologies: what tools are used now, and how might new developments be used?

Bookmarked on #



Draw all roads in any city at once

This website allows you to select a city and then draws every single road on a screen.

Bookmarked on #


Typeset In The Future

"This site is dedicated to typography and iconography as it appears in sci-fi and fantasy movies and TV shows."

Bookmarked on #




Unix philosophy

Do one thing and do it well

Bookmarked on #


Slack Design Kit

In 2016, Slack was two years old and already used by millions of people. Our codebase had grown rapidly, and like many companies that focused on product/market fit, our code was built in a way that favored time-to-market over maintainability, consistency, or reusability.

Bookmarked on #


The Longest Date String

"Given a date format like “Thursday, January 21, 2010” and limited space to drop in this string on a page, what is the maximum width of this string as rendered in Georgia or Helvetica/Arial?"

Bookmarked on #


Dancing the flip-flop

There’s a particular process I’m fascinated by, and I tell people about it all the time, but recently I realized I’d never actually written it down—so here you go.

Bookmarked on #


The Future Will be Technical

"In November, I was given the chance to create non-developer resources for Scuttlebutt. The goal for these would be to make Scuttlebutt understandable to folks who do not identify as “technical”, and to help communicate our culture to the rest of the world."

Bookmarked on #


Making Engineering Team Communication Clearer, Faster, Better

"Derek Parham specializes turning engineers into great communicators. Here's the framework he used to do it at both Google and on the Hillary Clinton campaign."

Bookmarked on #


Benefits of a connected design system

"We’re seeing more and more organisations, big and small, empowering design teams to think more systematically. Couple that with the adoption of declarative JavaScript libraries, such as React and Angular, we’re able to unlock new ways to use web components to design, build and maintain interfaces. This shift in approach is pulling design and engineering disciplines closer together, aligning workflows, and fundamentally changing the way teams communicate with each other."

Bookmarked on #


Population Mountains

The shape of cities, using population data for every 1,000 square meters.

Bookmarked on #


The&Partnership creates new visual identity for RNIB sight loss charity

Designer Marc Donaldson shares the journey of creating a "readable" logo for the organisation, with help from members of the blind and partially-sighted community.

Bookmarked on #


Gordon Brander: pattern

"This is my bag of tricks — loose notes, design patterns, rules-of-thumb, methods of enquiry, tools, cheatsheets, gimmicks, leverage points, descriptions of systems, key questions, risks, and unknowns."

Bookmarked on #


Weft. — Ethan Marcotte

"I wrote about trying to understand what you’re designing or building before you design or build it"

Bookmarked on #