惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
PCI Perspectives
PCI Perspectives
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Google Online Security Blog
Google Online Security Blog
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
The GitHub Blog
The GitHub Blog
S
Secure Thoughts
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
WordPress大学
WordPress大学
SecWiki News
SecWiki News
B
Blog
小众软件
小众软件
Hacker News - Newest:
Hacker News - Newest: "LLM"
Webroot Blog
Webroot Blog
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
L
LINUX DO - 热门话题
Recent Commits to openclaw:main
Recent Commits to openclaw:main
酷 壳 – CoolShell
酷 壳 – CoolShell
IT之家
IT之家
The Cloudflare Blog
Google DeepMind News
Google DeepMind News
Know Your Adversary
Know Your Adversary
Y
Y Combinator Blog
F
Fortinet All Blogs
W
WeLiveSecurity
博客园 - Franky
MongoDB | Blog
MongoDB | Blog
Last Week in AI
Last Week in AI
The Last Watchdog
The Last Watchdog
S
Schneier on Security
爱范儿
爱范儿
V
V2EX - 技术
L
LINUX DO - 最新话题
月光博客
月光博客
博客园 - 【当耐特】
Latest news
Latest news
阮一峰的网络日志
阮一峰的网络日志
博客园 - 司徒正美
U
Unit 42
Schneier on Security
Schneier on Security
E
Exploit-DB.com RSS Feed
J
Java Code Geeks
Cyberwarzone
Cyberwarzone
T
The Blog of Author Tim Ferriss
TaoSecurity Blog
TaoSecurity Blog
博客园 - 叶小钗
T
Troy Hunt's Blog
大猫的无限游戏
大猫的无限游戏
AI
AI
Security Latest
Security Latest

Matthias Ott

Hello Again, World This, Still Not for Everyone The Shape of Friction WeissKlang L1 – Punching Above Its Weight Continvoucly Morged Value Webspace Invaders To Affinity and Beyond The Mystery of Storytelling Amateurs! Echoes of Connection Linear() Is Not (That) Linear View Transitions: The Smooth Parts Adding AVIF and WebP Support to My Craft CMS Site Challenge Acoustic Room Treatment and Building Sound Panels, Part 1: Planning Play On Overshoot The HTML Output Element Listening Closely Compressed Fluid Typography The Lifeblood of the Web What Could Go Wrong? That’s My Rank Making Space CSS :is() :where() the Magic Happens Visual Regression Testing for External URLs With Playwright Jane Goodall’s Famous Last Words European Tech Alternatives 🇪🇺 Independent Type Foundry Advent Calendar – Day 24: NaN Independent Type Foundry Advent Calendar – Day 23: Typotheque Independent Type Foundry Advent Calendar – Day 22: 205TF Independent Type Foundry Advent Calendar – Day 21: HvD Fonts Independent Type Foundry Advent Calendar – Day 20: Frere-Jones Type Independent Type Foundry Advent Calendar – Day 19: Fontwerk Independent Type Foundry Advent Calendar – Day 18: Vectro Independent Type Foundry Advent Calendar – Day 17: Studio René Bieder Independent Type Foundry Advent Calendar – Day 16: R-Typography Independent Type Foundry Advent Calendar – Day 15: David Jonathan Ross Independent Type Foundry Advent Calendar – Day 14: Interval Type Independent Type Foundry Advent Calendar – Day 13: Newglyph Independent Type Foundry Advent Calendar – Day 12: Swiss Typefaces Independent Type Foundry Advent Calendar – Day 11: Sharp Type Independent Type Foundry Advent Calendar – Day 10: Colophon Foundry Independent Type Foundry Advent Calendar – Day 9: Commercial Type Independent Type Foundry Advent Calendar – Day 8: Letters from Sweden Independent Type Foundry Advent Calendar – Day 7: Lineto Independent Type Foundry Advent Calendar – Day 6: Ohno Type Company Independent Type Foundry Advent Calendar – Day 5: Milieu Grotesque Independent Type Foundry Advent Calendar – Day 4: TypeMates Independent Type Foundry Advent Calendar – Day 3: Klim Type Foundry Independent Type Foundry Advent Calendar – Day 2: Dinamo Independent Type Foundry Advent Calendar – Day 1: Grilli Type The Independent Type Foundry Advent Calendar 2022 A Conversation With ChatGPT ChatGPT, please explain websites in the words of William Shakespeare Transient Frameworks Leaving Twitter Behind Converting Your Twitter Archive to Markdown The Wrong Question It Wasn’t Written Syndicating Posts from Your Personal Website to Twitter and Mastodon Suspension None of Your Business Doing Our Part Patch That Package Brain Dump Generating Accessibility Test Results for a Whole Website With Evaluatory The CSS Cascade, a Deep Dive Updates About Updates How to Delete Your Commit History in Git Unblocking Your Writing Blocks, Part 2: I’m Not an Expert nor a “Thought Leader” Connections No Wrong Notes Better Options Design Debt Finite and Infinite Games Don’t Assume, Validate. Necessity Is the Ultimate Teacher One Egg Go Deep There Is No Secret Code Balancing Risk Blue Eyes, Brown Eyes The Shortcut Boomerang My RSS Feed Collection of Personal Websites Frequency The Illusion of Control The Decisions Journey Write It Down Nownownow Into the Personal-Website-Verse Considering the Opposite What is it for? Unlimited Bowling. Never done. We Are Team Internet. We Need to Save #NetNeutrality. Progressive Search Data loss (also) by JavaScript Books I Will Definitely Maybe Read in 2017 Starting to Write Notes
Fussy Web, True Meaning.
Matthias Ott · 2020-06-29 · via Matthias Ott

Sarah Drasner just published a fabulous article, In Defense of a Fussy Website, in which she makes the case that we should all design and build websites again that are a joy to visit. Sites with those little details that make you smile, with small delights and touches that really make users stay.

When a site is done with care and excitement you can tell. You feel it as you visit, the hum of intention. The craft, the cohesiveness, the attention to detail is obvious. And in turn, you meet them halfway.

Sarah Drasner

Sarah is so right: The Web is becoming more and more homogenous and unimaginative. The websites of today are primarily built with efficiency and usefulness in mind, but in turn, they often lack the creativity, playfulness, and dedication that make a site stand out and a joy to interact with.

What happened to the rampant playfulness of the early web and the Flash era? Back in the late 90s and early 2000s, the visual language of the Web was still developing but also so refreshing. Almost every website – even though a fair amount looked quite questionable by today’s standards – had their very own character and distinct charm to it. Now, almost all websites look the same. How did we end up here?

In the search for answers, it makes sense to take a look back at the history of a related profession that once faced a similar challenge: graphic design. After the iconic graphic designer Milton Glaser died this Friday, I listened to a few interviews he gave over the last years. At one point, he talked about how he perceived the state of graphic design earlier in his career, in the late 1960s. After the constructivists and modernists had dominated the visual language of design for several decades, everyone was striving to create design that was rational, functional, and formalistic. Design that was aimed at accomplishing a specific goal. Design that was promotional and persuasive. For him, this wasn’t enough. He wanted to create design work that would also speak to the other, the emotional part of the brain. Design that would tell a story and create affection, just like art. Affection not only for the work itself but also for the world at large.

According to Milton Glaser, “the most corrosive thing about the relationship between design and the public has been the idea that design is a manifestation of promotion and advertising.” And the marketing people, who came to dominate the landscape, were looking only into the past, trying to collect metrics that would reduce uncertainty and risk. As a result, design had become merely a means to an end.

It seems to me that the same can be said of today’s Web: Websites are primarily seen as functional software, built to fulfill a business objective and to reach quantifiable goals. The field of user experience is obsessed with KPIs, jobs-to-be-done, optimized user flows, and conversion rates. And in quest of ever more efficient processes – and in the spirit of true modernists –, design and development teams try to standardize solutions into reusable templates and components, streamlined pattern libraries, and scalable design systems. Don’t get me wrong: The establishment of design systems, of all the professionalization that has happened in the web design community at large, is a great thing. It’s an important advancement of a still very young profession. But maybe we are now at a point, where we must acknowledge that it is time for us to take the next step. We know how to design and build sites that have sufficient function and form. And, although we fall short in this regard, building performant and accessible sites should be perfectly doable by now, too. But this isn’t enough. We have to go beyond that. We have to take risks, tell stories, do the fussy work, and create affection to do work that does not only meet standards but exceeds expectations and surprises. We have to go deep and use our imagination. Not only for ourselves, but for the people who get to use our sites. And for the next generation of designers, developers, and creators on the Web – all those people who might fall in love with the Web, just like we did.

Who could explain it better than, once more, Milton Glaser in an interview with Debbie Millman:

In early life, […] we wanted to be professional, and we wanted our work to look professional. And we wanted it to have that veneer and that sense of authority that we saw around us. And it was all we really wanted to do. We got out of school and we wanted to have your work look like these marvelously put together, slick, effortless things that were in the world and you admired the people who could do that. And then, at a certain point you reach a professional level and your work looks like that and you realize: It’s not enough! That nearly getting to a point where your work looks good enough to be called professional, is only the starting point. I use the same metaphor for learning how to draw. When you start to learn how to draw you are so overwhelmed with the difficulty of making things look like what they are. You know, you have a cup and a saucer and you try to make it sit on the page and look like a cup and a saucer. And you almost die trying to control your nerve endings so that the object looks like it’s supposed to. And you spend years doing that. And finally, you get to the point where you can actually draw something that looks like what you’re drawing. And then, you discover: That’s not the point. That being able to make a drawing that looks like its subject is nothing. That it is only the starting point. Now you have to ask yourself: What can I do? A good drawing? Or an expressive drawing? Or a drawing that means something? Because the ability simply to make it accurate is a low-level ability. Even though it has taken you years to get to that point. And then to discover, it’s not very relevant. But there is no other way to get there.

The same is true of your own work. You sort of strive to make it look good, and make it look good as your peers’, and make it look as good as the other things in the art directors annual, and so on. Then, at a certain point, if you continue and persevere you realize it is not good enough. You have got to go beyond that level in order to engage that other thing, which is true expressive content. True meaning.

-

This is the 29th post of my 100 days of writing series. You can find a list of all posts here.

~

3 Webmentions

1 Repost

ⓘ Webmentions are a way to notify other websites when you link to them, and to receive notifications when others link to you. Learn more about Webmentions.