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

U.S. Web Design System (USWDS)

USWDS makes it easier to build accessible, mobile-friendly government websites.
Tags: #design #ux #web
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

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

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: #css #ux #webdev
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: #ux #webdev
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: #ux #webdev
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: #css #ux #webdev
Saved on: 2017-10-13

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

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
❤️
</>
2025