Tweet

This Thread may be Removed Anytime!

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

More from @vponamariov

Victor

@vponamariov

18 May

@Baymard

I found HUGE analytics of the current state of mobile UX by @Baymard

18 Common Pitfalls 👇

1. 95% of Mobile Sites Place Ads in Primary Areas of the Mobile Homepage

2. 57% of Mobile Sites Fail to Provide the Full Scope in the Link Text of Suggested Paths

3. 69% of Mobile Sites Dont Offer Relevant Autocomplete Suggestions for Closely Misspelled Search Terms and Queries

4. 79% of Mobile Sites Don’t Include the Search Scope in the Autocomplete Suggestions

5. 40% of Mobile Sites Don’t Visually Distinguish Autocomplete Product Suggestions from Query Suggestions

6. 42% of Mobile Sites Don’t Persist Users’ Search Queries on the Results Page

Read 8 tweets

Victor

@vponamariov

12 May

50 UI tips. Each in one sentence.

👇

Typography

🔸Put headlines closer to their respective area
🔸Avoid justifying text in narrow columns
🔸Break description text into a list of features
🔸Make links look like links
🔸Use proper line-height
🔸Center text container

Forms

🔸Don't hide form tips under question icons
🔸Place input labels correctly (near inputs)
🔸Use progress elements in complex forms
🔸Show password rules right away
🔸Require fewer fields
🔸Use reasonable width of inputs

Read 14 tweets

Victor

@vponamariov

11 May

A curated list of 34 useful Chrome plugins for everyone who makes sites

👇

@Wappalyzer

🔸@Wappalyzer - identify technologies on websites.

chrome.google.com/webstore/detai…

🔸@usemuzli - the freshest links about design and interactive, from around the web.

chrome.google.com/webstore/detai…

@chengyinliu

Identifying fonts

🔸WhatFont by @chengyinliu - find out what font is used on any site

chrome.google.com/webstore/detai…

🔸@FontsNinja - identify fonts from any website, bookmark, try, and buy them.

chrome.google.com/webstore/detai…

Read 17 tweets

Victor

@vponamariov

10 May

I have a puzzle for you. A famous one.

But if you didn't know the answer, try to solve it.

🧵

You are on a game show, being asked to choose between three doors.

Behind each door, there is either a car or a goat. You choose a door.

The host picks one of the other doors, which he knows has a goat behind it and opens it, showing you the goat.

You know, by the rules of the game, that the host will always reveal a goat.

Read 4 tweets

Victor

@vponamariov

10 May

Form validation is cool.

But have you tried to help users fill the form without errors?

🧵Here are a few tips on how you can do that

1. Reduce the number of inputs.

The less the user has to input, the less probability they'll make an error.

2. Auto-fill the data you can auto-fill

- Try to guess the user location, language, country etc.
- Put the current date/time if it's reasonable
- Save what the user has previously inputted

Read 7 tweets

Victor

@vponamariov

7 May

Collection of advanced UI/UX articles for reading on the weekend 🤓

Don't forget to bookmark👇

@NNgroup

🔸What is zero UI? careerfoundry.com/en/blog/ui-des…

🔸Compensatory vs Noncompensatory: 2 Decision-Making Strategies
nngroup.com/articles/compe… from @NNgroup

🔸A Guide To Optimizing Images For Mobile smashingmagazine.com/2019/10/imagek… from @smashingmag

@Prototypr

🔸Best practice for date-of-birth form fields blog.prototypr.io/best-practice-… from @Prototypr

🔸Building Your Color Palette refactoringui.com/previews/build… from @steveschoger

🔸 Modal & Nonmodal Dialogs: When (& When Not) to Use Them nngroup.com/articles/modal… from @NNgroup

Read 5 tweets

Share this page!

Victor

Try unrolling a thread yourself!

More from @vponamariov

Victor

Victor

Victor

Victor

Victor

Victor

Did Thread Reader help you today?

Like this author's thread?