Discover and read the best of Twitter Threads about #UXDesign
Most recents (24)
In an essay I wrote, "only unaware practitioners use made-up #personas in their design work".
I think I know why this is done.
🧵 1/15
I think I know why this is done.
🧵 1/15
There is a difference between #characters and #archetypes. You can make up characters, as long as each character is based on a researched archetype.
2/15
2/15
People who make up personas are actually making up characters, but they make these characters without any grounding. There are usually no researched archetypes.
You can do better, and have fun:
3/15
You can do better, and have fun:
3/15
"Product Design is not UX Design is not UI Design is not..."
Look, if you're doing the job right, it's all the same shit.
It's all DESIGN.
Every description I've ever read about any of the above disciplines applies to ALL THREE if you're going to be any good at it.
1/6
Look, if you're doing the job right, it's all the same shit.
It's all DESIGN.
Every description I've ever read about any of the above disciplines applies to ALL THREE if you're going to be any good at it.
1/6
If you're going to make an impact. Get results. Help people.
Design of ANY kind, in general, is a holistic pursuit — you have to know a hell of a lot about a hell of a lot that is far beyond the actual tactical work you do.
2/6
Design of ANY kind, in general, is a holistic pursuit — you have to know a hell of a lot about a hell of a lot that is far beyond the actual tactical work you do.
2/6
Stuff that is beyond the principles and practices of good UX, good design.
Into the realm of business, technology, engineering, human psychology, cognitive behavior, the list goes on.
3/6
Into the realm of business, technology, engineering, human psychology, cognitive behavior, the list goes on.
3/6
What is Color Theory in Design?
A thread 🧵
A thread 🧵
Definition:
- Color Wheel
This circular diagram shows the relationships between primary, secondary, and tertiary colors.
By understanding how colors interact on the wheel, designers can create harmonious and visually appealing designs.
This circular diagram shows the relationships between primary, secondary, and tertiary colors.
By understanding how colors interact on the wheel, designers can create harmonious and visually appealing designs.
Incredible GPT-4 uses in just a few days! Super inspiring summary thread 🧵👇
#ui #ui #uidesign #ux #uxdesign #design #innovation #AI #ArtificalIntelligence #games #microsoft #powerpoint #food #recipes #chatbot #business #money #OpenAI #code #programming #webdev #ios #iphone
#ui #ui #uidesign #ux #uxdesign #design #innovation #AI #ArtificalIntelligence #games #microsoft #powerpoint #food #recipes #chatbot #business #money #OpenAI #code #programming #webdev #ios #iphone
1. Microsoft Copilot
GPT4 in powerpoint, excel, word, outlook, teams, more.
blogs.microsoft.com/blog/2023/03/1…
GPT4 in powerpoint, excel, word, outlook, teams, more.
blogs.microsoft.com/blog/2023/03/1…
2. Arcade Game
@thegarrettscott made a website that uses GPT-4 to code any arcade game you can think of and let you play it instantly.
@thegarrettscott made a website that uses GPT-4 to code any arcade game you can think of and let you play it instantly.
10 Useful Design Systems to Learn From (Mega thread) 👇🧵
#ui #uidesign #ux #uxdesign #design #productdesign #designsystems #uikit #sketch #figma #adobexd #google #apple #ibm #airbnb #audi #shopify #ecommerce #atlassian #webdev #ios #materialdesign #iphone #react #js #css
#ui #uidesign #ux #uxdesign #design #productdesign #designsystems #uikit #sketch #figma #adobexd #google #apple #ibm #airbnb #audi #shopify #ecommerce #atlassian #webdev #ios #materialdesign #iphone #react #js #css
2. Apple
The Human Interface Guidelines contains guidance and best practices that can help you design a great experience for any Apple platform
developer.apple.com/design/human-i…
The Human Interface Guidelines contains guidance and best practices that can help you design a great experience for any Apple platform
developer.apple.com/design/human-i…
⚡️ 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.
📚 I wrote an article about my favorite UI design books.
I’m originally a designer with a strong focus on research / UX design.
Adding UI design to my skillset has been one of my professional goals since 2017.
These are the UI design books I really appreciate: 👇
I’m originally a designer with a strong focus on research / UX design.
Adding UI design to my skillset has been one of my professional goals since 2017.
These are the UI design books I really appreciate: 👇
1. Refactoring UI by @steveschoger and @adamwathan
The book is full of practical, directly applicable design knowledge greatly illustrated by bad and good examples.
The book is full of practical, directly applicable design knowledge greatly illustrated by bad and good examples.
2. Practical UI by @AdhamDannaway
Adham’s book complements Refactoring UI really well: there are a lot of additional aspects included, for instance next to visual design, it heavily focuses on usability and accessibility, too.
Adham’s book complements Refactoring UI really well: there are a lot of additional aspects included, for instance next to visual design, it heavily focuses on usability and accessibility, too.
#ثريد
في هذا الثريد سأشارك معكم كيفية استخدام دردشة 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?
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
UI Designer vs. UX Designer vs. Product Designer: A Comparative Analysis
-
-
See thread👇
-
-
#uidesign #UI #design #uxdesign #uiuxdesign #productdesign #musemind
-
-
See thread👇
-
-
#uidesign #UI #design #uxdesign #uiuxdesign #productdesign #musemind
What Does A Product Designer Do?
Product designers manage the design improvement process. Product designers brainstorm solutions to current pain points,take stakeholder input,bridge designers,engineers,and researchers. They understand the product's broad goals and its specifics.
Product designers manage the design improvement process. Product designers brainstorm solutions to current pain points,take stakeholder input,bridge designers,engineers,and researchers. They understand the product's broad goals and its specifics.
What Does A UI Designer Do?
UI designers create the look and feel of digital product user interfaces. UI designers design both screens and their components.
Thus, they examine each screen's layout and its relationships with others.
UI designers create the look and feel of digital product user interfaces. UI designers design both screens and their components.
Thus, they examine each screen's layout and its relationships with others.
chatGPT for UI/UX design MEGA Thread🧵⚡️
Let's see how AI may help us, designers, in our daily workflow.
#uidesign #uxdesign #ChatGPT
Let's see how AI may help us, designers, in our daily workflow.
#uidesign #uxdesign #ChatGPT
Many of us have already tried to test AI chat to get some results usable for design work. Here is the 20 tips that will show you some practical use caes.
1. Generate copy for a website or section
Hey guyss ,So i curated a list of websites that i get my illustrations from ✨
Which of them have you used before ?
Which of them do you plan to use ?
Let me know in the comments
#uxdesign #ux #uiuxdesign #uiuxdesigner
A Thread
Which of them have you used before ?
Which of them do you plan to use ?
Let me know in the comments
#uxdesign #ux #uiuxdesign #uiuxdesigner
A Thread
Nature is the best inspiration for UX and UC design.
I bet if you pay attention to day-to-day functioning you will learn a lot.
#ux #ucd #uxdesign #uxdesignmastery #inspiration #design
I bet if you pay attention to day-to-day functioning you will learn a lot.
#ux #ucd #uxdesign #uxdesignmastery #inspiration #design
🔥 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.
Whilst playing around with glass morphism, I designed a translucent card and icons. KCB might never reply but I would love to hear your thoughts on this redesign🤔
On that note, it would be fun to see a fingerprint scanner and dark mode integrated into the app.📲😍
⚡️ 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
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 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.
✅ 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.
A discussion on the state of Digital PERSONALIZATION on the Internet.
#Personalization #SocialMedia #Internet #Echochamber #ContentStrategy #UX #UXDesign #socialmediamarketing #DataScience #Analytics #Algorithm #DarkPatterns #DarkAlgo
#Personalization #SocialMedia #Internet #Echochamber #ContentStrategy #UX #UXDesign #socialmediamarketing #DataScience #Analytics #Algorithm #DarkPatterns #DarkAlgo
I was watching the Personalization versus Customization video on the Nielsen Norman Group YouTube channel (). Looking from the lens of social psychology, I think a video on Personalization versus Comparison (Comparative Personalization) would sketch
the future roadmap of digital communication design. This is because I've been thinking about the many ways personalization can be taken advantage of socio-politically at a global level while watching the video 'How short-form video is rotting your brain?'
UX design systems & guidelines you have to take a look at 👇💫
Add your favorite below
#uxdesign #design #designsystems #productdesign #UIUXDesigner
Add your favorite below
#uxdesign #design #designsystems #productdesign #UIUXDesigner
Become a UI/UX designer without paying a dime!
These are platforms that will teach you UI/UX design for free.
Those that aren't free have financial aid packages.
Credit: UI Johnson
#uiuxdesign #UIUXDesigner #designthinking #uxdesign
These are platforms that will teach you UI/UX design for free.
Those that aren't free have financial aid packages.
Credit: UI Johnson
#uiuxdesign #UIUXDesigner #designthinking #uxdesign
📍 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.
The Designer is the most misunderstood role in Product.
And yet, their work is crucial for a team's success.
Over the years, I've observed 2 toxic patterns: 🧵
#productmanagement #uxdesign
And yet, their work is crucial for a team's success.
Over the years, I've observed 2 toxic patterns: 🧵
#productmanagement #uxdesign
1. There is no Designer on the team.
Sometimes there might be some UI guy who takes care of selecting stock photos or modifying the CSS styles. But in reality, the usability of the product is not taken seriously by anyone.
So the usability sucks.
Sometimes there might be some UI guy who takes care of selecting stock photos or modifying the CSS styles. But in reality, the usability of the product is not taken seriously by anyone.
So the usability sucks.
2. The Designer is engaged too late.
The Designer is asked for help when low-fidelity prototypes are ready, or worse, once the application is built. Their only job is to "make it prettier."
No matter how much they try, it's like lipsticking a pig.
How can we solve this?
The Designer is asked for help when low-fidelity prototypes are ready, or worse, once the application is built. Their only job is to "make it prettier."
No matter how much they try, it's like lipsticking a pig.
How can we solve this?
Them: "We never have enough time to do proper user interviews."
Me: "How much time do you have?"
Them: "a week."
Me: "Let me tell you a story..."
And the story, #UX and #design friends, goes like this:
(1/11)
Me: "How much time do you have?"
Them: "a week."
Me: "Let me tell you a story..."
And the story, #UX and #design friends, goes like this:
(1/11)
I was consulting with an organization, whose team needed to do some research; interviews specifically. They said "well, we have 24 hours based on our schedule…but we have to get to this other work to make deadline and right now it's all hands on deck."
(2/11)
(2/11)
So the team can't spare the manpower or the people and there were lots of reasons why that date couldn't move. In the end, we got eight hours.
Eight hours to talk to users and get some sense of what's going on here.
(3/11)
Eight hours to talk to users and get some sense of what's going on here.
(3/11)
