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

U.S. Web Design System (USWDS)

Official websites use .gov A .gov website belongs to an official government organization in the United States. Secure .gov websites use HTTPS A lock ( ) or https:// means you’ve safely connected to the .gov website.
Tags: #design #ux #web
Saved on: 2023-09-11

UX Pattern Analysis: Loading Feedback

On the Internet, loading is inevitable. There are so many factors at play that you may have the fastest software out there, there’s always a chance that your user will find themselves waiting in front of a screen.
Tags: #ux
Saved on: 2023-08-28

UX Core

The tool consists of 105 hands-on examples of cognitive biases use in software development for better user experience (UX).
Saved on: 2022-08-23

Hierarchy of Trust: The 5 Experiential Levels of Website Commitment

In creating transactional web experiences, designers are under constant pressure to reduce friction to conversion, drive people to the next step in the funnel, and collect user information as early as possible. But demands must meet users’ trust needs.
Tags: #design #ux
Saved on: 2022-07-12

Design Principles

Design Principles are a set of guidelines that empower a team to make wise decisions and appropriate trade-offs when designing, building and innovating. Applying design principles fosters a cohesive problem-solving approach, promoting efficiency, consistency and user-centricity.
Saved on: 2021-09-13

A comprehensive list of UX design methods & deliverables

This is an updated version of a list published a few years ago. A map that displays all the touchpoints of the consumer with your brand, as well as the key internal processes involved in it.
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.
Tags: #ux #webdesign
Saved on: 2020-02-26

Menus with "Dynamic Hit Areas" | CSS-Tricks

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! 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 work with clicks and taps, too.
Tags: #css #ux #webdev
Saved on: 2019-09-24

4 Rules for Intuitive UX

This is my advice on improving the UX of your designs WITHOUT hours of user research sessions, paper prototyping playtime, or any other trendy UX buzzwords 😎 (Seriously, search this page “design thinking”. 0 results. Nailed it!) Who’s this article for? Easy: Developers.
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.
Tags: #ux
Saved on: 2019-05-10

How to Report Errors in Forms: 10 Design Guidelines

Forms are necessary components of many applications and websites. We use them to log in, purchase items, send feedback, and enter our personal information.
Tags: #ux #webdev
Saved on: 2019-02-08

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

Erik D. Kennedy NOTE: For the full, updated version of this article, please go here.
Saved on: 2019-01-14

The Elements of UI Engineering

In my previous post, I talked about admitting our knowledge gaps. You might conclude that I suggest settling for mediocrity. I don’t! This is a broad field. I strongly believe that you can “begin anywhere” and don’t need to learn technologies in any particular order.
Tags: #ux #webdev
Saved on: 2018-12-31

The Inter typeface family

One of the most famous lighthouses of antiquity, as I have already pointed out, was the pharos of Alexandria, which ancient writers included among the Seven Wonders of the World.
Tags: #ux #webdesign
Saved on: 2018-12-30

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

Skip to main content Skip to search Can we use first and third party cookies and web beacons to understand our audience, and to tailor promotions you see? Return to content Fall into generosity with our Membership Drive! By joining our membership program, you’ll provide philanthropic support to t
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.
Tags: #ux
Saved on: 2018-11-26

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

Usually, I don’t advise anyone to use other websites as reference since they have different business needs and people need to understand their context and their strategy to be able to apply them properly.
Tags: #ux
Saved on: 2018-11-09

BBC GEL | Design Patterns Index

Content utilities allow the user to interact with, or perform an action for a piece of content. For example, Add or Share.
Tags: #ux
Saved on: 2018-09-18

Design with Difficult Data · An A List Apart Article

You’ve been asked to design a profile screen for a mobile or web app. It will need to include an avatar, a name, a job title, and a location. You fire up Sketch or Figma. Maybe you pull out your drafting pencil or head straight to markup and CSS.
Tags: #ux #webdesign
Saved on: 2018-09-07

Learning From Terminals to Design the Future of User Interfaces

I was recently called out on Twitter for claiming that Electron-based Slack, with three teams configured, regularly takes 30+ seconds to load. They claimed that I was either committing gross hyperbole, or the victim of some localized problem.
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 their destination as quickly as possible.
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 has since been taken down – one reason why I’m a bit of a digital hoarder.
Tags: #ux
Saved on: 2018-02-07

An Event Apart News: Resilience: Building a Robust Web That Lasts by Jeremy

Web browsers have become so powerful that developers are now treating them as if they were a runtime environment as predictable as any other. But the truth is that we still need to deal with many unknown factors that can torpedo our assumptions.
Tags: #ux #video
Saved on: 2018-02-07

Against an Increasingly User-Hostile Web - Neustadt.fr

We're quietly replacing an open web that connects and empowers with one that restricts and commoditizes people. We need to stop it. - Parimal Satyal, 2 november 2017. See also: my Paris Web 2020 talk based on this article and the Hacker News discussion threads from 2017 and from 2020.
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.
Tags: #css #ux #webdev
Saved on: 2017-10-13

The Post-Mac Interface — Medium

More about me at my website. In 1996 Don Gentner and Jakob Nielsen published a thought experiment, The Anti-Mac Interface. It’s worth a read.
Saved on: 2015-08-04

THE ILLUSION OF LIFE

SQUASH & STRETCH ANTICIPATION STAGING STRAIGHT AHEAD & POSE TO POSE FOLLOW THROUGH & OVERLAPPING SLOW IN & SLOW OUT ARCS SECONDARY ACTION TIMING EXAGGERATION SOLID DRAWINGS APPEAL
Saved on: 2014-05-03
❤️
</>
2024