رتبها

Ahmad

9 تغريدة 16 قراءة May 29, 2022

~~ ثريد Ui/UX ~~
كثير نسمع عن الـUi/UX ، لكن وش الفرق بينهم 🤔؟ وكيف ابدأ هالمجالين 🙋 ؟ ان شاء الله في هالثريد راح اشرح كل شي وبطريقة سهله.

في البداية، خلونا نعرف هالمفاهيم:
📱 الـUi او واجهة المستخدم : هي عبارة عن تفاعل المستخدم مع التصميم وطريقة عرضه.. الوانه مريحه للعين؟ الازرار الي فيه متناسقة ومرتبة؟الخطوط مفهومة و واضحة؟
📲 الـUX او تجربة المستخدم : هي عبارة عن رحلة المستخدم في التطبيق و سهولة التعامل معه..

عشان توضح اكثر 💁، هنا عندنا واجهتين لنفس التطبيق، لكن بتصميم مختلف، نلاحظ باليسار كيف الالوان والازرار متناسقة ومريحة للعين، لكن جهة اليمين؟ازرار مو متناسقة، ترتيب عشوائي ،خطوط مو واضحة.
وهنا نعرف اهمية الUi في المنتج وكيف ان المستخدم ممكن ينجذب او يهرب 🏃‍♂️ عن التطبيق بسببه.

اما بالنسبة للـUX ناخذ مثال وهو تحديث الصفحة في التطبيقات،لو نلاحظ ان تحديث الصفحة في معظم التطبيقات الجديدة سهل،بس نسحب الصفحة لتحت وراح تتحدث، هالشيء البسيط اعطانا تجربة حلوه ومريحة في التطبيق💆،لكن لو افترضنا انه مو موجود وان الاساس هو اعادة تشغيل التطبيق لو نبغى نسوي تحديث..

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

🔶طيب كيف ابدأ في هذه المجالات؟ ومن وين ؟
🔸 بالنسبة للـ Ui، عندنا برامج مثل Adobe XD لكنه بفلوس.. او Figma وهو مجاني وثنينهم يقوموا بنفس الوظيفة، التعلم فيهم جدا سهل واليوتيوب ملياان شروحات ومع الممارسة والبحث راح تكون مبدع 👾.

الشيء الحلو انك تقدر تعرض التطبيق على جوالك وانت تشتغل عليه + تقدر تسوي محاكاة كاملة وتربط الازرار بالصفحات ويكون تطبيق كامل.

🔸بالنسبة للUX، الكورسات ومقاطع اليوتيوب كثيرة ، وفكرة ان نجرب نبني تطبيق من جديد جدا مفيدة، مثلاً لو جربنا نبني تويتر في Figma او Adobe XD ، من هنا راح تجي التساؤلات على بالنا وراح نبحث ونفهم ليش هذا الشيء صار كذا في التطبيق، وكيف يسهل على المستخدم تجربته..

📍 وفي النهاية، هذه بعض المواقع الي استخدمها في اختيار الوان الواجهات 👇
1 - colorhunt.co
2 - pagetutor.com