كيفية إعادة إطلاق عملاق التجارة الإلكترونية في 120 يومًا بإستخدام إنفجن
للكاتبة ريبيكا كير /المصدر انفجن
عندما تستحوذ وولمارت على شركتك ، قد تتوقع أن يتغير يومك. ولكن على نحو ما ، وبصرف النظر عن الوقف المؤقت المبجل لساعات العمل السعيدة في المكتب ، يحتفظ موقع التجارة الإلكترونية Jet.com بموقعه التشغيلي السريع الحركة لأكثر من عامين بعد أن استوعبته عملاق تجارة التجزئة.
مثال واحد: تمكنت Jet.com من إعادة التشغيل في غضون ستة أشهر وطرح نظام تصميم جديد تمامًا في هذه العملية.
جلسنا مع ريك رودريغيز ، مدير أول UX في Jet.com ، للحصول على بعض القصص الداخلية حول إعادة تشغيل Jet.com – بما في ذلك حكايات نظام تصميم جديد ، وبناء الثقة مع كبار القادة ، وما يلزم “للفوز في نيويورك “مع تجربة تسوق رقمية مصممة خصيصًا للمدن.
التصميم الداخلي: كيف يبدو يومك على Jet.com؟
لقد كنت هنا منذ عامين. أساعد في قيادة فريق خبرة المستخدم من سبعة مصممين بدوام كامل وفريق صغير من المقاولين الخارجيين. أنا أيضًا مكلف بتفعيل التصميم والعملية داخل فريقنا ومع فرق المنتج والتقنية. في “وقت فراغي” ، أقود جهود نظام التصميم لدينا ، والمعروفة باسم JDS (نظام تصميم Jet).
تمكنت [Jet.com من إعادة التشغيل بسرعة بفضل نظام تصميم قوي. أدر بنفسك مع مدير نظام تصميم InVision.]
داخل التصميم: لقد مرت من خلال إعادة إطلاق موقع رئيسي في الخريف الماضي. كيف جاء ذلك معا؟
كانت إعادة التشغيل فرصة لإعادة التفكير في أعمال Jet.com ، ولكنها كانت أيضًا لحظة رائعة لفريق التصميم. حيث اجتمعت الشركة معًا لإعادة تشغيل الموقع ، واغتنمنا فرصتنا لدمج الأفكار بالفعل في الأعمال ، أي ستة أشهر من الإعداد والأساس لنظام التصميم. لقد أردنا مشاركة أسلوب أكثر منهجية مع الفريق الفني فيما يتعلق بالأشياء الأساسية مثل الخطوط والألوان والمسافات وما إلى ذلك.
في البداية ، استثمرنا وقتًا في البحث عن احتياجات النظام. وشمل ذلك البحث عن المقالات التي لا تنتهي ، والبودكاست ، ومقاطع الفيديو ، وحضور ورشة عمل Design Better بقيادة ناثان كورتيس. حاولنا أن نفهم كيف ولماذا يوجد نظام. ولقد عملنا من خلال الميزات ، وقمنا بالتدقيق الكامل للأنماط المحددة ، وفكرنا في ما تعنيه شركة Jet.
فقد كان تأسيس شراكة مع العملاء التقنيين لدينا أمرًا ضروريًا لجعلهم يقودون التنفيذ الفني. بمساعدة من النجم الكبير UX / UI مصمم ، بولا Guzman ، قادت الجانب التصميم. اعتبرنا مكونات للاستخدام والأسباب وراءها. كان من المهم أن تكون هذه الشراكة مع Tech ، لأن نظام التصميم هو أداة اتصال. ينبغي أن تمكن غير المصممين من إجراء محادثات تصميم بثقة.
وكان قادة التكنولوجيا على متن الطائرة معها. لقد كان الكثير من العمل أثناء الإطلاق ، لكن المطورين قفزوا بالتأكيد إلى JDS. حتى أنهم أخذوا ما بنينا معًا وقاموا بتنظيفه كمشروع لزيادة السرعة بعد الإطلاق. لقد صنعوا منذ ذلك الحين JDL (مكتبة تصميم Jet) لتكملة JDS – نسخة نظيفة من التعليمات البرمجية لمكتبتنا المكونة التي تم تطويرها بنسبة 100٪.
إذا كنت تتجول في المكتب ، فستسمع مطورين يتحدثون عن JDS أثناء يوم العمل. لانهم يرون القيمة.
التصميم الداخلي: كيف أثر نظام التصميم الجديد على إعادة التشغيل؟
كل شيء حدث بسرعة كبيرة. استغرق الأمر شركتنا الأم أكثر من عام لإعادة تشغيل موقعهم. أعدنا تشغيل Jet.com في 120 يومًا.
لقد قمنا بالتدقيق ، وقمنا بالتصاميم ، وانتهينا من Jet Design System 1.0 قبل بدء المشروع. انتهى الأمر JDS 1.0 الحصول على استيعابها في تكرار جديد لإعادة التشغيل. في سبتمبر 2018 ، استقبلت Jet.com + JDS الجديدة العالم.
الآن ، أصبح بإمكان فريق إدارة الموقع إنشاء قصصهم على Jet.com باستخدام مكونات JDS. لديهم أحد عشر وحدة مختلفة للاختيار من بينها: دائري المنتج ، أبطال رواية القصص ، كتل المحتوى ، وما إلى ذلك.
حاولنا الحفاظ على كل شيء في JDS صغيرًا ومختصرًا ، استنادًا إلى مبادئ التصميم الذري. لقد أظهرنا لفريقنا أن الوحدات مرنة ، وكيفية رسمها في قالب صفحة. الجميع فهمها واعتمدها.
التصميم الداخلي: هذا مذهل. الكثير من مجموعات أنظمة التصميم لا تلقى استحسانًا كبيرًا.
حسنًا ، كان هناك كثير من الالتباس في البداية – “ما هذا؟ كيف يمكنني استخدامه؟ لماذا نحتاج إلى هذا؟ “كان هناك شعور بالاحتكاك من قِبل الأشخاص الذين اضطروا إلى استخدام النظام والأشخاص الذين اضطروا إلى تصميمه.
في البداية ، رآى الناس أنها بيئة مقيدة للتصميم ، عندما كانوا عادة ما يراقبونها. لكن هذا القيد هو من أين يأتي الإبداع. أنت تحول إلى التفكير من حيث المكونات ، والعمل ضمن قواعد النظام.
عندما بدأوا في تبنيه ، رأوا القوة فيه. وكان أكبر فوز مجموعة أدوات واجهة المستخدم. باستخدام المكونات الإضافية مثل Craft ، تمكن فريقنا من سحب وإسقاط رموز JDS لإنشاء صفحة مقصودة بأكملها ، مع بطل ، دائري ، كتلة نصية ، إلخ. كل المسافات والتباعد والرموز قد تم تنفيذها بالفعل.
كان ذلك عندما بدأوا يدركون أنهم يمكن أن يقضوا وقتًا أقل في أشياء غير مؤثرة حقًا ، ومزيدًا من الوقت بشأن الأمور المهمة — تنفيذ قصة مقابل تنفيذ مخطط.
التصميم الداخلي: كيف أثرت عملية استحواذ Walmart على UX في شركة Jet؟
لقد أصبحنا ليزر يركز على تجربة المناطق الحضرية. حيث تقع بصمة Walmart بشكل أساسي في المناطق الريفية وضواحي أمريكا ، كما تم تصميم سوقها الرقمي لهؤلاء السكان أيضًا. يتم توجيه تطبيقهم نحو الأشخاص الذين يقودون سياراتهم في كل مكان — أشياء مثل التقاط الطلبات في نفس اليوم ، والتقاط البقالة في طريق العودة إلى المنزل من العمل.
نحن نبني تجارب للمناطق الحضرية والمترو. هذا هو السبب في أن مهمتنا الأولى هي “فوز نيويورك”. إذا فعلنا ذلك ، فقد قطعنا شوطًا طويلاً لتحقيق هدفنا ، ويمكننا أن نتطلع إلى التوسع في مدن أخرى.
التصميم الداخلي: كيف تبدو تجربة العملاء مختلفة في مدينة نيويورك؟
يعيش ساكن المدينة بشكل مختلف ، لذا فإن تجربة التسوق مختلفة تمامًا. إنهم يمشون. يأخذون القطارات. كانوا يعيشون في المشي في الطابق الرابع. ثم هناك طقس مدينة نيويورك ، حار ورطب في فصل الصيف ، ومثل هذا الشتاء القاسي لا يمكنك الخروج منه بدون معطف. كيف يؤثر ذلك على شخص يحمل أكياس البقالة؟
لذلك نحن ننظر في التسليم. وهناك الكثير من التفاصيل التي تؤثر على شخص الولادة في المناطق الحضرية. لديك رحلات جوية على الدرج. وكيف يتفاعل شخص التسليم مع البواب؟ وهل يتركون الأمر على المنحنى ، خلف الباب ، في مكان آخر؟
بدأنا مع البحث الإثنوغرافي واسعة النطاق. قمنا برحلات إلى منازل الناس واستكشفنا مساحاتهم والتقطوا صوراً. كان رائعا جدا أن نرى عاداتهم والأسباب التي يقومون بها.
جسدت كل ذلك في جيت. لا يوجد شخص آخر يسير فعليًا في هذه العقلية نفسها – المساحة الصغيرة والشقق السكنية والمدينة ، وماذا يعني ذلك بالنسبة للبقالة والتسوق غير المستهلكة. عندما يكون الزمان والمكان متميزان كما هو الحال في مدينة نيويورك ، فإن كل قرار تصميمي نتخذه يهم عملائنا ورجال الأعمال ..
التصميم الداخلي: كيف وصلت إلى هذا المكان ، حيث يثق كبار أصحاب المصلحة من الفرق الأخرى أن التصميم لديه الخبرة لدفع مبادرات جديدة؟
إنه يأتي من أداء واجباتنا كقادة ومديرين للتصميم. نحن نؤمن بالدعوة إلى تمكين تصميم الأعمال ، كما يقول قائد التصميم ستيفن غيتس. إنه من التعلم والقراءة ، حتى نتمكن من التحدث بلغتهم. لا تذهب إلى بلد آخر وتتوقع أن يتحدث الناس لغتك الأم. بالنسبة لقادة التصميم ، فإن ذلك يعني الدخول إلى قاعة المجلس وإدراك الدولارات والسنتات يعني شيئًا ما.
يعد Jet Design System مثالاً جيدًا على التحدث بالدولار. يمكن أن نظهر أننا قمنا بحفظ ساعات المطورين “X” لكل سباق بعد تطبيق نظام التصميم. لكن في بعض الأحيان يكون من الصعب تحديد الكمية. لذلك نحن نبذل قصارى جهدنا لنكون مدركين واحترامًا للتكاليف ، بما في ذلك كيف نخصص وقتًا للناس في الاجتماعات وتمارين التصميم ، إلخ
ثم عليك أن تثبت ذلك ، وتظهر البحوث والتحليلات ، والبيانات وراء القرارات التي نتخذها. في النهاية ، يصبح النموذج واضحًا ، “قال التصميم إن هذا سيحدث ، وقد حدث ، لذلك قد نرغب في الاستماع إلى التصميم.” هذا هو هدفنا دائمًا.
الكثير من المصداقية التي نمتلكها الآن بفضل رئيسنا السابق لـ UX ، الذي انتقل مؤخرًا. لقد قال دائمًا: “يتعين علينا التسليم والإفراط في تقديم الخدمات ، وهذا ما يعرف به التصميم. نظهر قيمة لدينا مع كل طلب وكل اجتماع. ثم سيكون هناك يوم ، إذا أمكننا المشاركة في العملية مبكرًا ، يمكن أن يكون للتصميم تأثير كبير. “
عندما قمنا بإعادة تشغيل موقع Jet.com في الخريف الماضي ، كانت تلك هي لحظتنا. لقد كان جهدًا مدفوعًا بالتصميم من البداية إلى النهاية.
التصميم الداخلي: هذا مثال رائع آخر لإظهار القيمة. كيف يظهر ذلك في بقية المؤسسة؟
كان أحد أكبر التغييرات عندما بدأنا في استخدام سرعات التصميم المعدلة. استخدمنا الأدوات من تصميم Google الذي استمر خمسة أيام وشاعته جيك ناب. أرسلت Jet اثنين من مديري المنتجات وأنا إلى ورشة تصميم أفضل بقيادة Jake لبدء عملية التعلم. لقد أخذنا ما تعلمناه من هذا الأمر وركضنا معه ، وحشدنا العديد من سباقات السرعة في غضون أسابيع من ورشة العمل.
لقد رأى الناس الكثير من القيمة من ذلك. لقد أقامت علاقات تعاون متبادل من خلال دعوة شخص التسويق أو شخص مالي إلى اجتماع التصميم. يصبح من الواضح حقًا ما يفعله التفكير في التصميم لأولئك الذين ليسوا مصممين.
نحصل على الحلول والأفكار الأكثر فضولية من الأماكن الأكثر احتمالا. يعد InVision دائمًا جزءًا من ذلك ، حيث يتم إخراج الأفكار من رؤوس الأشخاص إلى شيء حقيقي. نحن نعمل من خلال الحلول ، ثم هناك نقطة عندما تسأل ، كيف يمكنك إيصال هذه الفكرة؟ عندها نسحب InVision لإظهار التصميم للجميع.
لا يوجد فريق آخر في Jet يمكنه أن يأخذ فكرة ويجعلها تبدو حقيقية بالطريقة التي يستطيع بها فريقنا. هذه قوة يجب أن نحترمها. إن جعل الأمر يبدو حقيقيًا يمكن أن يكون عائقًا إذا قفز الناس عليه قائلًا ، “دعنا نبنيه” دون النظر إلى التكلفة أو الجدوى. يجب أن نكون مسؤولين بهذه القوة للحفاظ على احترامهم.
لكن يمكن أن يكون أيضًا قوة للأبد. أثناء إعادة التشغيل ، على سبيل المثال ، لا يمكنني البدء في شرح مقدار العمل الذي قمنا به في InVision.
كان لدينا هذا النموذج الرئيسي. يشبه إلى حد ما مرآة البيئة المتدرجة ، ولكنه أكثر قوة من الناحية البصرية. سنأخذ تصميماتنا النهائية النهائية ونضيفها إلى النموذج الرئيسي بالتوازي مع تطوير موقع Jet.com الجديد. أتاح هذا للمطورين رؤية رؤيتنا بالتفصيل ، وساعد الفرق الأخرى على رؤية الميزات الرئيسية مثل البحث وصفحات الفئات والمكونات الجديدة …
كان الناس متحمسين للغاية في كل مرة نسحبها في اجتماع. خلقت عامل طنين ضخم ، الكثير من الزخم. تسمع عن الأشياء التي يتم بناؤها ، ولكن بعد ذلك ترى ذلك وترى تقدمه ، ويصبح حقيقيًا.
لقد عرفنا ما هي كل قطعة من القطع الجديدة ، ونعم ، يمكننا فقط وضعها في مراحل ، لكن الناس لا يفهمون ما يرونه في بيئة انطلاق ، أو ما يجري وراءها. كنا نقوم بالفعل بهذه النماذج الأولية على أي حال ، لذلك كان لدينا مصممون يتعاملون مع فئة أو ميزة لكل منها ، وسحبها إلى عروض تجريبية دورية على مستوى الشركة.
هكذا تبلورنا كفريق UX ومع الشركة بأكملها. حصل الجميع على دعم المشروع في العروض التقديمية وتحديثات المنتج في هذا النموذج الهائل للحالة المستقبلية. تهتم Jet بكيفية عملنا ، ولكننا نهتم أيضًا بكيفية تقديم أنفسنا كعلامة تجارية للعالم.
باستخدام أدوات مثل InVision ، لم نتمكن من تصور مفاهيمنا فحسب ، بل إدراكها في النهاية. كانت العملية تعاونية بقدر استطاعتك. أعتقد اعتقادا راسخا أنها الطريقة الوحيدة التي تمكنا من خلالها إعادة تشغيل Jet.com بنجاح.
للكاتبة ريبيكا كير /المصدر انفجن
