Tweet

https://twitter.com/AdhamDannaway/status/1595425255027269634

This Thread may be Removed Anytime!

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

More from @AdhamDannaway

Adham Dannaway

@AdhamDannaway

Dec 20, 2022

@robhope

🔥 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

🔥 When in doubt, double the padding.

"Whitespace" is not just breathing room for your content but breathing room for the visitor.

Digestible content improves focus and allows for a better understanding of your offering.

Read 6 tweets

Adham Dannaway

@AdhamDannaway

Nov 23, 2022

⚡️ 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.

✅ Ensure contrast ratio of the button shape is at least 3:1 to meet WCAG 2.1 level AA accessibility requirements.

✅ Ensure button text contrast ratio is at least 4.5:1.

✅ Use a large target area (at least 48pt by 48pt) to ensure people can easily select buttons.

Read 4 tweets

Adham Dannaway

@AdhamDannaway

Nov 21, 2022

⚡️ 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.

📘 PS If you like this tip, you’ll like my UI design book.

It's being released on 28 Nov 2022 (8am ET) 🥳.

Subscribe to get a discount code once the book's released
👉 practical-ui.com

Read 4 tweets

Adham Dannaway

@AdhamDannaway

Nov 1, 2022

@Mei_big_eyes

📍 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?

2️⃣ Define

In the Define phase, we work with the team, especially the product manager to discover problems and opportunities.

The ability to gather insights, synthesize data, and abstract input to a problem is very important.

Read 7 tweets

Adham Dannaway

@AdhamDannaway

Sep 13, 2022

@JonYablonski

📌 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.

2. Doherty Threshold

Productivity soars when a computer and its users interact at a pace (<400ms) that ensures that neither has to wait on the other.

Read 24 tweets

Adham Dannaway

@AdhamDannaway

Feb 7, 2022

⚡️ 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 👇

✅ Updated design

Each design decision is supported by logical reasoning, so we’re not just relying on “gut feeling” or what looks pretty ✨.

Most of my design decisions are governed by simple, timeless design principles 👇

Read 4 tweets

Share this page!

Adham Dannaway

People who liked this thread also liked...

Try unrolling a thread yourself!

More from @AdhamDannaway

Adham Dannaway

Adham Dannaway

Adham Dannaway

Adham Dannaway

Adham Dannaway

Adham Dannaway

Did Thread Reader help you today?

Don't want to be a Premium member but still want to support us?

Send Email!