يالا نبدأ 👋
- كتير مننا كـ Product Designers وكـ Developers بيواجهوا صعوبة في الحفاظ على التناسق أو الـ Consistency و الـ Maintenance أو الصيانة في Designs لما ما بيكونش فيه نظام موحد للقيم اللي
بنستخدمها في التصميم ..
- بلس بيكون فيه تعديلات كتير قوي ومتكر..
(Follow Up 2)
- كتير مننا كـ Product Designers وكـ Developers بيواجهوا صعوبة في الحفاظ على التناسق أو الـ Consistency و الـ Maintenance أو الصيانة في Designs لما ما بيكونش فيه نظام موحد للقيم اللي
بنستخدمها في التصميم ..
- بلس بيكون فيه تعديلات كتير قوي ومتكر..
(Follow Up 2)
- بلس بيكون فيه تعديلات كتير قوووي ومتكررة وغير فعالة أصلاً .. يعني تخيل معايا كده إنك كل شوية بتعدل الألوان، الخطوط، أو المسافات يدوي في كل عنصر في المشروع اللي انت شغال عليه
(Follow up 3)
(Follow up 3)
حرفياً ده مش بس بياخد وقت كبير، لكنه كمان بيسبب أخطاء ومشاكل في التناسق وديه مشكلة كبيرة طبعاً خصوصا لو بتبني Product Hight Complex .. حرفيا آي تعديل جديد في شوية ال Properties اللي أتكلمت عنهم فوق دول بس فأنت صعب ت Consistent الليلة دي كلها فدى أول مشكلة ...
(Follow Up 4)
(Follow Up 4)
الفكرة بقا ان المشكلة اللي فوق دي هتأثر بشكل سلبي على الـ Cost and Time في الـ Project أو في الـ Product اللي أنت شغال عليه .. يعنى كل ما زاد الوقت والجهد المبذول في التعديلات اليدوية دي ..
(Follow Up 5)
(Follow Up 5)
فطبعاً كل ما زادت التكلفة علي الشركة وهتقل الـ ROI اللي أنت أصلاً عايز تحققها للـ Stakeholders، وده لأن الوقت اللي أنت بتقضيه في التعديلات المتكررة كنت ممكن تستخدمه في تحسينات وإبداع أكتر في Areas تانية محتاجة للـ Effort بتاعك داه ..
(Follow Up 6)
(Follow Up 6)
- نيجي بقا للمشكلة الأصعب علي الإطلاق وهي صعوبة الصيانة في الـ Design System، يعني كل تعديل جديد أو update جديد بيتطلب أنك تدخل في عناصر تانية كتيرة، وداه بيصعب صيانة Design System وبيزيد من احتمالية وقوع أخطاء بردك كتيرة، وكمان بيقلل من كفائته وسرعة تنفيذ التحديثات دي
(Fo up 7)
(Fo up 7)
طيب كده قولنا المشاكل، فأيه بقا الحل علشان نتفادي المشاكل دي؟
- الحل: إنك لما تيجي تبني ال Design System تستخدم الـ Primitive Tokens والـ Semantic Tokens والـ Design Tokens بتوفر الحل الأمثل للتحديات دي كلها
(Follow Up 8)
- الحل: إنك لما تيجي تبني ال Design System تستخدم الـ Primitive Tokens والـ Semantic Tokens والـ Design Tokens بتوفر الحل الأمثل للتحديات دي كلها
(Follow Up 8)
- همم .. طيب يعني إيه بقا الـ Primitive Tokens والـ Semantic Tokens دول؟
- الأول قبل ما أشرحلك ال Concept بتاعهم فأنت محتاج الأول تعرف يعني إيه Design Tokens وايه الفرق بينها وبين ال Variables علشان هتسمع أسمهم كتير جداً ..
(Follow Up 9)
- الأول قبل ما أشرحلك ال Concept بتاعهم فأنت محتاج الأول تعرف يعني إيه Design Tokens وايه الفرق بينها وبين ال Variables علشان هتسمع أسمهم كتير جداً ..
(Follow Up 9)
- يعني بقا Design Tokens؟
هى عبارة عن طريقة أو وظيفة بتساعدك ت Manage الـ Design Properties بتاعتك كلها بال Values بتاعتها Across الـ Design System اللي أنت بتبنيه
- طيب وتطلع ايه الـ Variables دي كمان؟
من خلالها بتقدر ت Store فيها الـ Design Tokens بالقيم بتاعتها كلها
(F10)
هى عبارة عن طريقة أو وظيفة بتساعدك ت Manage الـ Design Properties بتاعتك كلها بال Values بتاعتها Across الـ Design System اللي أنت بتبنيه
- طيب وتطلع ايه الـ Variables دي كمان؟
من خلالها بتقدر ت Store فيها الـ Design Tokens بالقيم بتاعتها كلها
(F10)
- يعني الأتنين طلعوا مش زي بعض؟ .. لء الـ Design Tokens مش زي الـ Variables خالص وأظن كده أنت فهمت الفرق بينهم ووظيفتهم ...
(Follow Up 11)
(Follow Up 11)
- طيب إزاي الـ Design Tokens هتساعد الـ Product Designers والـ Developers؟
1- تحسين التناسق (Consistency):
الـ Design Tokens بتمكنك من توحيد أى قيمة لأى Property في الـ Components اللي أنت هتبنيها بعد كده في الـ Design System، زي الألوان، الخطوط، والمسافات ....
(Follow Up 12)
1- تحسين التناسق (Consistency):
الـ Design Tokens بتمكنك من توحيد أى قيمة لأى Property في الـ Components اللي أنت هتبنيها بعد كده في الـ Design System، زي الألوان، الخطوط، والمسافات ....
(Follow Up 12)
الخطوط، والمسافات .. وما إلي أخره، يعني أي تغيير في قيمة معينة بينعكس بشكل تلقائي على كل الـ Components اللي بتستخدم القيمة دي، وده بيضمن تناسق في كل أجزاء Product اللي أنت شغال عليه ..
(Follow 13)
(Follow 13)
2- زيادة كفاءة التيم (Team Efficiency):
بما إن القيم موحدة ومركزية، فهيبقى فيه تفاهم واتساق أكتر بين الـ Product Designers و الـ Developers و ده بيقلل من أي خلافات في فهم اي Property Value مستخدمة في ال Design ..
(Follow Up 14)
بما إن القيم موحدة ومركزية، فهيبقى فيه تفاهم واتساق أكتر بين الـ Product Designers و الـ Developers و ده بيقلل من أي خلافات في فهم اي Property Value مستخدمة في ال Design ..
(Follow Up 14)
3- تحسين تجربة المستخدم (User Experience):
لما التناسق بيكون موجود في كل أجزاء التصميم، ده بينعكس بشكل إيجابي على تجربة ال User Experience أصلا ...
(Follow Up 15)
لما التناسق بيكون موجود في كل أجزاء التصميم، ده بينعكس بشكل إيجابي على تجربة ال User Experience أصلا ...
(Follow Up 15)
4- المرونة (Flexibility):
الـ Design Tokens بتديك مرونة أكتر في التعامل مع أي تعدلات مهما كان حجمها .. يعني لو محتاج تعمل Rebrand أو لو فيه تعديلات كبيرة في Design، فبتقدر تعمل ده بسهولة عن طريق ....
(Follow Up 16)
الـ Design Tokens بتديك مرونة أكتر في التعامل مع أي تعدلات مهما كان حجمها .. يعني لو محتاج تعمل Rebrand أو لو فيه تعديلات كبيرة في Design، فبتقدر تعمل ده بسهولة عن طريق ....
(Follow Up 16)
فبتقدر تعمل ده بسهولة عن طريق تعديل القيم في الـ Tokens نفسها، وده بينعكس أو وهتمسع على كل الـ Product بشكل تلقائي ...
(Follow Up 17)
(Follow Up 17)
5- تقليل التكلفة (Cost Reduction) و تحسين الـ ROI (Return on Investment):
لما وقت صيانة الـ Design System والـ Development بتاعته يقل، فده بينعكس على التكلفة الكلية للـ Product نفسه لأن التيم هيقدر يستغل وقته فى ...
(Follow up 18)
لما وقت صيانة الـ Design System والـ Development بتاعته يقل، فده بينعكس على التكلفة الكلية للـ Product نفسه لأن التيم هيقدر يستغل وقته فى ...
(Follow up 18)
لأن التيم هيقدر يستغل وقته في تحسينات وإبداعات جديدة بدل من تضييع الوقت في أي تعديلات بشكل يدوى علي كل عنصر
- وبالتبعية كده كل العوامل دي بتساهم في تحسين الـ ROI للمشروع لما الـ Consistency يكون موجود، والـ Maintenance تبقي أسهل، و الـ Development يكون أسرع
(Follow up 19)
- وبالتبعية كده كل العوامل دي بتساهم في تحسين الـ ROI للمشروع لما الـ Consistency يكون موجود، والـ Maintenance تبقي أسهل، و الـ Development يكون أسرع
(Follow up 19)
- لحد هنا وهقف علشان محدش يفصل مني .. والثريد إللي جاية إن شاء الله هشرح فيها الـ Primitive Tokens والـ Semantic Tokens و إيه الفرق بينهم والزاي توظفهم أو تـ Plan ليهم بلس كمان تـ Map الزاي بالـ Semantic Tokens ...
(Follow Up 20)
(Follow Up 20)
بلس كمان تـ Map الزاي بالـ Semantic Tokens عشان لما تيجي عند Level الوحش الـ (Components Tokens) تعرف تـ Asign ليهم الـ Actions اللي أنت عايزها
وشكرا لو وصلتوا لحد هنا 👋
لو فيه لغبطة فى ترتيب الثريد وداه واضح عندى تقريباً
ممكن تشوفوا لينك البوست على الفيس مرتب
ومنظم ..
وشكرا لو وصلتوا لحد هنا 👋
لو فيه لغبطة فى ترتيب الثريد وداه واضح عندى تقريباً
ممكن تشوفوا لينك البوست على الفيس مرتب
ومنظم ..
facebook.com
اللينك ياشباب ولو فيه حد واقفة معاه حاجة يبعتلى علطول .. دمتم بخير واشوفكم فى الثريد إللى جاية إن شاء الله ❤️
اللينك ياشباب ولو فيه حد واقفة معاه حاجة يبعتلى علطول .. دمتم بخير واشوفكم فى الثريد إللى جاية إن شاء الله ❤️
هى ليه الثريد مش مترتبة ياشباب؟
جاري تحميل الاقتراحات...