00:00:00Hai semuanya,
00:00:00saya Allie,
00:00:01dan hari ini saya akan menunjukkan vZero kepada kalian.
00:00:03Jadi jika Anda seorang manajer produk atau desainer,
00:00:06Anda mungkin punya sejuta ide di kepala dan tidak cukup waktu untuk mewujudkannya.
00:00:09vZero membantu Anda bergerak lebih cepat saat melakukan ideasi atau berkolaborasi.
00:00:13Anda bisa mengetikkan sebuah konsep dan boom,
00:00:15Anda sudah punya prototipe yang berfungsi untuk ditunjukkan ke tim.
00:00:18Di video ini,
00:00:18kita akan melihat bagaimana vZero membantu Anda beralih dari ide atau PRD menjadi prototipe live dalam hitungan menit.
00:00:23Tanpa menunggu,
00:00:24tanpa presentasi atau hal-hal yang bertele-tele,
00:00:26hanya prototipe nyata untuk membantu Anda menyelaraskan dan mengirimkan produk lebih cepat.
00:00:29Mari kita mulai.
00:00:30Untuk contoh ini,
00:00:31saya akan menunjukkan bagaimana kami sebenarnya menggunakan vZero untuk membangun vZero..
00:00:35Kita akan mulai dengan template tim yang dibagikan ke seluruh tim vZero yang pada dasarnya berfungsi sebagai versi mini dari vZero yang dibangun di dalam vZero.
00:00:42Jadi ini tempat yang sangat bagus untuk memulai ketika Anda mencoba mencari tahu apa yang berhasil atau tidak berhasil di dalam vZero.
00:00:47Template tim juga memungkinkan Anda menggunakan sistem desain tim di seluruh tim yang bisa Anda impor ke vZero..
00:00:52Itu berarti semua hasil generasi Anda bisa sesuai dengan desain dan merek Anda.
00:00:56Untuk template ini,
00:00:57desainer kami sudah membuatnya agar sesuai dengan tampilan aplikasi kami,
00:01:00jadi kita akan klik open in vZero dan bisa mulai melakukan iterasi pada versi mini vZero ini di dalam aplikasinya.
00:01:06Mari kita mulai.
00:01:07Baru-baru ini,
00:01:07kami telah mengeksplorasi bagaimana kami bisa meningkatkan konversi di kondisi logged out pada halaman landing kami..
00:01:13Satu hipotesis yang ingin kami uji adalah apa yang terjadi jika kami mengubah lima tombol di bawah chat ini menjadi sesuatu yang lain yang mungkin bisa membantu meningkatkan konversi.
00:01:21Mari kita bayangkan pengguna tidak benar-benar mengklik tombol-tombol itu dan kami ingin mencoba strategi berbeda untuk menampilkan prompt yang disarankan kepada pengguna untuk digunakan.
00:01:29Saya bisa meminta bantuan vZero.
00:01:31Saya akan mulai dengan screenshot yang hanya menampilkan bagian aplikasi yang ingin saya modifikasi..
00:01:35Dalam hal ini,
00:01:36hanya bagian situs yang memiliki kotak chat dan lima tombol tersebut.
00:01:42Kemudian kita bisa menggunakan screenshot itu dan memberi tahu vZero dengan tepat apa yang ingin kita ubah.
00:01:51Bagus.
00:01:51Kita akan menarik screenshot itu ke kotak chat dan kemudian kita bisa memulai prompt kita.
00:01:59Saya ingin mencoba menghapus suggested actions ini.
00:02:03Sebagai gantinya,
00:02:05saya ingin mencoba membuat teks placeholder yang berputar di input kotak chat utama yang berisi contoh prompt di dalamnya..
00:02:16Mari kita mulai dengan contoh placeholder prompt yang ditentukan yang dipilih dari daftar 10.
00:02:28Saya juga ingin menambahkan efek mengetik sehingga ketika Anda perlu mengganti placeholder,
00:02:40tampilannya harus seperti Anda sedang menghapus karakter per karakter..
00:02:49Lalu dengan cepat mengetikkan prompt baru.
00:02:56Oke, mari kita lihat apa yang dibuat vZero.
00:02:58Anda akan melihat bahwa prompt saya cukup spesifik dan detail tentang apa yang saya inginkan..
00:03:03Ketika Anda membuat prototipe dan punya sesuatu yang jelas di kepala,
00:03:09semakin spesifik Anda,
00:03:10semakin baik vZero bisa membuatnya.
00:03:13Sekarang Anda akan melihat bahwa vZero sedang menyusun rencana untuk apa yang akan dibuatnya dan kemudian benar-benar mulai menulis kode untuk membangun fitur yang saya inginkan..
00:03:27Dan selesai.
00:03:28Anda punya mock-up dari ide yang persis saya bayangkan yang sekarang bisa saya bagikan ke seluruh tim saya.
00:03:33Jika saya ingin membuat beberapa perubahan sederhana di sini,
00:03:36saya bisa masuk ke mode desain dan mengubah hal-hal seperti edit copy kecil,
00:03:40perubahan font,
00:03:40warna,
00:03:41dan lainnya.
00:03:41Mari kita lihat dan lakukan itu sekarang..
00:03:43Jadi saya akan ke desain dan saya bisa klik misalnya judul ini.
00:03:48Saya ingin mengedit teksnya jadi saya ingin mengubah kata ini dari ship menjadi create.
00:03:53Saya bisa melakukannya dan klik save dan kita siap.
00:03:57Jika saya ingin melihat bagaimana tampilannya di berbagai perangkat,
00:04:01saya bisa mengklik tampilan preview yang berbeda di bagian atas layar preview..
00:04:07Jadi saat ini menampilkan seperti apa tampilannya di desktop tapi kita bisa melihat seperti apa tampilannya di tablet atau di ponsel.
00:04:14Kita bisa mengerjakan tampilan itu nanti..
00:04:17Untuk sekarang mari kita deploy ini dan atur visibilitas hanya untuk organisasi saya agar saya bisa berbagi dengan rekan tim dan mereka bisa meninggalkan komentar langsung menggunakan toolbar Vercel.
00:04:25Bagus.
00:04:26Sekarang kita berada di versi produksi aplikasinya..
00:04:28Jadi rekan tim saya bisa masuk dan katakanlah mereka ingin membuat perubahan kecil seperti mengubah ini kembali ke ship,
00:04:35mereka bisa meninggalkan komentar itu.
00:04:37Mari ubah ini kembali ke ship.
00:04:42Setelah mereka meninggalkan komentar itu,
00:04:43saya akan mendapat notifikasi dan kemudian saya akan tahu persis perubahan apa yang harus saya buat berdasarkan masukan dari tim saya.
00:04:49Dan begitulah. V0 membantu Anda bergerak lebih cepat.
00:04:52Anda bisa meningkatkan cakupan ide yang bisa dijelajahi tim Anda,
00:04:55menguji ide-ide tersebut lebih cepat dan benar-benar menunjukkan maksud Anda.
00:04:59Bangun prototipe Anda berikutnya dalam hitungan menit di v0.app.
00:05:01Kami tidak sabar melihat apa yang akan Anda buat..