Visualizzazione post con etichetta user interfaces. Mostra tutti i post

sabato 8 giugno 2019

25+ Epic Design Fails

25+ Epic Design Fails That Are So Bad We Can’t Believe They Actually Happened

I Don’t Even Have Words For This

This Gray-Scale Pie Chart

I Felt Quite Lost In China, But Fortunately, I Found This Sign

Human Traffic Jams

and many more examples

photofunonline.com

How Great Icons Can Affect The User Experience

How Great Icons Can Affect The User Experience
by Jake Rocheleau

Interfaces are all about communication and getting things done. A website’s UI is a means to an end, and the designer’s job is to create an interface that helps the user reach that end quickly.

Icons are perfect for interfaces because they convey meaning without words. Users can learn how an interface works just by studying the visuals and interacting with the elements.

In this post I’ll cover a few different ways to use icons to improve the quality of UX on a website. There are no perfect uses but there are commonalities between great icons and an improved user experience.

designmodo.com

From Small CSS Tricks To Great Design Mysteries: SmashingConf Barcelona 2017

From Small CSS Tricks To Great Design Mysteries: SmashingConf Barcelona 2017
By Vitaly Friedman

$399 (ca. €365 incl. VAT)

About The Conference

In Barcelona, we’ll explore new front-end challenges, UX strategies and design patterns that you can apply to your work right away. No fluff, no theory: just hands-on, practical and on point — things that worked well in real-life projects, with talks and workshops by practitioners from the industry.

Why This Conference Could Be For You

This event focuses on the practical. You’ll learn many valuable techniques for your workflow, and you’ll meet fantastic, like-minded people from the industry. You’ll learn:

Strategies for building fast responsive websites,
Clever psychological techniques for smarter interfaces,
Techniques and guidelines for better mobile UX,
Guidelines for scalable CSS and JavaScript,
Techniques for better interaction design and typography,
How to optimize for performance and content delivery,
Gotchas and guidelines with SVG, CSS Grid, HTTP/2,
Mistakes and lessons learned from real-life projects,
Responsive design patterns for future-ready websites,
How to move away from generic solutions towards designs that exhibit soul and personality.

Difference Between UX and UI Design

When companies began to establish a presence on the Internet, they hired web designers to create those websites – general practitioners of sorts. Once web design became more complex, however, specialization developed. So, now we have UX and UI designers, each with their specific facets of web design. These terms are often used interchangeagably, however, and there is some disagreement as to what exactly each specialty entails. So here is a basic definition of each.

Article by JohnUnger

Washing machine _ interaction design

Washing machine:
What is wrong?

Bad communication between user and system.

Bad communication between user and system.

Gulf of Execution:

How do I know what I can do?

What actions are allowed by the system?

How do I do it?

Gulf of Evaluation:

How do I know what happened?

What does it mean?

Have I accomplished my goal?

The position of the controls on the keyboard is not logical; the hand have to move from one extreme to another of the surface. Changing the cycle the washing machine automatically resets the spin.