Feed

In this feed I will share interesting news, articles, books and video's about UI, UX, web design, Design Systems, Drupal, new media and technology.

See me standing

A month after I became the proud owner of a sitting/standing desk, I came across this article. It's about how standing the whole day is just as bad as sitting all day. Luckily, the solution, as always, is variation. It's especially important to take a walk now and then.

Posted on
Should destructive buttons be hard to find?

Adam Silver, an expert on UI/UX design, had a discussion with his colleague: should a button that can do harm, such as deleting an item, be hard to find? Eventually, they reached the conclusion that it shouldn't be hard to find the button, but you have to build in a safety net if a user deletes something accidentally. This way, users who need to delete something can still easily find the button, but unwanted destructive actions are avoided.

Posted on
The aesthetic-usability effect

In this article the aesthetic-usability effect is explained by the UX experts of the Nielsen Norman Group. This effect makes users believe something (like a website or an app) is easier to use because it looks pretty. A solid argument to pay attention to how something looks besides of just making something user friendly. Author Kate Moran does warn there is a limit to this effect and that, even though a site or app may look pretty, this effect can't mask big UX problems indefinitely. 

Posted on
Full Focus

A small blog with a big message: Bill Wear argues that everything you do, you have do it with your full attention. This requires practice. Giving your attention to the things that truly matter.

Posted on
Hemingway effect

How to strategically make use of the 'Hemmingway effect', which basically means to stop in de the middle of a creative endeavour even though you feel you can go on. By doing this it's easier to get yourself motivated to start up the project the next time you're having a go. 

Posted on
Excessive screen time also harmful for adults

There is a lot of talk about screen time being bad for kids. But adults are not exempt to the downsides of being glued to a screen all day. It's bad for your eyes and passive screen time is being compared to sugar for your brain. That's why scientist advise to avoid screens for the first hour of the day. Instead you can read a book, listen to music or prepare a healthy breakfast.

Posted on
Skies before screens

Hannah Bussey emphasizes that it's important to go outside as soon as possible after waking. Bathing in the sunlight, even on a cloudy day and before you check your phone, works towards a good cardiac rhythm. Meaning you will sleep better at night.

Posted on
A $100 million dollar checkbox

In this expansive essay Adrian Hanft shows how important UI/UX design can be and why you always have to test your screens/ideas with the user. In 2017 a disastrous event  occurred when a American Navy ship became seemingly uncontrollable because a checkbox was activated but didn't get noticed by the crew. The ship collided with another ship and as a results there were deaths, injuries and millions of damages. Hanft argues this could all have been avoided if the screens were tested with the end users.

Posted on
Not having goals

Ryan Holiday explains why he doesn't have goals. It boils down to just doing the work and not making it dependent on some external factor like a goal. A goal doesn't say anything about the work you want to do.

Posted on
Swimming as a hobby

Ryan Holiday posts about his hobby: swimming. According to Holiday this is an ideal past-time because when you swim you're can't access screens or phones. He also makes it a sport to visit unique swimming spots when he is traveling.

Posted on
Posted on
target is blank or _blank?

I have never known the difference between <a href="#" target="blank">Link</a> or <a href="#" target="_blank">Link</a>, so I went looking and came across this Stack Overflow answer. It turns out that if you use 'blank' without an underscore, the link always opens in the same new tab or window, but if you use '_blank', a new window or tab is opened each time.

This just goes to show that even after 20 years of building websites, you can still learn something new.

Posted on
Everything about train travel

I love train travel, and it seems amazing to travel through Europe by train. This gentleman has apparently mastered train travel, so that's why I'm sharing this. Mainly as a reference for myself.

Posted on
Make it difficult

Ryan Holiday realizes that it is sometimes worth choosing the difficult path because it allows you to improve yourself. Take the bike instead of the car to get better fitness, or pick up a book instead of your phone to learn something new.

Posted on
How Spotify makes it increasingly difficult to find music

Kyle Chyaka writes that he has stopped using Spotify because it is becoming increasingly difficult for him to find the music he wants. The interface of Spotify is constantly being updated, with a growing focus on algorithms that determine what music you listen to. This is also referred to as 'corporate-centered' design, where the interests of the company take precedence over those of the user.

Posted on
Don't read new books

According to Janan Ganesh, it is better not to read new books immediately but to wait a few years after a book has been released. This way, you can see if the book stands the test of time. Truly great books remain valuable to read even after 10 or 20 years.

Posted on
Focus not on goals but on 'Quests'

According to David Cain, goals are too big, and it is better to break them down into small manageable 'quests' where the focus is on the process rather than the end goal.

Posted on
Scrum is not Agile

According to Adam Ard, the Scrum method has mutated into something that stands in direct opposition to the Agile Manifesto. Instead of developers being given more space, freedom, and time to deliver things, it is being misused by management to exert too much control. The solution? Give developers more ownership over the decisions that are made.

Posted on
Apple cider vinegar as a miracle cure?

Dominic Frisby observes the Ozempic hype with concern and offers an alternative: apple cider vinegar. He uses it (irregularly) three times a day (a teaspoon diluted in water) because it seems to suppress appetite. How scientific is it? No idea, but I think trying it for a while can't hurt.

Posted on
ChatGPT does not summarize

I use ChatGPT for just two things: translating and summarizing. This blogger found that ChatGPT doesn't summarize but only makes texts shorter. This leads to missing essential parts or misinterpretations.

Posted on
Collection of unethical patterns

Dark UI/UX patterns used to deceive users.

Posted on
Batteries are becoming increasingly cheaper

Batteries are an important component in making the transition to fully renewable energy possible. Auke Hoekstra predicts that batteries will become very cheap. By around 2030, you could buy a 20 kWh battery for your home that you can earn back in 3 years because you can store the generated energy (from, for example, solar panels).

Posted on
Responsive charts with HTML and CSS

Mathias Schäfer shares a nice way to create bar charts using just HTML, CSS, and SVG.

Posted on
Focus on your most important tasks with the most impact

Andrew Chen shares the idea of '10x work' on his substack. These are tasks that have 10 times the impact compared to other small tasks. Instead of being busy all day with reactive tasks like answering emails or attending unimportant meetings, shift your focus to creating/doing new things. As he puts it: "Agency and ownership rule the day, and this is why 'Send email to X' is stronger than 'Send reply to Y' — the best work does not happen in reaction to what others do."

Posted on
37 lessons from a 37-year-old Ryan Holiday

These I find interesting:

  1. The most important decision you make is to be in a good mood.
  2. Holiday doesn't set goals for himself but just does what he enjoys. The results will come naturally.
  3. If success doesn't make you a better person, then it's not success.
  4. Checking out of hotels is for amateurs. You can leave whenever you want.
  5. Say nice, complimentary things more often.
Posted on
Frank M Taylor is going all out on what is wrong with Front-end Development

According to Taylor, it all comes down to focusing on the content. It has become way too complex in recent years, and most websites only need simple HTML and CSS to display static information. Just think logically, says Taylor.

Posted on
Adjusting eating habits for a better climate and animal welfare

Two things I take away from this article by Hannah Ritchie: 

  1. Replacing chicken with beef can reduce your carbon footprint by up to 80%. However, you would need to slaughter more chickens to obtain the same amount of meat. Better for the environment but worse for the animals.
  2. If I want to make food choices that are better for the climate and animals, I should, of course, switch to vegetarian and preferably vegan options.
Posted on
We are being flooded with 'junk-food' information

Gurwinder observes that our brain is constantly seeking information. However, a lot of low-quality information is being produced to keep our interest.

His solution is to be aware of the information you consume using the 10-10-10 rule: 'If I consume this information, how will I feel about it in 10 minutes, 10 months, or 10 years?'. This way, you realize that in 10 years, you will probably benefit more from reading an informative book than scrolling through Instagram posts.

Posted on
Being in awe

Tim Ferris often talks about being in awe of the big things in life and how that makes you a better person. He therefore posted Ashley Simpson's article on his blog, which shows that being in awe can give you goosebumps. Such as watching nature (mountains or ocean) but also the smaller things like art (music or film) or seeing your own child learn to read and write.

Posted on
Being a slave to your own habits.

Markham Heid indicates in the article on the Financial Times that having seemingly productive habits also has a compulsive downside. Taking a break from doing the same things every day and trying something new can also have a positive effect on your life.

Posted on
Why do most people in Japan have a healthy weight?

Johann Hari conducted research in Japan and concluded that it is not genetic (obesity is actually a thing among Japanese immigrants), but it is about the food culture. Namely: Simple cuisine and flavors without too many additives, eating until you are 80% full because it takes longer for your brain to realize you are satiated, and there is a focus on how you eat (mindfully) and what you eat (healthy) in schools.

Posted on
Drupal for everybody with Drupal 'Starshot'

Last Drupalcon (2024 in Portland), Dries Buytaert, founder of Drupal, announced the Drupal Starshot initiative, which aims to make Drupal more accessible to beginners and specialists who can barely or cannot write any code. 

Starshot is a version that comes with many modules pre-installed and pre-configured by default. The features that are already built-in seem (suspicious? ;)) very similar to what I previously described in my blog about what every Drupal website should include from the start.

The beauty of this initiative is that expert users can still the flexibility of Drupal as they are used to because under the hood everything stays the same.

Posted on
Expansive overview of newly CSS functions you can use in 2024

It's interesting to see that CSS is including useful solutions which previously were only available if you were using SCSS or SASS.

Posted on
Collection of churches with brutalist architecture

Beautiful to see and visit someday?

Posted on
A good life according to Carl Jung

Arthur C. Brooks distills Jung's works into five pillars of a good life, namely: good physical and mental health, good relationships with other people, seeing beauty in art and nature, a good standard of living and meaningful work, and a philosophical or religious perspective.

Posted on
Testing with 5 users is usually more than enough

In an article from 2000 (but no less valuable for that!), usability guru Jakob Nielsen states that you only need to test something (a website or app) with 5 users. This will uncover 80 to 90% of all problems. Testing with more than 5 users results in a flattening curve of the number of issues found. Therefore, allocate more resources to testing more frequently with fewer users rather than testing once with a large number of users.

Posted on
Excersising is not only healthy but also good for creativity

In this article Ryan Holiday explains why exercise needs to be a part of your routine. For when you're stuck on a difficult problem. Clearing your head with some physical activity can give your productivity a boost.

Posted on
Terry McGovern warns: AI is not your friend.

McGovern indicates that AI is simply a variation of the advertising model. And if access to the AI is free, then you are the product.

Posted on
Figma prototypes vs HTML prototypes

Adam Silver argues why HTML prototypes are better than Figma prototypes. In summary: Figma is less realistic (for example, you can't fill out a form), you can't test it with a screen reader, you can't test responsiveness (from landscape to portrait), and hand-off to developers is more difficult.

Posted on
Robin Rendle sees it from the other side.

Previously, Robin Rendle was responsible for maintaining a Design System. Now, as a product designer on the other side, he realizes that a Design System should not be too restrictive. It's fine to have predetermined colors and button sizes, but don't be too rigid, or designers won't use it.

Posted on
Create more than you consume

On his blog, Omar Itani explains why you should create more than you consume. Research shows that spending 45 minutes a day on creative activities reduces stress. Additionally, consumption is pointless compared to creation, where in the end, you have something tangible. This resonates with me because it's about the process rather than the end product. The (creative) journey is more important than the goal.

Posted on
Expansive searchable database with artworks and photo's

Provided royalty free by the Getty Museum.

Posted on
Quote by Ryan Holiday about the 'Imposter Syndrome'

"The thing that’s wrong about imposter syndrome is that for the most part no one is thinking about you at all. They’re too busy with their own doubts and their own work."

Posted on
From research, it appears that it is better to write by hand when taking notes

When you write by hand, the brain is active in a different (and better) way. Because you have less time and space when writing by hand, you have to handle the information more carefully. During this process, you immediately weigh what is important, which helps you remember it better. Therefore, my intention is to make handwritten notes during meetings from now on and then process them digitally later.

Posted on
Carefully curated web design collection

Handy collection of inspiring web designs which are not too experimental and still useful for corporate websites.

Posted on
Noisy SVG

Daniel Immke shares a method to get a cool 'noisy' effect on SVGs.

Posted on
The Nielsen Norman Group has conducted research on the utility of the popular 'Dark mode' and concludes that offering this mode is not necessary in most cases.

Dark mode, displaying light text on a dark background, is, according to research by the NN Group, primarily for aesthetics, because users find it visually appealing. In exceptional cases, it can contribute to improved accessibility. However, always provide users with the option to switch between Dark and Light modes. Nevertheless, it is not less tiring for the eyes and results in minimal energy savings. Therefore, it is better to prioritize other matters, such as improved user-friendliness, rather than developing a Dark mode.

Posted on
Nicolas Bouliane had to fill out a monstrosity of a PDF form to register his address in Berlin. So, he created a user-friendly online form tool.

This is a great example of 'how it can be done'. Instead of an unclear and confusing PDF form that is difficult to fill out, Nicolas has built a user-friendly online form tool, step by step, with clear instructions.

Posted on
Bas Wallet argues that some countries are feminine (such as the Netherlands), while others are masculine (such as the United States), and that you can see this reflected in design expressions, such as the visual design of television programs.

In addition, masculine countries like the United States, Italy, and Greece would employ a more aggressive style, with competition (the strongest wins) being central.

In feminine countries like the Netherlands, Denmark, and Norway, design is approached with a focus on emotion, emphasizing photos over hard facts. Additionally, more white space is used.

Although there is no strong scientific basis, it is an interesting observation that prompts reflection.

Posted on
Inspiration for beautifully designed presentations or decks.

A collection of presentations from companies such as Apple, OpenAI, and Zapier, with extra emphasis on design.

Posted on
Andy Buddy outlines the history of the web/UI/UX/product designer.

And argues that a UI/UX designer is more user-focused and research-oriented due to its academic origins. The product designer is more oriented towards the business side because this role originally emerged in Silicon Valley.

Posted on
Ryan Holiday shares 38 rules about reading.

I find it particularly interesting that he emphasizes not being hesitant to spend money on books. Even if you only get one thing from a book that changes your life, it's still more than worth it.

Posted on
Discussion on Hackernews about Design Systems from different countries.

Including those of America, Canada, the UK, and also the Netherlands. Does a Design System actually work? Opinions are divided because, as user ProxCoques rightly points out, it's easy to create a repository with polished components and patterns. But correctly implementing the Design System in legacy systems is a whole different story. The other responses are also worth reading for anyone involved in Design Systems.

Posted on
Free web-based AI tool that allows you to 'demix' songs.

Enter an MP3. Wait a moment... it can take quite a while. And you will receive separate tracks of the drums, vocals, bass, and possibly other parts.

Posted on

On Hackernews, an interesting discussion is taking place about 'realistic' web design inspiration, where websites such as Pixelfika, Siteinspire, CSSline, Admire The Web, and Mobbin are being recommended.

Posted on

The Martime Deftons Type Foundy is a reasonable priced (starting a 19 euros) alternative for Google Fonts if you're looking for some unique fonts for your next project.

Posted on

Redmine is a free open source project management tool which can be used to replace similar tools like JIRA.

Posted on

SVGmix is a collection of free SVG icons and illustrations.

Posted on

Louise North gives a detailed explanation on Web Designer Depot about the new Bento UI trend. Components are neatly tucked in square compartments just like the Japanese meal boxes, where the name Bento originates from.

Posted on

A collection of handy 'UX laws' which you should keep in mind while designing.

Posted on

Interesting approach by Chris How of Clearleft to start in a spreadsheet when doing a redesign. He shares a method to first index the current content (text and images) and base design choices for the new design on this index.

Posted on

Freefaces.gallery is a collection of free fonts. I really like Outward.

Posted on

David Heinemeier Hanson, CTO at 37 Signals, argues in his blog that is Figma is a cool tool to do some sketching, but when you design for the web you ultimately do this with HTML, CSS and Javascript.

Posted on

Archives.design is an archive with (mainly retro) graphic design-related books. Handy for finding inspiration.

Posted on
Posted on

Flowbite icons offers a set of over 400 free SVG icons.

Posted on

The rebranding of Team GB by thisaway is a beautiful example of maximalism. A welcome departure from the sleek, simplistic (but also boring?) minimalism.

Posted on

A beautiful collection of the logo trends in 2023.

Posted on

Adam Silver provides good arguments why you shouldn't use tooltips and what possible alternatives are.

Posted on
Posted on

An extensive list of SVG background pattern generators. 

Posted on

Great set of easy to follow visual design rules by Anthony Hobday for designers and non designers to improve their designs. 

Posted on
Posted on

Robin Rendle demonstrates how new CSS functions make typography hacks a thing of the past.

Posted on

Extensive collection of logo's which can be used for inspiration.

Posted on

Article from the Washington Post about scientific research suggesting your biggest meal should be breakfast followed by a moderate lunch and a small dinner. 

Posted on

This handy tool MuscleWiki let's you pick a muscle group you want to train and gives you fitting exercises.

Posted on
Posted on

A cautionary tale on how you should not rely on browsers to always provide usable native elements. In this example it's about the way Safari renders the Date element and how to fix it.

Posted on

Tutorial on how to create a cool skewed highlight effect behind text. 

Posted on

Extensive pattern generator more.graphics (such as gradients and geometric shapes) which also generates SVG files

Posted on

Cool CSS experiments regarding layering, filtering and masking by Jeff Zych.

Posted on

Chris Coyer celebrates the demise of proprietary syndication formats such as Google's AMP or Facebook's Instant articles forcing publishers to jump through hoops. What still remains? Plain old HTML. 

Posted on

Lucide: a clean looking set of open source line icons.

Posted on

When do you use a link and when do you create a button? Normally a link points you to a new place and a button submits a form. But it's not always that obvious as Killian Valkhof explains in this blog.

Posted on

Scott VandeHey displays a collection of inspiring demo's to showcase the power of CSS blend modes. I'm especially intrigued by the halftone filter which can give images comic book feel.

Posted on

First batch of color fonts released on Google Fonts. Not widely supported yet, but a good first step in a more colorful web.

See the fonts in action by going over to Google Fonts and ticking the 'Show only color fonts' box.

Posted on

Extensive guide by Andy Chan on all the skills you need in order to become a self-taught UI/UX designer.

Posted on

CSS Doodle is a JavaScript library which enables you to create patterns and illustrations based on CSS.

A good alternative for (big) images and video's reducing the CO2 footprint of a website.

Posted on

Matthias Ott confirms in this blog post what I've been thinking about a lot lately: HTML/CSS prototypes are the best way to design. Figma, Penpot and Adobe XD are nice but nothing beats a 'shitty' prototype in HTML/CSS when it comes to interactivity and responsiveness.

Posted on

Interesting discussion happening in this Hacker News post about the scalability of Penpot, the open source Figma alternative. Even the CEO of Penpot chimes in with some reassuring comments.

Posted on

Very cool CSS-only technique using blend modes to creating a hologram effect on images.

Posted on

An interessting technique which uses system fonts instead of external webfonts.

The advantages:
- Fonts are directly loaded so quicker and more sustainable
- Uniform user experience as the font is similar to font used by the device
- System fonts have a broad range of style and unicode compared to webfonts

Posted on

SVG illustrations have the future. They are the lightweight (less KB) alternative to images and videos meaning they will load quicker and waste less bandwidth making them more sustainable. You can also do very cool things with them as portrayed by Smashing Magazine.

Posted on

Is Google dying? According to dkb.io it is. Because of Ads (increasingly more) and SEO (quality of SERP deteriorates). People are adding reddit to their search to get more 'human' results. I caught myself doing this as well lately.

Posted on

What needs to be in your Design System? Brad Frost argues that a Design System is meant for User Interfaces. If we're talking about branding, tone of voice, content, performance, persona's etc. it only gets a place in a Design System as it pertains to User Interfaces.

Posted on

Figma is not your Design System, according to Robin Rendle. The front-end is your source of truth. And I have to  agree. Nothing works better than just building components in HTML/CSS giving the best insight in how components will eventually work in the wild.

Posted on

Want to remember what you learned while reading? The moment you close a book most of the learned knowledge is gone. Not if you use Readwise. It will send you a daily digest with of all the highlights you've made.  Easily worth the $4.49 a month.

Posted on

Nathan Baschez makes an observation about how (web) design is evolving from using photo's to illustrations. High quality photo's are (now) cheap where creating costly custom illustrations/animations signals the organisation is wealthy and fit to survive.

Posted on

"Quirky and minimalist interfaces don’t make users feel awesome — obvious, inclusive, and robust interfaces do." Adam Silver in Form Design Patterns

Posted on

The Future of (web) fonts? Google just released Roboto Flex, a customizable web font. There are 12 different ways to tweak it, like thickness, stroke width and case heights. Try it out.

Posted on

Do you really need to show a progress indicator above your form? Maybe not as GOV.UK found out when omitting it didn't result in any chance concerning completion rate and time.

Posted on

The next big thing in web design will be sustainable websites. If you want to dive in right now read Sustainable Web Design by Tom Greenwood.

Posted on

What is the best font for online reading? Unfortunately no definitive answer but still, some great new insights worth checking out.

Posted on

Every designer should read 'Ruined by Design' by Mike Monteiro. It explains how we, designers, have to question everything we (are asked to) design.

Posted on