المصطلحات في مجال الـ UI/UX كثيره ويصعب على البعض الإلمام بها جميعاً 😣🫨
لذا بإذن الله بحاول أغطي لكم أكبر قدر ممكن من المصطلحات باللغتين العربيه والإنجليزية 🚀
وبتكون مرجع تحت هذه التغريدة 🔽
#ثريد_مي
لمحبين الكتب من من مصميم تجربة المستخدم
كتاب رائع وسلسل يشرح عن مفهوم تجربة المستخدم وخطواته وعلم النفس المستخدمين
والأجمل أنه يثري المحتوى العربي، خصوصاً مع قلته في مجال UI/UX 💡🚀
قراءة ممتعه 📖
الحمدالله الذي يسر البدايات حتى بلغنا الغايات ☀️ ♥️
بعد رحلة ملهمة في تطوير مهاراتي الإبداعية والتقنية حصلت بفضل الله على شهادة Graphic Design and UI/UX
شكراً على جهودكم المبذولة 🙏🏻✨
@ANASalumni
مقالة الاسبوع ☀️
من المبدعين
@UXWritingar
تتحدث عن الفرق بين مجال تصميم واجهة المستخدم ومجال تصميم تجربة المستخدم؟
وأهم المهارات التي يجب أن يمتلكها مصمم تجربة المستخدم 🚀🧠
قراءة ممتعة 📖
كيف ممكن نرفع من نسبة نجاح التطبيق ونحقق تجربة مستخدم عالية⁉️🤔
هناك خطوات عديدة.. ومنها عمل مايعرف بـ (Competitive Analysis) تحليل المنافسين
تعالوا معي نتعرف عليه أكثر في هذا الثريد 🔽
#ثريد_مي
كيف ممكن نصمم واجهة مريحة للعين وجذابة؟ 🤩🚀
ثريد اليوم بيكون عن المسافة البيضاء (White Space) وأهميتها في جمالية التصميم🪄
#تصميم_واجهات
#فيقما #تصميم #ثريد_مي
تكرر علي مثل هذا السؤال بالفترة الأخيرة بشكل كبير
وجهزت لها اقوى ثريد 🤩👏🏻
بنتكلم عن المصادر المجانية و المدفوعة 🚀💵
تابعوا معي الثريد 🔽
#ثريد_مي
#تصميم_واجهات
كلنا نعرف أن الأشخاص وقدراتهم تختلف من شخص إلي أخر
لذا من الضروري عند تصميم واجهات المستخدم أخذ هذه النقطه بعين الاعتبار 💡
ومن أهم الأمور التي تساعد على مراعات الفروقات بين الأشخاص "تصميم النظام الليلي (Dark Mood)" 🚀🪄
ماهو هذا النظام؟ وفائدته؟ وكيف ممكن نعمله بأسرع طريقة؟
@lina_alismail
(محد حاس بالتوتر الإ انتِ )
نصحية انقالت لي من سنوات واثرت فيني بشكل إيجابي إلى الان الحمدلله 🤩✔️
كنت لما اتوتر
اتوتر بعدها بنسبه اكبر لاني احس كل الموجودين عرفوا اني متوتره
بعد ماصرت اهدي واكلم نفسي لما اتوتر فرق معي الموضوع 🙏🏻
أكثر مستخدمين الهواتف يستخدمون أصبع واحد فقط أثناء لمس الشاشة 📱
💡لذا يجب التركيز عند تصميم الواجهات بجعل الامور والازرار المهمه في منطقة يسهل وصول الاصبع لها وهي المنطقه (الخصراء) بالصورة 🔽💚
@rdvllx
لساتك في بداية الطريق اذا قدرتي تحولين لتخصص تشوفين نفسك فيه ممتاز ✔️
او اعتمدي على شهادة المهنيه في المجال الي ترغبينه وكوني علاقات فيه وابرزي نفسك
كثير من الموظفين ماشتغلوا على تخصصهم الجامعي
من الإضافات الرائعه في #الفيقما أداة (Scale)🚀
تساعد على تغيير حجم الأشياء من صفحة أو صور أو أيقونات بدون أي تأثير وبأسهل وأقصر وقت 🤩🪄
🖇️وضحت بالفديو كيف ممكن نغير الحجم باستخدام الأداة
يسار: بدون استخدام (Scale)
يمين: باستخدام (Scale) ✔️
كيف ممكن نصمم واجهات بأسرع وقت وبجودة عالية؟ 🤩🤩🚀
للتصميم خطوات عديدة من أهمها وخصوصاً للمبتدئين في المجال خطوة الويرفريم (Wireframe) 🪄
ماهو الويرفريم (Wireframe)؟ وماهي مميزاته وأنواعه؟
تابعوا معي الثريد 🔽
#ثريد_مي
#تصميم #واجهات_مستخدم
كت تويت | Quote tweet
متى اول مره سمعت عن مصطلح الـ UI/UX 🤔⁉️
للأسف ماسمعت عنه اثناء دراستي بالجامعه ولكن شفت مقطع في الانستقرام يتكلم عن مهارات مطلوبة في سنة 2023 ومن ضمن المهارات كانت الـ UI/UX لفت انتباهي المصطلح وبحثت عنه وبعدها ابحرت فيه 😍🏊🏻♀️
أحياناً المصمم وخصوصاً المبتدئ ينسى تصميم بعض الصفحات، ويتم التركيز على الصفحات الأساسية!
وفي الحقيقة أن هذه الصفحات مهمه في جانب #تجربة_المستخدم (UX) 🤩🪄
تابعوا مع الثريد لمعرفة أهم تلك الصفحات:
#ثريد_مي
#تصميم_واجهات #فيقما
A/B Testing
طريقة تساعد المصمم من رفع جودة التطبيق وتحقيق الأهداف المرجوه منه
ومن الأسهل الطرق المتبعه فيه
هو عرض نموذجين لصفحة أو جزئية معينة على مجموعة من الأشخاص، ومن ثم هؤلاء الأشخاص يرشحون الأسهل والمحبب لهم من النموذجيين المعروضه 🤩💡
خريطة التعاطف (Empathy Map) 💡
أداة تصميم تساعد في فهم وتصور تجربة المستخدم بشكل أفضل.
تتكون من أربعة أقسام رئيسية:
فيما يفكر؟ ماذا يقول؟ بما يشعر؟ ماذا يفعل؟
تهدف إلى جعل مصمم تجربة المستخدم مكان المستخدم، مما يؤدي إلى فهم ومعرفة التجربة بشكل أكبر 🧠🚀
من الإضافات الرائعة في الفيقما هي () 🚀
إضافة تنسخ التصميم من موقع نال على إعجابك إلى صفحة #فيقما
تم تجربتها وسهله جداً في الإستخدام فقط كل الي عليك تنسخ رابط الموقع وتلصقه داخل الإضافة 🤩🪄
رابط الإضافة 🔽
🌟اليوم نزل تحديث جديد لمجموعة دروس تعلم فيجما اللي نسخها اكثر من 340 شخص ولله الحمد بإضافة 5 دروس تلخص اخر التحديثات في البرنامج وهي:
🔹الدرس 26: خصائص فيجما الجديدة 2023 للمصممين والمبرمجين
🔹الدرس 27: كيفية الإشتراك في خطة فيجما التعليمية
🔹الدرس 28: كيف نقدر نحول تصميم
التغذية البصرية مهمه لأي مصمم؛ لأنها تلهمه بأفكار 🧠💡
جبت لكم موقع جامع لكم أغلب روابط المواقع السعودية 🇸🇦
صراحه حاجه فوق الخيال.. وجداً جداً فخورة بالتطور الي جالس يصير لواجهات المواقع وتجربة المستخدم 🤩🫶🏻
♦️أيش أكثر المواقع التي عاجبتكم⁉️
بالنسبه لي كثير ولكن منها نيوم و
كيف ممكن نرفع من نسبة نجاح التطبيق ونحقق تجربة مستخدم عالية⁉️🤔
هناك خطوات عديدة.. ومنها عمل مايعرف بـ (Competitive Analysis) تحليل المنافسين
تعالوا معي نتعرف عليه أكثر في هذا الثريد 🔽
#ثريد_مي
✨الـ UX مهم مثل أهمية UI
✨أدخل مواقع تصميمها جميل وطبق مثلها ولكن لا تنشرها وتنسبها لك، فقط الفكره تمرين اليد
✨التغذية البصرية ومتابعة الجديد مهمه في التطور
نسمع كثير عن النظام التصميمي (Design System) وضرورته في التصميم
تعالوا معي نعرف أهميته!!
من أهم فوائد النظام التصميميم أنه يساعد على:
✨ توفير الوقت والجهد
✨ تسهيل عملية التحديث
✨ توحيد الأسلوب والشكل
✨ تحسين تجربة المستخدم
✨ تحسين التواصل بين الفريق
من أشهر الأنظمة
Minimum Viable Product(MVP)
مصطلح يقصد فيه إطلاق نسخة مبسطة للفكرة،مع تقديم قيمه جوهرية لتطبيق دون مميزات أخرى،وبأقل قدر من الموارد وأبسطها بهدف اختبار السوق أولاً
♦️مثال ذلك
تطبيق توكلنا طبق النظام(MVP)
أول ماظهر كان فقط لكرونا والآن ماشاءلله مغطي حاجات كثيرة ومفيدة🤩🇸🇦
#تصميم
@des_ask
وعليكم السلام
إذا كنت تبغى التصميم يكون قابل للاستخدام فأنت ضروري تتعلم ( Front end and back end )
قناة Elzero Web School ممتازه لتعلم البرمجة
الحمدالله الذي يسر البدايات حتى بلغنا الغايات ☀️ ♥️
بعد رحلة ملهمة في تطوير مهاراتي الإبداعية والتقنية حصلت بفضل الله على شهادة Graphic Design and UI/UX
شكراً على جهودكم المبذولة 🙏🏻✨
@ANASalumni
الواقع الحقيقي أو الفعلي "Real World" 🌏
يقصد بهذا المصطلح في تصميم #تجربة_المستخدم:🪄🚀
هو تصميم واجهات تتيح للمستخدمين التفاعل بشكل طبيعي وفعّال، مستندة إلى تجاربهم وتوقعاتهم في حياتهم الواقعية. بهدف توفير تجربة مستخدم سهلة ومألوفة، مما يعزز التفاعل السلس في استخدام التطبيقات
أنواع تصاميم واجهات المستخدم 👩🏻💻🧩
قبل ندخل فيها ونتعرف على بعض الانواع، نوقف شوي على ليش هناك أنواع لها وماكان في نوع واحد فقط ❓
الله سبحانه وتعالى خلقنا مختلفين في أشياء كثيره ومنها الأذواق والأنماط وعلشان كذا كان هناك أنواع لتصاميم
#ثريد_مي
@saadineur
في أحد المرات راسلت أحد الجهات لتحسين موقعهم والوقوف على المشاكل الي تواجه المستخدم ..
أخذتهم العزه بالاثم وصار الموضوع إثبات انهم صح أكثر من اي شي ثاني
🕋(أشواط):
هو تطبيق يساعد كل شخص أراد الطواف أو السعي، وذلك في حساب عدد الأشواط تلقائياً، بالإضافة إلى وجود مميزات أخرى مثل (مواقيت الصلاة، أدعية، مناسك المعتمر، أذكار بعد الصلاة) 🤲🏻📿
من أعمالي في تصميم الواجهات
(مفقوداتي)
منصة وطنية موحدة تخدم كلاً من المواطن والمقيم في المملكة العربية السعودية للبحث عن المفقودات، وذلك من خلال عرضها في المنصة من قبل العاثر 🇸🇦💡
إن شاء الله نشوفه على أرض الواقع 🌍
من الشهادات الي أخذتها مؤخراً 🥳
أهم المعلومات التي تعلمتها من هذه التجربة الرائعه: 🚀
تصميم أداة بحث تساعد على فهم المستخدم
وتحليل نتائج الاستبيان وتحديد المشكلة وتقديم الحلول المتنوعة للمشكلة ورسم نموذج أولي للحل المقترح 🪄
شكراً
@foodics
@MiskKSA
ونتطلع لمزيد من الإبداع
كمصمم #واجهات من المهم فهم وتطبيق قواعد خاصه في #تجربة_المستخدم 🤩🪄
اليوم جايبه لكم أهم القواعد مع أمثله لها 🚀
تابعوا معي الثريد 🔽
#مصمم_واجهات
#مصمم #تصميم
#ثريد_مي
يجهل أحياناً المصمم وخصوصاً في بداية المجال هل اللون المختار يتناسب مع الخلفه أم لا!!
#فيقما سهل للمصمم بإضافة جداً جميلة وسهلة 🪄🚀
وهي مسؤولة عن توضيح التباين بين الخلفية والعناصر وهل هو في الوضع الصحيح أم لا 🤔
رابط الإضافة 🔽
قد سمتوا عن (فهرس المصمم العربي؟)🔈🚀
ضروري يكون الفهرس عند كل مصمم بمختلف مجال #التصميم
تحتوي على حاجات مفيدة وتختصر وقت 👏🏻
ومعشر مصممي #الواجهات لهم منها نصيب 🤩🤩
الرابط 🔽
♦️لوريم إيبسوم (lorem ipsum)
كثير منا يحتاج وقت التصميم إلى محتوى لإبراز جزء معين من التصميم، ولكن من الصعب كتابته لأسباب عديدة
💡هينا يجي دور لوريم إبسوم في تعبئة الأجزاء المطلوبة في حين جاهزية المحتوى
جداً سهل التعامل معه، فقط نسخ ولصق🤩🪄
@Dr_Morrphine
تخصص مايكون فيه راحه او شغف ماراح يحصل ووظيفه إلا بالحدود
لأن الآن المتقدمين كثر في اغلب المجالات ولا راح يتميز بوظيفه مناسبه إلا إذا كان حاب الي يشتغل عليه
مهم الجمع بين الاثنين (راحه+احتياج سوق العمل)
وجميعهم مكمله لبعض ✨