NAS STUDIO – Telegram
NAS STUDIO
53 subscribers
112 photos
17 videos
13 files
24 links
This channel is for the grapghic designer and UIUX Designer dudes
More design tips, case studies, and creative chaos coming soon.
Stay tuned 👀
contact the owner @IgnitePasion
Download Telegram
https://x.com/NASSTUDI0/status/2006981991439507637?s=20


Three.js really Liked 🚀🚀🤟 my modern website project!
If you’re into creative web experiences, let’s connect on X — follow me, share your thoughts, and let’s grow together.
Also, make sure to join my channel for more behind-the-scenes and updates 🚀
NAS STUDIO
https://www.gentlerain.ai/ look it this amazing website
am just try to replicate the water ripple animation like gentelrain web

https://water-ripple-effect-phi.vercel.app/

try it and let me know u thoughts
Biases in UX Design — What Every Designer Must Know!
Bias quietly shapes decisions, research, and product outcomes. Knowing it = designing better, fairer, user-centered experiences.

1️⃣ Confirmation Bias
“We only see what we want to see.”

Designers often favor feedback that supports their ideas and ignore the rest.
Avoid it by:
• Testing early (low-fidelity first)
• Doing discovery research, not validation
• Asking neutral questions
• Staying emotionally neutral in user testing
• Using multiple data sources
• Inviting fresh external perspectives

2️⃣ Negativity Bias
“One bad experience outweighs ten good ones.”

Users remember bad UX longer than good UX. One frustration can ruin trust.
Avoid it by:
• Reducing friction in key journeys
• Fixing critical usability issues early
• Ensuring consistency & familiarity
• Designing for clarity, not cleverness
• Prioritizing real user expectations

💡 Why it matters?
Being aware of bias =
✔️ Better research
✔️ Better decisions
✔️ Better products
✔️ Happier users

https://news.1rj.ru/str/NASEXPRIENCE

Good Night 👋👋👋👍👍
1
Forwarded from Onyx Design ⚡️
From first sketch to polished logo

#ጥበብ_አጥር

Logo Concept

“ጥ” — Wisdom & Identity
The abstract form of the Amharic letter ጥ represents wisdom, heritage, and authenticity.

- Fabric-Like Flow
The soft curves mirror the movement of cloth, symbolizing elegance, fashion, and design excellence.

- Fence(አጥር)  Protection of Value
The enclosed, balanced shape represents a fence that protects quality, meaning, and refined taste.



@OnyxDesignx
❤‍🔥111
Forwarded from Onyx Design ⚡️
I Stopped Guessing UI Decisions After Finding These Design System Resources

Get essential guides, plugins, and tools to learn about design systems.

1. Resource library 

https://thedesignsystem.guide/resources

2. Free course

https://help.figma.com/hc/en-us/articles/14552901442839-Overview-Introduction-to-design-systems

3. Design system examples

https://component.gallery/design-systems/

4. Free resources

https://danmall.com/free-resources/

5. Design system talks:

https://designsystemsrepo.com/talks

6. Design system metrics:

https://thedesignsystem.guide/design-system-metrics

7. Design system ROI calculator:

https://www.knapsack.cloud/calculator

8. Design system database

https://designsystems.surf/


@OnyxDesignx
3
Fitts’ Law
Why Bigger & Closer Targets Perform Better in UX!


Fitts’ Law explains how fast a user can interact with a UI element.
⏱️ Interaction time depends on:
1️⃣ Distance to the target
2️⃣ Size of the target

So…
✔️ Bigger + Closer = Faster actions
Smaller + Farther = Slower + more errors

🔍 Why It Matters for UX Designers?

Fitts’ Law helps us design experiences that feel:
✔️ Easier
✔️ Faster
✔️ More natural
✔️ Less frustrating

📚 Key Principles

Bigger touch targets = quicker actions
➡️ Apple: 44 × 44 pt
➡️ Google Material: 48 × 48 dp
➡️ WCAG Web: 44 × 44 px

Icon + Text > Icon Alone
➡️ Easier to understand
➡️ Larger clickable area

Keep next actions nearby
➡️ Reduce finger travel
➡️ Avoid top ↔️ bottom jumps

Avoid tiny crowded buttons
➡️ Users may overshoot
➡️ Leads to mistakes

⚠️ Where Designers Go Wrong

Too-small tap areas
Actions too far apart
Important actions placed awkwardly
Forgetting thumb reach on mobile

Example: Some iOS workflows move interaction from top → bottom → top, increasing effort & delay.

📝 Takeaway

Design for:
✔️ Larger tap areas
✔️ Minimal distance between steps
✔️ Logical next-action placement
✔️ Edge advantage when useful

But remember
Fitts’ Law is a guideline, not a rigid rule. Always validate with real user behavior & data


🔥 Coming Next: Hick’s Law — Why Too Many Choices Kill Decisions!
Stay tuned
🎯 Hick’s Law
Too Many Choices Slow Users Down!


Hick’s Law (Hick–Hyman Law) explains how users make decisions.
It states that:


🧠 The more options users have, the longer they take to decide.
Decision time increases logarithmically, not linearly — meaning complexity grows quickly as choices multiply.

So…
✔️ Fewer / clearer choices → Faster decisions
Too many choices → Confusion, hesitation, drop-offs

🔍 Why It Matters in UX?


Hick’s Law helps designers:
✔️ Reduce cognitive load
✔️ Improve decision speed
✔️ Increase conversion rates
✔️ Create more focused user experiences

Users don’t want to “think hard.” Our job is to guide them.

📚 Real-Life Examples
📺 TV Remote

Old remotes = too many buttons → confusion + slow decisions
Apple TV / Mi Remote = fewer buttons → faster actions
Complexity moves to UI → less cognitive load

🔎 Google Homepage

Just a search bar + actions → only 1 clear decision
No distractions → fast task completion
Perfect example of focus > clutter

🛒 E-commerce Mega Menus


Sometimes you MUST show many options (Walmart, Alibaba etc.).
Hick’s Law doesn’t force reducing options — it guides better organization:

✔️ Group related items
✔️ Use meaningful labels
✔️ Order logically
✔️ Make scanning effortless

⭐️ Pricing & Plan Selection

Too many plans can overwhelm users.
Highlighting one recommended / “Best Value” plan:

✔️ Reduces thinking effort
✔️ Builds confidence
✔️ Speeds decisions

Netflix and SaaS companies do this perfectly.

🧠 How Designers Apply Hick’s Law


1️⃣ Reduce Options

Only show what truly matters.
Less clutter = faster decisions = better conversion.

2️⃣ Break into Steps

Instead of asking everything at once:
Bag → Address → Payment (Myntra checkout example)
Small steps feel effortless.

3️⃣ Show All Options but Guide Users

Use:
✔️ Highlighted options
✔️ Visual emphasis
✔️ Smart defaults

Help users decide faster without removing choice.

📝 Key Takeaways

Hick’s Law helps designers:

✔️ Direct users to what matters most
✔️ Help users reach CTA faster
✔️ Prevent confusion and hesitation
✔️ Improve conversion & usability

But remember
It’s not about “removing choices.”
It’s about presenting them smartly, clearly, and at the right time.
Why Lo-Fi Wireframes Matter 🧠

Lo-Fi wireframes focus on structure, flow, and purpose, not visuals.

Key Benefits:
• Faster iteration & early feedback
• Clear content hierarchy
• Aligns designers, devs & stakeholders
• Highlights primary user actions
• Reduces rework in Hi-Fi & development
• Ideal for early usability testing

Sample UX Labels:
• “Layout only — visuals intentionally ignored”
• “Primary CTA to validate user goal”
• “Content priority & component logic”
• “Testing flow, not aesthetics”

In short:
👉 Lo-Fi wireframes validate what goes where and why — before polish begins.
🎯 Miller’s Law
Why Users Can Remember Only 7±2 Things


Miller’s Law states that:
🧠 The average human can hold only 5–9 items in working memory at once.

This is known as Miller’s Magic Number (7 ± 2) and it plays a huge role in how we design interfaces, content, and flows.

🔍 Why Miller’s Law Matters in UX

Users get overwhelmed easily.
When we show too much information at once, they:
Forget
Get confused
Make mistakes
Abandon tasks

Good UX respects memory limits.

🧠 The Magic of Chunking

Instead of forcing users to remember everything, we group information into chunks.

Example 👇
8810987563
8810 – 9875 – 63

Same number. Easier to remember.
This is chunking, and it’s the core idea behind Miller’s Law.

📚 Everyday Examples You Already Know

✔️ Phone numbers (split into groups)
✔️ Credit card numbers (4-4-4-4)
✔️ Social Security / ID numbers
✔️ Presentation slides (5–7 bullets max)
✔️ TV remotes (only essential buttons)

All designed around human memory limits.

🎬 Digital Product Examples
Netflix

• Shows ~6 noscripts per row
• Groups content by categories
• Easy to scan, recall, and decide

Perfect use of 7±2 rule + chunking.

Walmart Mega Menu

• Main categories → subcategories
• Visual grouping + hierarchy
• Reduces complexity of massive content

Large systems made usable with chunks.

Pinterest Explore

• Content grouped by date → category → topic
• Multiple layers of chunking
• Easier browsing & recall

🧩 Where Designers Use Miller’s Law

✔️ Navigation menus (5–7 items)
✔️ Contact lists (limited visible entries)
✔️ Checkout steps (split into stages)
✔️ Supermarket shelves (grouped brands)
✔️ Slides & dashboards (minimal metrics per view)

📝 Key Takeaways for Designers


✔️ Don’t overload memory
✔️ Break content into chunks
✔️ Group related information
✔️ Use hierarchy & spacing
✔️ Show information progressively

⚠️ It’s not about showing exactly 7 items
It’s about reducing cognitive load