00:00:00مرحباً بالجميع، أنا آلي، واليوم سأعرض لكم vZero.
00:00:03إذا كنت مدير منتج أو مصمم، فلديك على الأرجح مليون فكرة في رأسك وليس لديك الوقت الكافي لتنفيذها.
00:00:09يساعدك vZero على التحرك بشكل أسرع عندما تكون في مرحلة التفكير أو التعاون.
00:00:13يمكنك كتابة مفهوم وبوم، يصبح لديك نموذج أولي يعمل لعرضه على فريقك.
00:00:17في هذا الفيديو، سنرى كيف يساعدك vZero على الانتقال من الفكرة أو وثيقة المتطلبات إلى نموذج أولي مباشر في دقائق.
00:00:24لا انتظار، لا عروض تقديمية أو حشو، فقط نماذج أولية حقيقية لمساعدتك على التوافق والتسليم بشكل أسرع.
00:00:30لننطلق.
00:00:31في هذا المثال، سأريكم كيف نستخدم فعلياً vZero لبناء vZero..
00:00:35سنبدأ بقالب فريق مشارك مع فريق vZero بأكمله والذي يعمل بشكل أساسي كنسخة مصغرة من vZero مبنية داخل vZero.
00:00:42إنه مكان رائع للبدء عندما تحاول معرفة ما الذي يعمل أو لا يعمل داخل vZero.
00:00:46تتيح لك قوالب الفريق أيضاً استخدام أنظمة تصميم الفريق عبر فريقك والتي يمكنك استيرادها إلى vZero..
00:00:52وهذا يعني أن جميع إنشاءاتك يمكن أن تتطابق مع تصاميمك وهويتك التجارية.
00:00:56بالنسبة لهذا القالب، قام مصممنا بإنشائه بالفعل ليطابق شكل تطبيقنا، لذا سنمضي قدماً وننقر على فتح في vZero وسنكون قادرين على البدء في التحسين على هذه النسخة المصغرة من vZero داخل التطبيق.
00:01:07لندخل إليه.
00:01:08مؤخراً، كنا نستكشف كيف يمكننا فعلياً زيادة التحويل في حالة تسجيل الخروج من صفحتنا الرئيسية..
00:01:13إحدى الفرضيات التي نريد اختبارها هي ماذا سيحدث إذا غيّرنا هذه الأزرار الخمسة أسفل المحادثة إلى شيء آخر قد يساعد في زيادة التحويل بشكل أكبر.
00:01:21لنفترض أن المستخدمين لا ينقرون على تلك الأزرار حقاً ونريد تجربة استراتيجية مختلفة لإظهار المطالبات المقترحة للمستخدم للبناء بها.
00:01:29يمكنني أن أطلب من vZero المساعدة.
00:01:31سأبدأ بلقطة شاشة تُظهر فقط الجزء من التطبيق الذي أحاول تعديله..
00:01:35في هذه الحالة، هو فقط ذلك القسم من الموقع الذي يحتوي على مربع المحادثة وتلك الأزرار الخمسة.
00:01:44بعد ذلك يمكننا استخدام تلك اللقطة وإخبار vZero بالضبط بما نريد تغييره.
00:01:52رائع.
00:01:52سنسحب تلك اللقطة إلى مربع المحادثة ومن ثم يمكننا البدء في كتابة مطالبتنا.
00:02:00أريد تجربة إزالة هذه الإجراءات المقترحة.
00:02:04بدلاً من ذلك، أود تجربة إنشاء نص عنصر نائب دوار في مربع إدخال المحادثة الرئيسي يحتوي على مطالبات مثالية فيه..
00:02:16لنبدأ بمطالبة عنصر نائب محددة مختارة من قائمة مكونة من 10.
00:02:26أود أيضاً إضافة تأثير كتابة بحيث عندما تحتاج إلى تبديل العناصر النائبة، يجب أن يبدو الأمر كما لو كنت تحذف الأحرف واحداً تلو الآخر..
00:02:49ثم تكتب بسرعة مطالبة جديدة.
00:02:56حسناً، لنرَ ما سيقوم vZero بإعداده.
00:02:59ستلاحظ أن مطالبتي كانت محددة ومفصلة جداً حول ما أردته بالضبط..
00:03:03عندما تنشئ نموذجاً أولياً ويكون لديك شيء واضح في ذهنك، كلما كنت أكثر تحديداً، كان بإمكان vZero البناء بشكل أفضل.
00:03:16الآن سترى أن vZero يضع خطة لما سيبنيه ومن ثم يبدأ فعلياً في كتابة الكود لبناء الميزة التي أردتها..
00:03:27وهنا نحن.
00:03:28لديك نموذج تجريبي للفكرة المحددة التي كنت أتصورها والتي يمكنني الآن مشاركتها مع بقية فريقي.
00:03:33إذا أردت إجراء بعض التغييرات البسيطة هنا، يمكنني الدخول إلى وضع التصميم وتغيير أشياء مثل التعديلات النصية الصغيرة وتغييرات الخط والألوان والمزيد.
00:03:42لنلقِ نظرة ونفعل ذلك الآن..
00:03:43سأذهب إلى التصميم ويمكنني النقر على لنقل هذا العنوان.
00:03:47أريد إجراء تعديل على النص لذا أريد تغيير هذه الكلمة من ship إلى create.
00:03:53يمكنني المضي قدماً والقيام بذلك والنقر على حفظ ومن ثم نكون جاهزين للانطلاق.
00:03:58إذا أردت رؤية كيف سيبدو هذا عبر الأجهزة المختلفة، يمكنني النقر على طرق عرض المعاينة المختلفة أعلى شاشة المعاينة..
00:04:07الآن يُظهر كيف سيبدو على سطح المكتب لكن يمكننا إلقاء نظرة على كيف سيبدو على الجهاز اللوحي أو على الهاتف.
00:04:14يمكننا العمل على تلك الطرق لاحقاً..
00:04:17في الوقت الحالي لننشر هذا ونضبط الرؤية فقط على مؤسستي حتى أتمكن من المشاركة مع زملائي في الفريق وجعلهم يتركون تعليقات مباشرة باستخدام شريط أدوات Vercel.
00:04:25رائع.
00:04:26الآن نحن في النسخة الإنتاجية من التطبيق..
00:04:28لذا يمكن لزملائي في الفريق الدخول ولنقل أنهم يريدون إجراء تغيير صغير مثل تغيير هذا مرة أخرى إلى ship، يمكنهم ترك ذلك التعليق.
00:04:37لنغير هذا مرة أخرى إلى ship.
00:04:42بمجرد أن يتركوا ذلك التعليق، سأحصل على إشعار ومن ثم سأعرف بالضبط التغييرات التي يجب أن أجريها بناءً على ملاحظات فريقي.
00:04:49وهكذا لديك ذلك. V0 يساعدك على التحرك بشكل أسرع.
00:04:52يمكنك زيادة مساحة الأفكار التي يمكن لفريقك استكشافها، واختبار تلك الأفكار بشكل أسرع وإظهار ما تعنيه فعلياً.
00:04:59ابنِ نموذجك الأولي التالي في دقائق على v0.app.
00:05:02لا يمكننا الانتظار لنرى ما ستبنيه..