magnASCII.dev Simone Magnaschi
Senior Full Stack Web Dev
Bookmarks tagged with #ux.
Show all

Your website is not for you — Websmith Studio

A note from a developer who keeps watching good design die in boardrooms.
Saved on: 2026-05-01

Emil Kowalski

Why you are animating more often than you should.
Saved on: 2025-09-05

M3 Expressive: Engaging UX Design

Material’s latest evolution helps you make products even more engaging and easier to use.
Saved on: 2025-05-22

AI Horseless Carriages | koomen.dev

An essay about bad AI app design
Tags: #ai #ux #essay
Saved on: 2025-04-24

Practical UX for startups surviving without a designer

How to figure out what the user experience should be when you don’t have time, budget, or a design team.
Saved on: 2025-03-13

In Loving Memory of Square Checkbox

History of checkboxes and radio buttons in user interfaces
Saved on: 2025-01-29

The UX of LEGO Interface Panels - Interaction Magic

LEGO interface panels are beautiful, iconic, and great for learning interface design basics. I bought 52 of them from BrickLink to explore the design, layout and organisation of complex interfaces.
Saved on: 2024-11-29

UI = f(statesⁿ)

“UI is a function of state” is a pretty popular saying in the front-end world. In context (pun intended), that’s typically referring to application or component state. I thought I’d pull that thread a little further and explore all the states that can effect the UI layer…
Saved on: 2024-02-17

Push Notifications - What to Push, What Not to Push, and How Often

Sending helpful & engaging pushes, filtering annoying pushes, and finding the frequency sweet spot.
Saved on: 2024-01-02

The Negative Impact of Mobile-First Web Design on Desktop

Mobile-first web designs cause significant usability issues when viewed on desktop. Content becomes overly dispersed across long scrolling pages with expansive white space and enlarged images and fonts, making it difficult for users to consume and understand the information.
Saved on: 2023-10-27

U.S. Web Design System (USWDS)

USWDS makes it easier to build accessible, mobile-friendly government websites.
Saved on: 2023-09-11

UX Pattern Analysis: Loading Feedback

Loading UX takes careful consideration of both the user's and the system's context to use the appropriate loading pattern.
Tags: #ux
Saved on: 2023-08-28

The UX Research Reckoning is Here - One Big Thought - Medium

UX Research, layoffs, research needs to change its focus to stay relevant
Saved on: 2023-05-30

Design notes on the 2023 Wikipedia redesign

No one fights harder for your rights
Saved on: 2023-03-16

UX Core

The first-of-its-kind and the biggest library of nudging strategies based on cognitive biases (thinking patterns)
Saved on: 2022-08-23

Hierarchy of Trust: The 5 Experiential Levels of Website Commitment

Sites must meet users' basic trust needs before asking for visitor information. The trust pyramid has 5 levels of user commitment, with separate design rules.
Tags: #design #ux
Saved on: 2022-07-12

Design Principles

An Open Source collection of Design Principles and methods
Saved on: 2021-09-13

A comprehensive list of UX design methods & deliverables

A map that displays all the touchpoints of the consumer with your brand, as well as the key internal processes involved in it. Useful to visualize the path followed by consumers across multiple…
Tags: #tools #ux
Saved on: 2021-01-25

The ultimate guide to proper use of animation in UX

Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention. While…
Tags: #ux #webdesign
Saved on: 2020-02-26

The Obvious UI is Often the Best UI - Google Design - Medium

Voltaire said, “le sens commun est fort rare”—common sense is very rare. Perhaps to realize that a certain decision is common sense, one has to have enough life experience to know the right path to…
Saved on: 2019-10-10

Menus with "Dynamic Hit Areas" | CSS-Tricks

Flyout menus! The second you need to implement a menu that uses a hover event to display more menu items, you're in tricky territory. For one, they should
Tags: #webdev #css #ux
Saved on: 2019-09-24

4 Rules for Intuitive UX

Obey the Law of Locality · ABD: Anything But Dropdowns · Pass the Squint Test · Teach by example
Tags: #ux #webdesign
Saved on: 2019-08-19

The Lean UX Canvas – Jeff Gothelf – Medium

In most of my work these days I don’t often use an official canvas. I prefer to pick and choose the assumptions that can be found on the Business Model Canvas, Lean Canvas and others as appropriate…
Tags: #ux
Saved on: 2019-05-10

How to Report Errors in Forms: 10 Design Guidelines

Help users recover from errors by clearly identifying the problems and allowing users to access and correct fields easily.
Tags: #webdev #ux
Saved on: 2019-02-08

7 Rules for Creating Gorgeous UI (Part 1) – Erik D. Kennedy – Medium

If you went to art school or consider yourself a UI designer already, you will likely find this guide some combination of a.) boring, b.) wrong, and c.) irritating. That’s fine. All your criticisms…
Saved on: 2019-01-14

The Elements of UI Engineering — overreacted

What makes UI engineering difficult?
Tags: #webdev #ux
Saved on: 2018-12-31

Inter font family

Inter is a typeface family
Tags: #ux #webdesign
Saved on: 2018-12-30

Designs for a new admin theme [#3017785] | Drupal.org

Background Building a new admin theme is part of the Admin UI and JS modernization initiative. We’re proposing to update the administration look and feel through a new design system for the Drupal administration UI. A design system consists of visual and behavioural components and patterns that can be combined into user-friendly user interfaces. This Drupal admin design system is a project with its own deliverables (examples, documentation, tools, and resources).
Saved on: 2018-12-05

When It Comes To Personas, The Real Value Is In The Scenarios — UX Articles

Personas without scenarios are like characters with no plot. — Kim Goodwin I’ve seen it happen many times. A team launches a project to identify user personas with all the best of intentions. They'll define three, four, sometimes as many ten or fifteen different personas. Then, when they’re all d
Tags: #ux
Saved on: 2018-11-26

The Best SaaS Landing page examples I’ve seen ( their secrets for conversi

SaaS Landing page inspiration is usually "pretty" but not conversion/result driven so in this article, I compiled the best SaaS Landing pages examples I've seen and broke-down their secrets for conversions!
Tags: #ux
Saved on: 2018-11-09

BBC GEL | Design Patterns Index

Patterns are a simple, reusable solution to a design problem.
Tags: #ux
Saved on: 2018-09-18

Design with Difficult Data · An A List Apart Article

Designing for the happy path—where users always enter ideal data and clients choose perfect images—can leave your layouts warped and broken when your users stray. Steven Garrity suggests you take a…
Tags: #ux #webdesign
Saved on: 2018-09-07

Learning From Terminals to Design the Future of User Interfaces

How we overvalue the wrong technology and novel aspects of interface design at the expense of substantial gains to our productivity.
Tags: #ux
Saved on: 2018-08-04

Seven principles of effective digital navigation – Gerry McGovern – Medium

Design for forward momentum. Designing digital navigation is not that different from designing navigation for a road. You always want to be able to help people maintain their momentum and get to…
Tags: #ux
Saved on: 2018-08-02

The Art of Minimalism with UX

Minimalism is on the rise — but what is it? Is it the style of art that can be found in architecture, paintings, sculptures and design that eliminates all non-essential forms or features? Or is it a form of lifestyle where you declutter your life from all unnecessary things.
Tags: #ux #webdesign
Saved on: 2018-05-08

Designing Windows 95’s User Interface – Socket 3

Three years ago I came across an interesting paper written up by a Microsoft employee, Kent Sullivan, on the process and findings of designing the new user interface for Windows 95. The web page ha…
Tags: #ux
Saved on: 2018-02-07

Against an Increasingly User-Hostile Web - Neustadt.fr

We are quietly replacing an open web that connects and empowers with one that restricts and commoditizes people. We need to stop it.
Tags: #ux
Saved on: 2017-11-02

Rebuilding slack.com – Several People Are Coding

In August, we released a major redesign of slack.com, and we want to give you a peek behind-the-scenes. Rebuilding our marketing website was a massive project that took careful coordination across a variety of teams, departments, and agencies. We implemented a redesign while overhauling all the under-the-hood code. Our aim was to address a few…
Tags: #webdev #css #ux
Saved on: 2017-10-13

Dark Patterns - User Interfaces Designed to Trick People

The original website about deceptive patterns (also known as “dark patterns”) - tricks used in websites and apps that make you do things that you didn't mean to, like buying or signing up for something.
Saved on: 2016-12-06

Growing a Business Website: Fix the Basics First

Clear content, simple navigation, and answers to customer questions have the biggest impact on business value. Advanced technology matters much less.
Saved on: 2016-12-06

Complexities of an infinite scroller | Blog | Chrome for Developers

Infinite scrollers are a common UI pattern. Here we explore how to implement this pattern in a memory conservative way that performs at 60fps.
Saved on: 2016-07-11

7 reasons why infinite scrolling is probably a bad idea

On more than one occasion I have found myself trying to convince team-mates that Infinite Scrolling and its close relative Show More is more likely to degrade the experience than improve it. I…
Saved on: 2016-06-25

» Autofill: What web devs should know, but don’t Cloud Four Blog

Many people know that you can scan your credit card in Mobile Safari. But how many web developers know how to create a form that supports that feature? Not many I’d bet. Auto-Fill Credit Card Forms Using Your iPhone’s Camera in iOS 8. Used with permission. It doesn’t…
Tags: #webdev #ux #tips
Saved on: 2016-05-23

I analyzed 250 SaaS pricing pages — here’s what I found

We recently had a major overhaul of our pricing and landing page and wanted to get a good idea of what a high-converting pricing page looked like. We turned to the experts. There ...
Saved on: 2015-12-23

User Onboarding Teardowns | UserOnboard | User Onboarding

Want to see how popular web apps handle their signup experiences? Let's deconstruct their user onboarding flows one screen at a time.
Saved on: 2015-12-15

Introducing: U.S. Web Design Standards - U.S. Digital Service - Medium

This project was a collaboration between 18F and the U.S. Digital Service. The team was lead by Mollie Ruskin (USDS) and Julia Elman (18F) and made up of designers and developers in both groups…
Saved on: 2015-09-29

The Post-Mac Interface — Medium

In 1996 Don Gentner and Jakob Nielsen published a thought experiment, The Anti-Mac Interface. It’s worth a read. By violating the design principles of the entrenched Mac desktop interface, G and N…
Saved on: 2015-08-04

Inside the labs where Netflix is trying to make televisions suck less

Where the company is trying to shape the future of its service, and the next TV you buy
Saved on: 2015-05-24

The Death of the Login — Medium

The login wall was a necessary evil that users had to live with. Most often users were forced to login and in return were promised customization and personalization. The internet companies got email…
Saved on: 2015-03-04

How to design better websites by writing them first | Userbrain

Writing better websites with good onboarding! Improve website signup process and user onboarding experience. How to start designing great onboarding websites effectively.
Saved on: 2015-02-19

UX Check

Tags: #tools #ux
Saved on: 2015-01-13

Passwordless authentication: Secure, simple, and fast to deploy ✩ Mozilla H

Passwordless is an authentication middleware for Node.js that improves security for your users while being fast and easy to deploy. The last months were very exciting for everyone interested in ...
Saved on: 2014-10-15

Framer

The web builder for stunning sites. Design and publish modern sites at any scale.
Saved on: 2014-07-03

THE ILLUSION OF LIFE

The 12 basic principles of animation were developed by the 'old men' of Walt Disney Studios, amongst...
Saved on: 2014-05-03
❤️
</>
2026