UI/UX With Ibrahim

Home
UI/UX With Ibrahim

I help businesses create products that their users love.

04/08/2024

How a Confusing Placeholder Text on Daraz App Ruined My Shopping Experience 😠

It was a lazy Sunday afternoon when I decided to browse my favorite online store for some household essentials. 🏠🛍️ I picked up my phone and opened the app, eager to take advantage of the ongoing discounts. 📱💸 As I navigated to the home screen, my eyes landed on the search bar, eager to begin my shopping spree.

But something was off. 🤔

The search bar already had something written in it: "pharmevo." For a moment, I thought it was my previous search, but I couldn't recall ever searching for that term. Puzzled, I tapped on the search bar and tried to delete the text, thinking it was a mistake. However, the text wouldn't disappear. 🧐❌

Annoyed and confused, I paused and looked more closely. It suddenly dawned on me that the text wasn't a pre-entered search query, but a placeholder suggestion. It was a subtle realization, but the damage was done. What should have been a seamless shopping experience had turned into a moment of frustration. 😤

Being a UI/UX designer myself, I couldn't help but analyze the situation. I realized that the app had violated one of the core principles of user experience design:

Clarity: The placeholder text should have been a subtle hint, perhaps in a lighter shade of gray, clearly distinguishing it from an actual search term. Instead, it blended in too well, causing unnecessary confusion. 🌫️

I also thought about

Consistency: Users expect input fields to behave in a certain way. Placeholders are supposed to guide, not mislead. This small oversight had disrupted my flow, making me feel less confident in navigating the app. 🚧

Quick Notes for UX Designers:

1. Differentiate Placeholder Text: Use a lighter color to ensure it is clearly distinguishable from actual input text.

2. Provide Clear Guidance: Use placeholder text to guide users on what to search for, not as a default search term.

3. Maintain Consistency: Ensure all input fields behave in a consistent manner to meet user expectations.

4. Test for Clarity: Regularly test your app with real users to identify any points of confusion or frustration.

With these principles in mind, we can create a smoother and more intuitive user experience for everyone. 🌟

How Daraz can fix this user experience, Drop your thoughts in the comment section 💭

02/07/2024

🤔 Ever wonder why those half-pictures on Pinterest grab your attention? 🖼️✨

It’s not magic—it’s the Zeigarnik Effect! 🎩🔮 This cool psychology trick tells us we’re more interested in unfinished tasks than completed ones. By showing just part of an image, Pinterest sparks your curiosity and makes you want to click to see the rest. 📲👀

Plus, this taps into the curiosity gap, giving you just enough to get excited but not enough to satisfy your curiosity. So next time you find yourself drawn to those partial images, you’ll know the clever science behind it! 🌟🔍

30/06/2024

"People remember uncompleted or interrupted tasks better than completed ones"

Have you ever noticed that you're more likely to remember and want to finish tasks that you've started but haven't completed? There's a fascinating psychological principle behind this common experience, known as the Zeigarnik Effect and Ovsiankina's Principle.

The Zeigarnik Effect explains that our brains have a natural tendency to remember and prioritize incomplete tasks over completed ones. When a task is interrupted or left unfinished, it creates a mental tension or itch that motivates us to go back and finish what we started. This phenomenon highlights our innate desire for closure and resolution.

Ovsiankina's Principle builds on this idea, emphasizing that interruptions or unfinished tasks create a sense of psychological discomfort. This discomfort pushes us to return to the task to relieve the tension and achieve completion.

Real-World Examples:

Online Shopping: Ever left items in your shopping cart and received a reminder email? That's leveraging the Zeigarnik Effect to encourage you to complete your purchase.
Learning Apps: Platforms like Duolingo use incomplete lesson reminders to prompt users to continue their language learning journey.
Social Media: LinkedIn's profile completeness meter motivates users to fill in missing details to achieve a fully optimized profile.

Next time you feel that urge to complete something you've started, remember—it's your brain's way of guiding you towards closure and accomplishment. Embrace it, and enjoy the satisfaction of finishing what you began!

23/06/2024

SwotsUp but in Dark Mode🌓

Thought of revamping the UI of and here's what I came up with, a sleek, stylish Dark Mode to save your eyes and your battery! 🌚

Check it out and let me know your thoughts in the comments! 😃

P.S. – Your screen brightness might thank you. 🌚✨

22/06/2024

We all use Google, but have you ever wondered what makes its homepage so user-friendly? 🤔 As a UX designer, you'll be amazed by the clever UX laws at play here! 🎨

# # # 1. Hick's Law 📊

Ever noticed how simple Google's homepage is? Hick's Law says that the more choices you have, the longer it takes to make a decision. Google keeps it straightforward with just a search bar, a "Google Search" button, and an "I'm Feeling Lucky" button. This simplicity helps you quickly decide what to do next without feeling overwhelmed. 🧠

# # # 2. Fitts's Law 🎯

Fitts's Law is all about ease of clicking. The bigger and closer a button is, the easier it is to click. Google's main interactive elements (search bar and buttons) are large and centrally located, making them super easy to click. 🖱️

# # # 3. Gestalt Principles 🧩

Google uses Gestalt principles to make its design intuitive:

- Proximity: Related elements (like the search bar and buttons) are grouped closely together, showing they belong together. 👯‍♂️

- Similarity: The buttons look alike in shape, color, and size, indicating they perform related functions. 🎨

# # # 4. Miller’s Law 🧠

Miller’s Law suggests that people can only keep 7 (plus or minus 2) items in their mind at once. Google's minimalist design and limited options prevent users from feeling overwhelmed. 🌟

# # # 5. Aesthetic-Usability Effect ✨

A clean, uncluttered design isn’t just pretty—it’s functional too! The aesthetically pleasing Google homepage is easier to navigate and interact with. 🖼️

# # # 6. Accessibility ♿

Google's design uses high contrast (like white text on a dark background in this dark mode version) to ensure readability for everyone, including users with visual impairments. It also clearly presents language options, making it accessible for users worldwide. 🌍

# # # 7. Whitespace ⚪

Whitespace, or negative space, helps keep your attention on the main elements (like the search bar and buttons) by reducing distractions and making the page feel less cluttered. ✨

Did you find this helpful? Let me know if I missed any UX laws in the comments below! 💬

19/04/2024

Did you know? Dark mode isn't just sleek, it's easier on your eyes and your battery! 🔥👀

16/04/2024

Are you still not creating button using Auto layout???🤔

14/04/2024

Feeling overwhelmed by options? There's a science to that!😎

Address

Telephone

+923331244228

Website

https://www.behance.net/ibrahimimadudd

Alerts

Be the first to know and let us send you an email when UI/UX With Ibrahim posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Contact The Business

Send a message to UI/UX With Ibrahim:

Shortcuts

Want your business to be the top-listed Advertising & Marketing Company?

Country:

City: