3 reasons why you should keep inputs CLOSE to labels:
1. Faster to use.
@lukew
did some great tests in his book.
2. Avoid confusion, especially with long form labels or two-column forms.
3. Drake.
#ux
#ui
#uiux
#usability
#uxdesign
1. Started out a broke
#UX
designer, now I run a massive
#design
resource used by millions. Want the blueprint? Freelancing, unexpected niches, and building a crazy team. Buckle up for a thread!
#freelance
#businesstips
🎁 Freebie illustration pack. SVG, PNG. Easy to recolor in your brand colors.
To download: 🔁 retweet this (you must follow). You'll get a DM with a link.
Gen X designer here. I was using
@axurerp
for years until I noticed my zoomer colleagues don't take me seriously. Shifted to
@whimsical
, and just like that, I'm no longer the team's museum exhibit.
#ux
#design
#meme
This absurd virtual keyboard is apparently a safety feature. It randomizes the keys every time, which makes keylogging harder.
And we thought CAPTCHA was the biggest evil.
#ux
#ui
#uiux
#usability
#uxdesign
1. I wish Stripe offered a feature to screen for trial abuse. It’s not about genuine users who try the service and decide not to continue. The real issue is with those who repeatedly exploit free trials, continuously creating new accounts after their payments are blocked.
Boost usability by swapping dropdowns for steppers in quantity selection. Steppers enable swift number adjustments with a tap or type.
❌ Cut interaction costs by ditching dropdowns.
✔️ Elevate usability with sleek stepper component.
#ux
#ui
#uiux
#usability
#uxdesign
Draw a rounded button like it's 2000. Slice a circle into four parts and swap out the corners of a rectangle with these slices.
#retro
#ux
#ui
#uxdesign
#uiux
Create the shadow effect with a combination of two to three layers; the closer to the object, the less diffuse and the more saturated the shadow.
❌ One bold shadow.
✔️ Multiple layers of soft shadows.
#ux
#ui
#uiux
#usability
#uxdesign
Hate WEBP for the lack of compatibility?
There's more to hate. Discover JPEG XL and AVIF — new image formats you've never heard of.
They are actually cool:
• outperform JPEG compression by 20-50%
• support animations 🚀
Chrome supports them both. Would you use them?
Messengers should handle multiple messages sent one by one more effectively.
When my daughter responds with a series of single-word messages, the constant notifications disrupt my life: ding, ding, ding, ding.
Solution 👇
We've been creating and selling icons for 20 years. The biggest mistake our customers do? Mixing and matching icons of different visual styles.
Consistency is key!
❌ Mix-and-match icons? No thanks.
✔️ Stick to one style.
#ux
#ui
#uiux
#usability
#uxdesign
In most cases, “UX” and “UI” could be used interchangeably. Purists debate the difference, but all we want is a good interface.
#ux
#ui
#uiux
#usability
#uxdesign
Make your brand color pop: If it's too light or dark, switch up the background or font color.
Use a dark theme and underline links to show they're interactive.
#ux
#ui
#uiux
#usability
#uxdesign
A question to the Chinese designers. Would you like
@icons_8
to create Chinese-adopted styles just for you? Or continue creating generic, Western illustrations?
Here are 3 problems of the
@RottenTomatoes
website.
The last redesign made some of them worse. First, the content occupies about a quarter of the space, the rest is navigation, recommendations, and empty space.
In the thread 🧵: 2 more problems and homework
What else would voice
#AI
disrupt?
• Language classes:
@italki
etc.
• Call centers: spamming us with calls and reading their scripts
• Handling bookings, appointments, etc.
• YOUR IDEA HERE
Years ago, I read
@randfish
's book, and one idea that’s really stuck with me is how he knows his team so well, he can smell their shit and tell you who it was!
#DeepConnections
Streamlined forms = higher completion rates.
❌ Long, complex forms with unnecessary fields.
✔️ Short forms with essential-only fields.
#ux
#ui
#uiux
#usability
#uxdesign
I wonder who opts for those elaborate Baroque-style signatures. Definitely not a CEO with endless documents to sign. Keep your signature simple.
#BusinessTips
#CEOlife
#StartupLife
Diving into
@Jira
was hell, but I've learned to enjoy it:
• 📊 Velocity chart is the heartbeat of a team
• 👍 Grouping issus by epics—well done
• 🚀 Starting a sprint with a slider—satisfying.
What do you love or hate about Jira?
#JiraJourney
🚀 Want to launch AI or ANY products superfast?
I launched 75 products in 5 years, including 11 AI ones. My secret? Killer design system. With it, 3 designers can design enough for 50 devs to code.
Grab it: comment or repost, and I'll DM you the link! Follow me to get the DM.
I just discovered that
@ChatGPTapp
can draw the plots. Just tell it to do so.
Here's what I've created with a bit of back and forth:
@Airbus
vs
@BoeingAirplanes
. Fuel efficiency vs order book size for each model. Anything suspicious?
#chatgpt
#ai
#llm
#Usability
of speed:
<0.1 second — interface feels instant
< 1 second — feels fast
(here goes the zone to use loaders and progress bars)
> 10 seconds — users switch to other tasks.
That's what happened when
@MKBHD
used the new gadget
@Humane
to identify a truck model. He had
Designers, ditch the ordinary forms. Say hello to SIGMA forms.
Here's a challenge: How can we make the "I'm married" checkbox more SIGMA?
#ux
#ui
#uiux
#usability
#uxdesign
My kid's messages interrupt me with constant notifications: ding-ding-ding. Messengers need to handle multiple messages better. The solution? Summarize them with AI.
#ux
#ui
#uiux
#usability
#uxdesign
@Figma
is restricting payment links in designs, creating a walled garden like Apple. It's the classic path of a monopoly.
Being smaller than Apple, Figma might benefit from flying under the radar at first before catching the eye of regulators.
The solution? 👇
Marking 20 years of
@gmail
, I'd like to pay respects to
@InboxByGmail
. It was the greatest piece of
#UX
that saved me days over the years.
I miss you, bro.
F.
Go mobile-first for seamless design across all devices! Responsive design is essential!
❌ Desktop design squeezed into a mobile screen.
✔️ Mobile-first design with responsive elements.
#ux
#ui
#uiux
#usability
#uxdesign
🚀 Real-life redesign in action! Watch our original landing page before we transform it into sleek, bite-sized sections with a smart, grouped menu. 🎯
Check out the video to see the starting point! 👇
#WebDesign
#UX
#CaseStudy
1/7
I've just realized that we don't use watermarks for our icons. Instead, we show the large, non-watermarked icons to everyone. Why do people even bother buying from us?
Fulfilling a childhood dream by buying a
#tractor
! Couldn't find a tractor school, and I'm too shy to ask random dudes on tractors for lessons.
So, I took matters into my own hands—tractor bought, dream in progress! 🚜✨
@kubota_usa
#ChildhoodDream
Ensure pop-ups can be easily closed. Avoid annoying users!
❌ Small, hard-to-find close button on pop-ups.
✔️ Large, easily noticeable close button on pop-ups.
#ux
#ui
#uiux
#usability
#uxdesign
1/2 From my experience as a UX designer on my own self-funded products, I appreciate
@jenninadler
’s example but see two practical insights:
1. Time is often better spent making the backend more stable.
2. The best error message is one that’s handled invisibly to the user. 🧵
Try this pattern as a user 30 times, and you’ll hate it. Instead of asking, “Are you sure you want to delete, or did you press it for lulz?” the interface should permit an undo.
The best advice I ever got: 'Developers need a team.'
On a budget, I tried friends, freelancers, and solo devs. They all lost interest, left work unfinished, or moved on. Only hiring a team of devs leads to a stable process.
#startuplife
Why
@WomenWhoCode
has closed? *Speculations*
Expenses of $4.1M are slightly larger than revenue of $3.9.
Executive salaries are $1M for 5 people. One executive's salary may have saved the organization.
Small print and credits 👇
Third, the
#InformationArchitecture
. There are no reviews for
3 Body Problem. Instead, you should navigate to season 1 and read reviews for
@3body
Problem season 1, even though there's only one season.
Many products and services are abstract. Designers are left with these options:
1. Use a cliché representation (like a pretty person at a computer)
2. No imagery at all
3. Abstract objects like this example (credits 👇)
We’re heading back to realistic
#icons
! We’ll grow tired of flat and minimalistic styles and embrace realistic, textured, and colorful designs. Weird will become the norm.
Then, as we get overloaded, minimalism will swing back into fashion. Such is the pendulum of
#design
.
Adobe's "ethical" image generator, Firefly, has a hidden secret. It seems they used images created with Midjourney (about 5%) to train their AI. Is that really ethical? 🤔
#AdobeFirefly
#AIethics
Ditch those field placeholders! They save space, but make users forget what they're filling out!
❌ Placeholders disappear on input
✔️ Placeholders suggest what to enter, fields have labels
#ux
#ui
#uiux
#usability
#uxdesign
CEO of
@Icons_8
here. As AI like
@midjourney
advances in creating
#icons
, I’m curious—how can our team of human designers continue to add unique value in the future?
I used to make pictures like this with my
@CanonUSA
in the 2010s. iPhones still can't imitate this bokeh, but they do everything else. Why buy a camera in 2024?
I'm so frustrated with
#X
. My
#feed
is flooded with mindless threads: "favorite snack?", "dark mode or light mode?", "how much money to be happy?". 🙄
How do I curate my feed for thoughtful posts (even beyond people I follow)? 🤔
1/7 Apparently, self-driving companies use generative
#AI
. They generate the cities to train the car AI. Our future cars would be trained to deal with glitchy mess like I circled. Where is this video from? 🧵
1/9 Conquering Imposter Syndrome for designers: unlock the secrets to confidence in
#uxdesign
! With 25 years in the industry and no formal degree, I've mastered the craft. Join the thread for proven strategies and share your experiences too.
#uiux
#uxdesign
Let's save some space in UI. Why?
Saving space is a must with complicated, professional UIs. How?
Some examples:
• Using icons without labels
• Using shortcuts instead of buttons. For example, Cmd+C instead of a Copy button.
• Remove dividers; instead of dividing, group
What is the most common misuse of illustrations in design? Making them too small.
As we create illustrations, our customers often make this mistake with our product.
We see
@CaptainMorganUS
make the same mistake with their iconic character.
💥 Dashboards of the 80s 💥
✅ Futuristic interfaces 🚀
✅ Tactile feedback - you can use them with the eyes on the road
✅ Fast access - button is always 1 click away and not buried in the menus.
Let's design websites like that!
More photos in the 🧵
I generated
@bryan_johnson
in 2100. On a serious note, Bryan gives me hope to get younger, that's important for us, middle-aged men fighting hair loss.
I enjoy user interviews and find them useful. Here are a few tips about making them useful:
1. If I didn’t learn something you didn’t know, I know I designed this interview poorly. Take a recent case: we were designing my ranch (physical location), but we failed to find the right
User interviews are not as useful as they seem.
Talking to customers will result in biased responses that will benefit one use case ignoring the rest of your user base.
Hours wasted on user interviews should be spent on improving the quality of your product in the first place.
Horrible.
Businesses shouldn't raise subscription fees for current users. They deserve a discount for loyalty.
At Icons8, we still respect the subscriptions from 10 years ago. Moreover, we show them a banner urging them to keep the subscription—the prices they pay no longer
Beehiiv will make me pay 250% MORE 🤯
Friday I receive this amazingly well-written email
(seriously, this is a masterpiece)
👏 First they congrats you
💸 Then they tell you about the price increase
It blows my mind the increase is that big (and very time-limited grandfathering
Join the call to stop
@Google
from favoring
@Reddit
and
@Quora
over independent websites.
Remember the days before the web was just a handful of platforms? When anyone could build a website and we all used bookmarks?
How did we let it become an oligopoly?
Our message to Google is simple: remove the site-wide classifier that is being used to punish small, independent websites.
If you feel there are major issues with our sites, at least give us a manual penalty and explain why. But as it stands right now, there are thousands of