#Natheer | UI/UX

خريج علوم حاسب, بدأت من @TuwaiqAcademy · أكتب عن تجربتي ودروسي في تصميم تجربة المستخدم🎨💻

[#Natheer | UI/UX @nethor0]

📌 تحدي الـ 100 معلومة في الـ UI/UX

قررت ابدأ تحدي شخصي واشارككم 100 معلومة من كتاب
"100 Things Every Designer Needs to Know About People".

الفكرة إني باخذ معلومة واطبقها بشكل شبه يومي على واجهات تصميم.. وممكن احياناً تمر معلومة ما لها تطبيق مباشر، بس الهدف النهائي إننا نستفيد، نغير جو، ونحرك الحساب بشيء عملي وممتع! 🎨📱

بدل الثريد الطويل، كل معلومة بتنزل بتغريدة مستقلة عشان تاخذ حقها بالنقاش.

#تحدي_100_معلومة_UX

[#Natheer | UI/UX @nethor0]

التغيير البسيط يصنع فرق كبير في توجيه التركيز.

💡 معلومة (5) من سلسلة #تحدي_100_معلومة_UX:
"جزء خاص في الدماغ لمعالجة الميزات البصرية البسيطة"

يُعالج الدماغ خصائص مثل الألوان والزوايا في مناطق مختلفة. لإبراز عنصر وتوجيه العين إليه دون تشتيت، يُكتفى بدمج ميزتين فقط: زاوية مختلفة (ميلان بسيط) ولون مختلف.

صممت أفضل الممارسات لبطاقات الاشتراك لتوضيح الفرق👇🏻

[#Natheer | UI/UX @nethor0]

@jxirrx منجد ماهي ضابطة...خصوصا ان الكلمة تنقال بالعادة لشخص جايب العيد (يمكن ينسجن) فنقول "حتوحشنا"🤣🤣🤣

[#Natheer | UI/UX @nethor0]

⏪ فاتتك التغريدة السابقة (3)؟
اقرأها من هنا:
https://t.co/4egUPkuq7B

[#Natheer | UI/UX @nethor0]

💡 معلومة (3) من سلسلة #تحدي_100_معلومة_UX:
"الناس تتعرف على الأشياء من خلال الأنماط" 🧩

العين تدور الراحة دايم، وعشان تستوعب أي عنصر بصري تفككه تلقائياً لأشكال هندسية بسيطة (Geons).
هالتفسير النفسي هو السر وراء "قانون البساطة" المشهور في عالم الـ UX!
كثرة التفاصيل والزخارف بالأيقونات ترهق المستخدم وتبطئ استيعابه, بينما الأشكال البسيطة تسرّع الفهم.

صممت شريطين تنقل, الفرق واضح 🙂👇🏻

[#Natheer | UI/UX @nethor0]

تدري إن الانجذاب لملامح البشر مبرمج فينا؟

💡 معلومة (4) من سلسلة #تحدي_100_معلومة_UX:
"هناك جزء خاص في الدماغ للتعرف على الوجوه فقط"

أول ما تفتح أي صفحة فيها صورة شخص، عينك بتطيح عليه فوراً، وبتتفاعل معاه عاطفياً. والأذكى من كذا، إننا لا إرادياً نلحق نظرة هالشخص؛ يعني لو كان يطالع في مكان معين، عينك بتروح مباشرة.

وعشاني احب @NICEONESA 🤍 سحبت صفحة الهبوط حقتهم باستخدام إضافة فيجما في متصفح كروم وعدلت عليها. حطيت صورة شخص يوجه عينه للزر . وبطريقي ما قدرت أمسك نفسي وسويت تحسينات طفيفة لقسمين.👇🏻

[#Natheer | UI/UX @nethor0]

@02voc

[#Natheer | UI/UX @nethor0]

بعد ما اعلنو TV Time بإيقاف التطبيق🤬

شفت بديل Sofa Time رهييب وسلس، نقلت فيه كل المسلسلات والافلام والصراحة كانت العملية طويلة

و دفعت اشتراك مدى الحياة بـ٤٠﷼ حق لا يقولو فلسنا🤓🙏🏻

[#Natheer | UI/UX @nethor0]

@511ivx هو الصدق على حسب استخدام كل شخص
من ناحيتي ماكنت من النوع إلا يعلق...

[#Natheer | UI/UX @nethor0]

سجلت بدون تردد😍🔥

وانا مؤمن ان فيه عندنا مواهب وكفاءات جدا عالية وتحتاج وقفتنا مع بعض لبناء مجتمع تقني/تصميمي ضخم وجيل واعد باذن الله 💪🏻🇸🇦

[Abdullah AlJuhani @AbdullahUXR]

من اول وانا مؤمن ان اعظم استثمار ممكن يتركه الانسان هو الاثر.

ومن هذي القناعة ولدت فكرة مسبار، منصة تعليمية تقدم تجربة مختلفة في مجال تجربة المستخدم، هدفها مو مجرد نقل المعرفة، بل بناء اشخاص قادرين يصنعون قيمة حقيقية في السوق.

سجل الان في قائمة الانتظار، وكن من اول المنضمين لرحلة مسبار
https://t.co/qt3O0thKHm

[#Natheer | UI/UX @nethor0]

@fahad545454841 اتمنى ينزل على الاندرويد

[#Natheer | UI/UX @nethor0]

@nin8d جربتها وما ضبطت معاي

https://t.co/LBfqQH447O

بالنسبة لتجربتي حسيته مقارب ل TV Time والواجهة افضل وفيه مميزات كثيرة من ناحية تخصيص وذا الشي ما كان موجود

[#Natheer | UI/UX @nethor0]

@A1Falah فيه طريقتين:

١:
من نفس التطبيق بس ما ضبطت معاي

٢:
من خلال الربط بحساب من
https://t.co/8xriLc93wG

ترفع فيه بياناتك من TV Time ثم تفعل خيار المزامنة في Sofa Time

[#Natheer | UI/UX @nethor0]

@Ruuuyy4 اظن عشان فيه مسلسلات عربية
فعادي ماهمتني😂

[#Natheer | UI/UX @nethor0]

@A1Falah فيه طريقتين:

١:
من نفس التطبيق بس ما ضبطت معاي

٢:
من خلال الربط بحساب من
https://t.co/8xriLc93wG

ترفع فيه بياناتك من TV Time ثم تفعل خيار المزامنة في Sofa Time

[#Natheer | UI/UX @nethor0]

@th121313713 صحيح

[#Natheer | UI/UX @nethor0]

⏪ للي فاتته المعلومة السابقة (رقم 2):

https://t.co/xRWIMmg8dm

📌 ولتفاصيل التحدي، شيكوا على التغريدة المثبتة بحسابي.

[#Natheer | UI/UX @nethor0]

💡 معلومة (2) من سلسلة #تحدي_100_معلومة_UX:
"الرؤية المحيطية تُستخدم أكثر من الرؤية المركزية لفهم الصورة العامة" 👀

دايماً نركز نظرنا المباشر عشان نقرأ ونشوف التفاصيل، لكن "طرف العين" أو الرؤية المحيطية هي اللي تعطينا الفكرة العامة للشاشة. وأي عناصر في اطراف الشاشة (مثل الإعلانات المتحركة أو الفيديوهات اللي تشتغل فجأة) راح تشتت المستخدم غصب عنه وتزعجه.

عشان كذا، اخذت مقال من موقع @Medium وعدلت على طريقة عرضه، وضحت كيف نقدر نستغل اطراف الشاشة صح 😎

[#Natheer | UI/UX @nethor0]

💡 معلومة (3) من سلسلة #تحدي_100_معلومة_UX:
"الناس تتعرف على الأشياء من خلال الأنماط" 🧩

العين تدور الراحة دايم، وعشان تستوعب أي عنصر بصري تفككه تلقائياً لأشكال هندسية بسيطة (Geons).
هالتفسير النفسي هو السر وراء "قانون البساطة" المشهور في عالم الـ UX!
كثرة التفاصيل والزخارف بالأيقونات ترهق المستخدم وتبطئ استيعابه, بينما الأشكال البسيطة تسرّع الفهم.

صممت شريطين تنقل, الفرق واضح 🙂👇🏻

[#Natheer | UI/UX @nethor0]

@AbdullahUXR بإذن الله😍🤝🏻

[#Natheer | UI/UX @nethor0]

أي تصميم ناجح وراه بحث (سواء بسيط او عميق).

بكون صريح معكم، دايم اضيع في البدايات: كيف ابدا البحث؟ وكيف اتاكد اني ماشي صح؟ وهالشي كان ياخذ مني وقت.

عشان احول نقطة الضعف هذي الى ميزة قوية، بديت هذا الاسبوع كورس متخصص مع الأخ عبدالله @AbdullahUXR

متحمس جداً وواثق ان المخرجات بتكون رهيبة 😍🔥

#UXResearch #UIUX

[#Natheer | UI/UX @nethor0]

⏪ للي فاتته المعلومة السابقة (رقم 1):
https://t.co/Qekkm3k3Ur
📌 ولتفاصيل التحدي، شيكوا على التغريدة المثبتة بحسابي.

[#Natheer | UI/UX @nethor0]

💡 معلومة (1) من سلسلة #تحدي_100_معلومة_UX:
"ما تراه ليس ما يحصل عليه دماغك"

الدماغ دايماً يفسر اللي يشوفه ويستخدم اختصارات ذهنية مبنية على خبرات سابقة عشان يستوعب العالم بسرعة. كمصممين، نقدر نأثر على اللي يشوفه المستخدم ونوجه انتباهه من خلال توظيف الألوان والأشكال بذكاء.

في الصورة تحت طبقت هالمبدأ بطريقتين👇🏻

[#Natheer | UI/UX @nethor0]

💡 معلومة (2) من سلسلة #تحدي_100_معلومة_UX:
"الرؤية المحيطية تُستخدم أكثر من الرؤية المركزية لفهم الصورة العامة" 👀

دايماً نركز نظرنا المباشر عشان نقرأ ونشوف التفاصيل، لكن "طرف العين" أو الرؤية المحيطية هي اللي تعطينا الفكرة العامة للشاشة. وأي عناصر في اطراف الشاشة (مثل الإعلانات المتحركة أو الفيديوهات اللي تشتغل فجأة) راح تشتت المستخدم غصب عنه وتزعجه.

عشان كذا، اخذت مقال من موقع @Medium وعدلت على طريقة عرضه، وضحت كيف نقدر نستغل اطراف الشاشة صح 😎