🖤 How to simplify your designs

20+ actionable principles you can apply to your designs.

A thread 👇

By Taras Bakusevych

#ux #design #uxui #uxdesign Build products with focused value

There is so much software that tries to do so much for so many audiences, everyone tries to be a Swiss Army Knife of the industry. If you want your product to be simple you need to define a core value and identify who is this product really for.

⚡️ 20 form design tips

Simple rules to help you design beautiful and user friendly forms.

By Taras Bakusevych

A thread 👇

#design #ux #uxui Text field types

Most of them are based on basic text fields that were modified to better handle specific types of information, like credit card numbers.

🔤 My top 10 free typefaces for UI design

Interfaces can quickly get cluttered 😮

An easy way to declutter them is by simplifying the thing that takes up the most space - text.

Here are my go-to sans serif typefaces for optimal legibility and simplicity.

0 / 10 👇 Things I look for in a typeface:

✅ Sans serif, as they're generally the most legible, neutral, and simple. This makes them a safe option for UI design.

✅ Relatively tall lower case letters (x-height) and comfortable letter spacing for optimal legibility.

⭐️ 10 Awesome free icon sets

I honestly can't believe they're free.

What's your go-to icon set? 🤔

#design #icons #ux #webdesign #icondesign 1️⃣ glyphs.fyi

💥 16 little UI design rules that make a big impact

UI design might appear to be a magical art form, but a lot of it is made up from logical rules or guidelines.

We’ll redesign an example interface using 16 of 100+ guidelines from my book - @PracticalUI

A mega thread👇 1. Use space to group related elements

The lack of space between content makes the design look cluttered and difficult to understand. Increasing spacing helps to clearly group content, making it more organised and easier to understand.

🚨 Launch alert 🚀

My UI design book @PracticalUI 📘 is live on @ProductHunt 🥳

I spent thousands of hours over 1.5 years crafting a book to teach anyone how to design user interfaces using logical rules.

I'd love your support and feedback. Thanks 🙏
👉 producthunt.com/posts/practica… @PracticalUi @ProductHunt Going up against all the AI app companies on Product Hunt is tough 😮

Here's how things are going after the first hour. Wish me luck and/or send me tips/advice 😅 Thanks

⚡️ UI design tip: Check your buttons for common mistakes 😮

After nearly 2 decades looking at buttons, I've noticed that most of them have usability and accessibility issues.

Some quick and practical tips to avoid common mistakes 👇

#design #uxui #uxdesign ✅ Define 3 buttons styles (primary, secondary and tertiary) to display actions of varying importance.

✅ Ensure buttons have a clear visual hierarchy (order of importance) that isn't reliant on colour alone.

Usability pitfalls of disabled buttons

Disabled buttons can cause users to get blocked without knowing why, causing abandonment and frustration.

Tips on how to deal with disabled buttons from @vitalyf's video course - Smart Interface Design Patterns 👇

#design #ui #ux #uxui Always keep buttons enabled by default

Always keep buttons enabled by default and allow users to interact with them. Disabled buttons can cause users to get blocked without knowing why causing abandonment and frustration.

🔥 100 Landing page hot tips
By @robhope

Improve your landing page designs with these quick and actionable tips.

Here are a few of my faves 👇

#landingpagedesign #design #uxdesign #webdesign #uxui 🔥 Spice up those Call-To-Action (CTA) buttons.

You are excited to share your product/service.

🚫 Click Here
🚫 Sign Up

Use actionable phrases.

✅ Discover the wonders of science
✅ Request a call from our agents
✅ Unlock creativity for only $19

⚡️ UI design tip

I’ve been doing buttons wrong! 😱 Have you? 🤔

After nearly 2 decades looking at buttons, I've noticed that most of them have usability and accessibility issues.

Here are some quick and practical tips to avoid common mistakes 👇

#design #uidesign #uxdesign ✅ Define 3 buttons styles (primary, secondary and tertiary) to display actions of varying importance.

✅ Ensure buttons have a clear visual hierarchy that isn't reliant on colour alone.

⚡️ UI design tip - Use the inverted pyramid

The inverted pyramid is a writing structure in which the most important information is placed at the start, followed by supporting information and smaller background details.

Learn why it's great for interface text 👇

#uidesign #uxui ✅ It gets to the point quickly, helping people understand information and make decisions faster.

✅ People who quickly skim the first sentence will still get the main point.

✅ Additional information is there for those who need it.

📍 Product/UX design methods mindmap

A handy guide to help you decide when to use what UX methods.

1️⃣ Understand
2️⃣ Define
3️⃣ Ideate
4️⃣ Execute
5️⃣ Validate

🧵 A thread

via @Mei_big_eyes #design #uxdesign #uxui #productdesign 1️⃣ Understand

In the understand phase, we put ourselves in the users’ shoes and understand their likes & dislikes, context, needs, pain points, etc.

Meanwhile, we learn about the business: What is the money-making model? What are the metrics to measure business success?

📌 21 Laws of UX

Best practice psychological principles to design more intuitive, human centred products and experiences.

By @JonYablonski

🧵 A thread 1. Aesthetic-Usability Effect

Users often perceive aesthetically pleasing design as design that’s more usable.

⚡️ UI design tip - Decrease usability risks

Many of my design decisions are based on risk. The risk that someone could have difficulty using an interface.

In this example, we’ll fix elements that pose a potential risk to usability using practical UI design principles.

1/4 🧵 ❌ Usability risks

We’re not after subjective thoughts on aesthetics, but objective issues that could negatively affect usability and accessibility.

I've pointed out 8 potential risks to usability.

Next we'll fix them 👇