Your weekly reading digest 😎

10 articles about using psychology in UX.

Don't forget to bookmark 🔖
7 Principal Psychological Phenomena in UX Design.

Don’t be evil and abuse them to manipulate your end-users 😈

blog.prototypr.io/7-principal-ps… from @Prototypr
How Netflix uses psychology to perfect their customer experience

uxmag.com/articles/how-n…

from @uxmag
Emotional design ✨

Emotional design is the concept of how to create designs that evoke emotions which result in positive user experiences.

interaction-design.org/literature/top…

from @interacting
The Chameleon Effect: Designing products that users can relate to

madebymany.com/stories/the-ch…

from @madebymany
Aesthetic usability effect.

You watch a user struggle through a suboptimal UI, encountering many errors and obstacles.

Then, when you ask the user to comment on her experience, all she can talk about is the site’s great color scheme...

nngroup.com/articles/aesth…

from @NNgroup
Using Serial Position Effect in UX Design

abtasty.com/blog/using-ser…

from @ABTasty
Familiarity feels good

The mere-exposure effect says we like what we know: food, people, and UX.

uxdesign.cc/familiarity-fe…

from @uxdesigncc
The Perception of Control

uxbooth.com/articles/the-p…

from @UXBooth
The psychology in UX design

uxdesign.cc/the-psychology…

from @uxdesigncc
Idiot Buttons: The Placebo in UX Design

cdn2.hubspot.net/hubfs/454487/e…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Victor

Victor Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @vponamariov

8 Jun
The day of doom has come. Image
And Twitter Image
And github 😱 Image
Read 4 tweets
8 Jun
How to improve mobile UI/UX?

Here is a collection of 10 articles that may help you 👇
Boost mobile UX with UX design principles and best practices.

"Most mobile experiences suffer from poor UX for one simple reason: their creators failed to observe mobile UX design best practices, standards, and conventions."

uxplanet.org/boost-mobile-u…
21 Design Tips For Award Winning Apps

buildfire.com/best-design-ti…
Read 11 tweets
4 Jun
Pixel is not a pixel.

Sounds confusing.

But the thing is that CSS pixel has nothing to do with real physical pixels.

PPI, DPI, LPI, DPR, PAR... 🤯

Here is your weekly digest dedicated to this crazy world of pixels 👇
A pixel is not a pixel is not a pixel 😱

by @ppk

quirksmode.org/blog/archives/…
CSS Resolution vs Device Resolution

elad.medium.com/understanding-…
Read 7 tweets
3 Jun
How to validate forms?

Some useful Do/Dont's 👇
The best place to show validation errors - near inputs. Don't gather all of them in one place.
Don't disable the submit button. Allow users to click on it and see the validation errors.

Users might scroll past some of the inputs without filling them.

If the submit button is blocked, then they won't know what to do next.
Read 10 tweets
27 May
Learn how to avoid common mistakes when designing forms.

18 cards with practical examples 👇
Try to avoid multi column layouts.

It's easier for your eyes to go through the form if it's a one-column layout.
This layout is also acceptable.

But the labels should be placed next to inputs to avoid Z-pattern.
Read 19 tweets
25 May
Want to make your UI flawless?

Here are some ideas for you 👇
Consistency

🔸Make a color palette in advance, or use a ready one

🔸Ideally, make a UI kit of every element you need

🔸Make sure your icons have the same styling

🔸Don't use too many layouts

🔸Make sure UI elements behave the same way across your app
Typography

🔸The text should have good contrast (AA+ WCAG)

🔸Don't use more than 2 fonts

🔸Provide text hierarchy (headings/sub-heading/paragraphs)

🔸Use proper line-height

🔸font-size should be at least 16px

🔸Do not justify text
Read 7 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(