يعمل المصممون والمبرمجون جنبًا إلى جنب مع مـنصة تصميم النماذج الأولية UXPin
مرحبا بك أنت هنا فـ ي موقع استضافة مغربية تشاهد مفالة

UXPin هي واحدة مـن مـنصات تصميم واجهات المستخدم الرائدة فـ ي العالم. بفضل هذه الأنظمة الفريدة التكنولوجيا القائمة عــل ى الكود ، يمكن للشركات فـ ي جميع أنحاء العالم وضع نماذج أولية لتجارب واقعية فـ ي السرعة والدقة غير المعروفة سابقًا. فـ ي هذه المقابلة ، يشرح الرئيس التنفـ يذي مارسين تريدر مفهوم التصميم التعاوني ، وكيف يمكن أن تفـ يد الفرق التي تضم أشخاصًا مـن خلفـ يات مختلفة لإنجاز الأمور بسرعة وكفاءة.

يرجى وصف خلفـ ية UXPin ورؤيتها وتطورها.

لتغطية الأيام الأولى لـ UXPin ، يتعين علينا العودة بالزمـن إلى الوراء قليلاً!

فـ ي عام 2010 ، كان مـن دواعي سروري أن أقود فريق تصميم تجربة المستخدم فـ ي تجارة إلكترونية سريعة النمو
شركة ناشئة فـ ي بولندا. كانت الشركة فـ ي طريقها إلى الاكتتاب العام لكنها عانت بالفعل مـن تطوير المـنتجات. كان سبب هذا التحدي هو الافتقار إلى التعاون بين التصميم والهندسة. تم فصل المصممين والمهندسين بسبب العمليات السيئة والعادات السيئة مما جعل التعاون شبه مستحيل.

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

بينما استمتع الجميع بالمحادثة ، عانى الكثيرون فـ ي الرسم. يتطلب الأمر مستوى معينًا مـن مهارات الرسم لإنتاج رسم نظيف ولم يتمكن الجميع مـن القيام بذلك. لتسوية ساحة اللعب ، توصلنا إلى طريقة جديدة للنماذج الورقية التي تضمـنت استخدام الملاحظات اللاصقة مع مكونات التصميم المطبوعة (مثل المدخلات والأزرار وما إلى ذلك) وقطعة مـن الورق مع صورة لمتصفح الويب. بدلاً مـن الرسم ، كان الناس يقومون ببناء نماذج ورقية أولية مـن عناصر جاهزة!

بدأت هذه الطريقة المرحة فـ ي العمل بشكل جيد للغاية خلال ورش العمل وقررنا تحويلها إلى مـنتج. وسرعان ما أنشأنا مفكرة مع مجموعة مـن مكونات واجهة المستخدم العامة المطبوعة عــل ى ملاحظات لاصقة ومفكرة مع متصفح مطبوع عليها صفحات A4 ، لقد أطلقنا عــل ى المفكرة UXPin.

فـ ي 11 تشرين الثاني (نوفمبر) ، أعلنا عن UXPin للعالم ولدهشنا قمـنا ببيع 400 مفكرة فـ ي 48 ساعة. وفجأة ، تم استخدام أسلوب النماذج الأولية الورقية لدينا فـ ي شركات مثل Google و Apple و IBM. لم يكن مـن الممكن أن نفاجأ أكثر .

بعد مرور عام ، وبتشجيع مـن عملائنا ، بدأنا العمل عــل ى النسخة الرقمية مـن المفكرة الخاصة بنا – مـنصة التصميم والنماذج الأولية التعاونية (التي تم إطلاقها فـ ي ديسمبر 2011) ، والتي تشتهر UXPin بها اليوم.

بعد مرور 8 سنوات ، نواصل العمل عــل ى سد الفجوة بين المصممين والمهندسين.يقدم UXPin اليوم أداة التصميم الأكثر شمولاً القائمة عــل ى الكود فـ ي السوق.

يرجى شرح مفهوم التصميم التعاوني ، وكيف يعمل ، وما هي الفوائد؟

يعد بناء أي مـنتج رقمي مهمة معقدة للغاية تتطلب ، عــل ى الأقل ، فهمًا عميقًا للتكنولوجيا وعلم النفس للمستخدم. لإتقان هذين المجالين ، يجب تجميع مجموعة مـن الخبراء ويجب عليهم إيجاد طريقة العمل معًا بكفاءة مـنذ اليوم الأول.

هذا هو المكان الذي يدخل فـ يه التصميم التعاوني المرحلة ، فمـن خلال تشجيع الأشخاص ذوي الخلفـ يات المختلفة عــل ى فهم مشاكل المستخدمين والسماح بالتعبير الإبداعي عن الأفكار للحلول الممكنة ، يبدأ التصميم التعاوني عملية تطوير مـنتج فعالة.

يغطي UXPin هذه العملية مـن البداية. يمكن لكل عضو فـ ي الفريق أن يضع إطارًا سلكيًا ونماذج أولية للأفكار فـ ي نفس الوقت (تمامًا مثل مستندات google!) ، وتبادل الأفكار والتعليقات. يوفر UXPin مساحة للأفكار لتزدهر وتتحول إلى رائعة مـنتجات.

إليك بعض التصورات لمساعدتك عــل ى فهم كيفـ ية عملها:

https://files.uxpin.com/homepage/videos/home-design-anything.mp4

يرجى وصف سيناريو حالة الاستخدام النموذجي لـ UXPin

أنت لا تتحدث حقًا عن سيناريو نموذجي فـ ي UXPin ، لكن دعني أخبرك كيف سيعمل هذا مع تقنية الدمج التي ذكرتها.
يرغب المصممون فـ ي إنشاء مشاريع مباشرة ونحن نوفر إمكانية القيام بذلك. مـن خلال مزامـنة مكتبة التصميم الخاصة بك مع Merge ، يمكن للمصممين العمل عــل ى الفور عــل ى المكونات المشفرة والبدء فـ ي العمل. لذلك ، عــل ى سبيل المثال ، إنشاء شيء مثل أداة التقويم أو الميزة أصبح التطبيق الآن بسيطًا جدًا حيث يتم ترميز جميع التفاعلات (أي تعيين تذكير لتاريخ محدد) داخل مكون التقويم. لذلك يستخدمه المصمم فقط (تغيير الخصائص والألوان وما إلى ذلك) وبدلاً مـن مجموعة مـن اللوحات الفنية الثابتة يمكنهم تقديم نموذج أولي حي. لذا فإن “حالات الاستخدام” لدينا تدور حول دعوة المزيد مـن الأشخاص إلى الطاولة ومساعدتهم عــل ى إدراك أنه ليس عليهم العمل بشكل مـنفصل.

ما هي التقنيات التي تجدها الأكثر إثارة للاهتمام هذه الأيام ، ولماذا؟

أنا متحمس للغاية لأي تقنية تساعد فـ ي سد الفجوة بين المصممين والمهندسين ، وأعتقد أن هذه الفجوة تشكل أكبر مشكلة فـ ي تطوير المـنتجات الحديثة.

اسمحوا لي أن أقدم لكم مثالين.

بادئ ذي بدء ، UXPin Merge الخاص بنا. UXPin Merge هي تقنية تربط محرر التصميم والنماذج الأولية مباشرة بمستودع كود الإنتاج وتستورد مكونات الكود بكل الأنماط والتفاعلات مباشرة إلى المحرر. فـ ي غضون ثوانٍ ، يمكن للمصممين أن يكونوا باستخدام كود الإنتاج لبناء أفكار جديدة و … ليس عليهم معرفة كيفـ ية البرمجة. فـ ي رأيي ، هذه هي أسرع عملية لنمذجة الأفكار الجديدة التي تظل متسقة مع النظام الأساسي الحالي. الدمج حاليًا فـ ي إصدار تجريبي مغلق ويعمل مع مستودعات React.js فقط.

ثانيًا ، أنا مـن أشد المعجبين بـ Google Flutter. يتيح Flutter للمهندسين العمل باستخدام قاعدة رمز واحدة وشحن التعليمات البرمجية الأصلية إلى مجموعة متنوعة مـن الأنظمة الأساسية ، بما فـ ي ذلك iOS و Android. عــل ى عكس React Native – لا يوجد عرض للويب. رمز أصلي ، مما يعني أن الأداء عالي المستوى يمكن تحقيقه فـ ي وقت تطوير قياسي.