Posts tagged “design”, page 2

Heydon Pickering and Andy Bell have created a terrific resource for CSS layout patterns following algorithmic design principles.

We make many of our biggest mistakes as visual designers for the web by insisting on hard coding designs. We break browsers’ layout algorithms by applying fixed positions and dimensions to our content.

Instead, we should be deferential to the underlying algorithms that power CSS, and we should think in terms of algorithms as we extrapolate layouts based on these foundations. We need to be leveraging selector logic, harnessing flow and wrapping behavior, and using calculations to adapt layout to context.

This approach is precisely what I’ve been striving for ever since Jen Simmons’s Intrinsic Web Design talk from last year.

Ethan Marcotte:

When I’m asked to describe design systems work, I say the word that springs immediately to mind is mapmaking. As designers like Matthew Ström and Alla Kholmatova have argued, every website has a design system underneath it. Take yours, for example: your website’s interface is built from a library of components, each shaped by a series of design decisions and business needs. Your design system may not be explicit—maybe you don’t have a polished pattern library, or a set of well-defined design principles, or maybe your documentation’s not as robust as you’d like it to be—but it’s still a system. And in order to improve that system, you have to research it before you can begin to gradually, slowly improve it.

Adrian Roselli:

Underlines, the standard, built-in signifier of hyperlinks, the core feature of the web, are beautiful.

This is objectively true. They are aesthetically one of the most delightful visual design elements ever created.

They represent the ideal of a democratized information system. They are a frail monument to the worldwide reach of ideas and discourse. They are proof of our ascension from trees and swamps, a testament to our species’ intelligence, and a witness to our inevitable downfall.

❤️

In this 2019 GDC session, Subset Games co-foudner Matthew Davis details the Into the Breach design process from early drafts to the final balancing decisions. Davis dives into years of cut content and iteration to show how Subset Games approached the difficult design challenges of making Into the Breach.

Patrick Thornton:

The Galaxy Fold is the kind of device that a random user might think is interesting in the abstract. It’s a phone. It’s a tablet. It folds in half!

But good product design is not about letting your users design your products for you — it’s about solving users problems and making their lives better.

Robin Rendle:

Anyway, I asked Lindsay that question: what is it about web design that makes it so difficult to understand? She posited that the issue is that most people believe web design is like designing a book. Heck, we still call these things web pages. But Lindsay argued that building a modern website is nothing like designing a book; it’s more like designing a car.

Kevin Marks:

There’s a widespread movement in design circles to reduce the contrast between text and background, making type harder to read. Apple is guilty. Google is, too. So is Twitter.

My plea to designers and software engineers: Ignore the fads and go back to the typographic principles of print — keep your type black, and vary weight and font instead of grayness. You’ll be making things better for people who read on smaller, dimmer screens, even if their eyes aren’t aging like mine. It may not be trendy, but it’s time to consider who is being left out by the web’s aesthetic.

Joshua Benton:

This is a great idea: In order to reduce the number of its old stories that get recirculated as new, The Guardian is making a story’s age more prominent, both to readers and to those who might only see a link on social media without clicking through.

Casper Beyer:

Research has shown that modals that cannot be closed have the highest conversion rates.

Putting this on Medium: *chef’s kiss*

Tyler Sticka:

When everyone finished translating articles to semantic, accessible HTML, I let them in on a secret: This was still design. While we hadn’t yet incorporated color, typography or composition, we had made decisions about prioritization, hierarchy, information architecture and user experience. And those decisions would be the most resilient… accessible to virtually any visitor, not just those blessed few with perfect vision, hearing and mobility. The web was the only medium that offered designers the chance to craft one work for such a varied landscape with so few gatekeepers.

Garrett Dimon:

If you’ve spent any significant time on the web, you can likely feel how a website is built from the moment you open a page. Does it load quickly? Is anything broken? Does it work well with your password manager? Is it readable? You likely make a dozen judgments in a split second.

On the other hand, you know the moment you open a site that was built well. Everything just works. The people who built it took care with their markup and CSS to take full advantage of the power and built-in features of those languages.

These differences aren’t arbitrary. They’re the difference between a team that embraces and understands the web with all of its quirks and a team that scoffs at it and its constraints. But when constraints disappear, so does consideration. Forward progress is important, but we should take more time to consider the digital detritus that’s left behind. Bloated web pages. Sites that barely load.

David Heinemeier Hansson thinks that web design quality is at risk of regressing now that it’s increasingly difficult for designers to work directly with code:

The towering demands inherent in certain ways of working with JavaScript are rightfully scaring some designers off from implementing their ideas at all. That’s a travesty.

Erika Hall:

(You can’t just ask people what you want to know. Sorry.)

The most significant source of confusion in design research is the difference between research questions and interview questions. This confusion costs time and money and leads to a lot of managers saying that they tried doing research that one time and nothing useful emerged.

Lovely.

BDG shows how Celeste relates to real-life rock climbing and it totally clicks.

While most games will make you grind to improve your character, Celeste makes you grind to improve yourself. When you succeed, you keep that skill and that knowledge. And just link in real climbing, when you go back to a route you’ve already completed, you ask yourself: “how did I ever struggle with this?”

And that’s when you know… you have become the genius beefcake.

Will we ever run out of Celeste praise videos? I hope not.