Discover and read the best of Twitter Threads about #uxui
Most recents (13)
⚡️ 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
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.
✅ Ensure buttons have a clear visual hierarchy (order of importance) 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.
✅ 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.
#ثريد
في هذا الثريد سأشارك معكم كيفية استخدام دردشة GPT في عملية التصميم الخاصة بك بكفاءة.🤩
#uxui #uxdesign #مصمم
@OCreativeJobs
#تصميم_تجربة_المستخدم
#تصميم_واجهات_المستخدم
في هذا الثريد سأشارك معكم كيفية استخدام دردشة GPT في عملية التصميم الخاصة بك بكفاءة.🤩
#uxui #uxdesign #مصمم
@OCreativeJobs
#تصميم_تجربة_المستخدم
#تصميم_واجهات_المستخدم
1️⃣ الكتابة:
يُعرف أيضًا باسم مطالبة GPT بكتابة نسخة حيث يمكنه كتابة وتدقيق ردود إبداعية.
أمثلة سريعة للكتابة:
- Write several copy alternatives for a download button for an e-commerce website.
- Write ten survey questions about onboarding.
يُعرف أيضًا باسم مطالبة GPT بكتابة نسخة حيث يمكنه كتابة وتدقيق ردود إبداعية.
أمثلة سريعة للكتابة:
- Write several copy alternatives for a download button for an e-commerce website.
- Write ten survey questions about onboarding.
2️⃣ البحث:
يُعرف أيضًا باسم البحث عن إجابات للأسئلة الأساسية باستخدام Chat GPT. يمكنك الآن فهم المعرفة العامة دون الغوص في المواقع الإلكترونية.
أمثلة سريعة للبحث:
- What are common issues with mobile apps?
- What are the best practices for the design of voice interfaces?
يُعرف أيضًا باسم البحث عن إجابات للأسئلة الأساسية باستخدام Chat GPT. يمكنك الآن فهم المعرفة العامة دون الغوص في المواقع الإلكترونية.
أمثلة سريعة للبحث:
- What are common issues with mobile apps?
- What are the best practices for the design of voice interfaces?
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
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.
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.
Point to errors on submit
On submit, explain to users why they can’t proceed, and how to fix errors:
• For a single error, point users to the invalid input via a text link.
• For multiple errors, display an error summary at the top and link to it.
On submit, explain to users why they can’t proceed, and how to fix errors:
• For a single error, point users to the invalid input via a text link.
• For multiple errors, display an error summary at the top and link to it.
Which type of designer are you? 🤔
Vote for left or right aligned buttons in dialog boxes and explain why.
#design #uidesign #uxdesign #uxui #productdesign #ux
Vote for left or right aligned buttons in dialog boxes and explain why.
#design #uidesign #uxdesign #uxui #productdesign #ux
Here are some button design tips from my book to avoid usability and accessibility issues 👇
Would love to hear your thoughts or feedback 🙂
Would love to hear your thoughts or feedback 🙂
💙If you love interface design details and are looking to learn a logic-driven approach to UI design, feel free to check out my book 👇
practical-ui.com
practical-ui.com
Some Predictions and Trends in UI/UX Design for Designers in the year.🔥🚀
#Mobile-first, wearables, and simplicity are the latest UX/UI #design trends. Designers are now designing user experience around users rather than #products. #personalization is key in 2023 #uxui trends.
#Mobile-first, wearables, and simplicity are the latest UX/UI #design trends. Designers are now designing user experience around users rather than #products. #personalization is key in 2023 #uxui trends.
#01. Device synchronization.
This trend defines all others. Apps are used because they're available, not because they're good. Products abound. Cheap, expensive, stripped-down, or fully loaded. Choosing is easy. Syncing settings and content between a PC, laptop, phone, tablet...
This trend defines all others. Apps are used because they're available, not because they're good. Products abound. Cheap, expensive, stripped-down, or fully loaded. Choosing is easy. Syncing settings and content between a PC, laptop, phone, tablet...
#02. Mobile-first design
Consequence of previous point. People use mobile devices for many reasons. Flights, calls, window shopping, shopping, and more. Convenience is key.
That's why UX/UI design should be done for everything. Users should be able to understand applications..
Consequence of previous point. People use mobile devices for many reasons. Flights, calls, window shopping, shopping, and more. Convenience is key.
That's why UX/UI design should be done for everything. Users should be able to understand applications..
🔥 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
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
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.
"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.
⚡️ 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
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.
✅ 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
It's being released on 28 Nov 2022 (8am ET) 🥳.
Subscribe to get a discount code once the book's released
👉 practical-ui.com
📍 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
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?
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.
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.
Do you wonder why some of the world's most-used apps or -visited websites have a super easy interface? The answer is their UI/UX design.
UI stands for user interface; it deals with the visual elements found in a platform. UX stands for user experience; it deals with how a user finds a platform while navigating through it—is it logical, intuitive, easy, etc.?
UI/UX design are two faces of the same coin, and their purpose is to enhance user experience. The UI services market is estimated to touch US$50 billion by 2027, and the UX research software market is expected to hit US$356 million by 2026.
Storytime: How I switched my QA job to Product Design
more info in the thread 🧵
#careerchange #uxdesign #uxui #productdesign #userexperience #digitaldesign #uidesign #Webdesign
more info in the thread 🧵
#careerchange #uxdesign #uxui #productdesign #userexperience #digitaldesign #uidesign #Webdesign
1 year ago, I started gaining a lot of interest in Product Design (I was a QA back then). So, I began learning as much as I could about this domain because I wanted to shift my career within the same company.
I did courses, daily UI challenges, read articles on Medium, followed designers on Twitter, watched tons of YouTube videos, and worked on side projects so I can create a portfolio worth showing to Sortlist's Head of Product. I could not ask for a switch in Design empty-handed.
We are #hiring soon! We have a series of #job openings for: #DataViz Specialists, #DevOps Engineers, #RStats/#Python Developer, and #Usability Specialist @USGS_Water & @USGS_DataSci. Location negotiable
Follow us for updates
#DataScience #SciComm #RemoteWork #uxui #TechTwitter
Follow us for updates
#DataScience #SciComm #RemoteWork #uxui #TechTwitter
We especially encourage you to apply if you are BIPOC, LGBTQIA+, have a disability or are of any marginalized identity @BlkInData @BlkInGeoscience @AccessibleGEO @500QueerSci #BlackInSTEM #QueerInSTEM #DisabledAndSTEM #DiversityInTech #NativeInSTEM #LatinXInSTEM #BlackTechTwitter
The Data Visualization Specialists and R/Python Tool Developer will be advertised under the Biologist, Physical Scientist, and Mathematical Statistician job series (series 401/1301/1529).
Did you know? According to our #UX studies, 68% of users — after having added items to their cart 🛒 — then choose to abandon their purchase.
During our 9 years of large-scale checkout usability testing, we have also consistently found the checkout #design and flow to frequently be the sole cause for users abandoning their cart 🛒 during the checkout flow.
