Bahasa Melayu

AI dalam Aliran Kerja Pereka Produk: Di Mana Ia Membantu, Di Mana Ia Gagal

Setiap alat reka bentuk kini mempunyai butang "AI". Anda sudah mencuba kebanyakannya. Separuh daripada hasilnya kelihatan seperti hasil Dribbble tahun 2019 yang berpakaian mewah. Separuh lagi menjimatkan masa petang anda yang sebenar.

Perbezaannya bukan pada alatnya. Perbezaannya terletak pada bahagian aliran kerja yang anda tunjukkan kepadanya.

Saya telah menghabiskan setahun terakhir terlalu malu untuk mengakui betapa banyaknya saya menggunakan AI pada tugas-tugas tertentu, dan terlalu jengkel untuk mengakui betapa banyaknya saya menolaknya pada tugas-tugas lain. Ini adalah versi yang telah dikemas kini tentang apa yang sebenarnya saya tetapkan. Tiada kebimbangan "AI akan menggantikan pereka". Tiada hype "AI akan melipatgandakan kemahiran anda". Hanya bahagian minggu yang berbaloi dan bahagian yang masih saya halau pergi.

Mengapa ini penting sekarang

PM sedang menghantar (ship) dengan v0 dan Cursor tanpa anda. Saya tidak mengatakan ini untuk menakutkan sesiapa. Saya mengatakannya kerana soalan "adakah pereka harus menggunakan AI" sudah dijawab oleh orang yang bukan pereka.

Jika anda tidak mempunyai pandangan tentang AI dalam kraf anda, pandangan orang lain menjadi lalai. Dan lalai itu hampir selalu berupa tumpukan kad Tailwind generik dengan tiga ikon, kecerunan, dan perkataan "Empower" di suatu tempat dalam hero. Anda tahu yang mana satunya.

Jadi ini lebih kepada mendapatkan spesifik daripada sekadar menerima AI. Apa yang sebenarnya dilakukannya dengan baik? Apa yang dirusakannya? Dan apakah ujian terkecil yang boleh anda jalankan bulan ini untuk mengetahuinya?

Di mana AI benar-benar membantu

Ini adalah bahagian minggu saya di mana saya sudah berhenti bersikap terlalu cerewet. Hasilnya cukup baik, masa yang dijimatkan adalah nyata, dan bahagian kerja yang dulunya ada di sini bukan tempat saya mendapatkan nilai sebenar.

Pengelompokan transkrip penyelidikan pengguna

Dua puluh temu bual pengguna dulunya bermakna seminggu dengan hamparan, lajur tag, dan hakisan perlahan kehendak untuk terus bekerja. Kini ia mengambil kira-kira tiga puluh minit.

Dovetail AI, Notion AI, atau Claude dengan transkrip yang ditampal akan menarik tema, frekuensi, dan kelompok petikan lebih pantas daripada mana-mana manusia. Saya masih membaca setiap petikan. Saya masih menyemak silang sintesis berbanding naluri saya sendiri daripada duduk dalam sesi sebenar. Tetapi saya melangkau peringkat hamparan sepenuhnya, dan masa yang saya jimatkan digunakan untuk lebih banyak temu bual, yang merupakan tempat leverage sebenarnya.

Perangkap: jangan percaya kelompok pertama. Jalankan dua pusingan dengan prompt yang berbeza dan lihat di mana kedua-duanya tidak bersetuju. Ketidaksetujuan itulah tempat penyelidikan yang menarik berada.

Pembibitan prototaip

v0, Galileo, Figma Make. Saya menggunakan ini untuk perancah yang membosankan: halaman tetapan yang tidak akan dilihat dua kali, jadual untuk alat admin dalaman, wizard dengan lima langkah yang semuanya kelihatan sama.

Triknya adalah menganggap hasilnya sebagai wireframe, bukan reka bentuk. Grid itu titik permulaan. Hierarki itu titik permulaan. Kemudian anda mereka bentuk semula kira-kira 70% daripadanya kerana versi AI adalah generik dan produk anda tidak. Tetapi anda melangkau kanvas kosong, yang merupakan bahagian terburuk dalam mana-mana sprint yang melibatkan susun atur yang tidak anda ambil peduli.

Untuk permukaan pengguna atau apa-apa yang dipacu jenama, ini tidak berkesan. Kita akan sampai ke sana.

Varian microcopy

Keadaan kosong, mesej ralat, tooltip onboarding, teks butang apabila "Simpan" terasa terlalu ringkas tetapi "Guna perubahan" terasa terlalu panjang. Saya menjana sepuluh varian, buang sembilan, sunting satu.

Kata kuncinya adalah sunting. Apa-apa yang saya hantar secara langsung dari LLM akan kedengaran seperti LLM dalam produksi. Iramanya tidak kena. Kerehatannya tidak kena. Selalu ada satu adjektif terlalu banyak. Tetapi sebagai rakan brainstorm, ia lebih baik daripada menatap kursor yang berkelip di sebelah "Maaf, sesuatu telah berlaku salah" untuk keseratus kalinya.

Perancah teks alt dan kebolehcapaian

Teks alt pusingan pertama. Draf label ARIA. Semakan kontras warna. Pemeriksaan struktur tajuk pembaca skrin.

Saya mengesahkan semuanya. AI mencapai semakan kontras WCAG AA pada perkara yang jelas dan terlepas setiap kes pinggir yang halus. Tetapi halaman kosong hilang, dan itu penting apabila kerja kebolehcapaian sudah menjadi bahagian kerja yang paling kurang disumber oleh kebanyakan pasukan. Permulaan 50% lebih baik daripada 0%.

Saya akan memberikan amaran keras di bahagian seterusnya, kerana menghantar teks alt yang dijana AI tanpa semakan adalah cara anda menghantar "gambar seseorang" sebanyak 4,000 kali merentasi laman pemasaran.

Perancah penyerahan (handoff) kepada pembangun

Cursor menukar bingkai Figma menjadi komponen berfungsi yang diperhalusi oleh jurutera. Ini adalah, secara senyap, alat reka bentuk AI yang paling kurang dihargai daripada semuanya.

Pasangkan Cursor dengan design system yang baik dan anda memotong masa penyerahan (handoff) separuh. Jurutera tidak perlu menterjemahkan token jarak secara manual. Anda tidak mendapat mesej Slack "adakah ini yang anda maksudkan?" yang ketiga pada pukul 4 petang Jumaat. Komit pertama lebih dekat dengan niat anda pada percubaan pertama.

Ia berfungsi kerana ada design system yang ketat mengehadkan hasilnya. Tanpanya, Cursor berkeliaran, dan Cursor yang berkeliaran hanyalah v0 dengan langkah tambahan.

Di mana AI gagal (dan anda tidak sepatutnya menyerahkannya)

Ini adalah senarai yang saya lekatkan di monitor untuk mana-mana pereka junior yang bertanya berapa banyak AI yang perlu digunakan. Semua yang di bawah adalah tempat kerja membayar anda untuk berfikir, dan di mana AI berfikir seperti semua orang yang datang sebelum ini, yang merupakan naluri yang salah.

Selera

AI mengambil purata. Kerja anda adalah untuk menjadi spesifik.

Apabila saya meminta AI untuk mereka bentuk papan pemuka (dashboard) SaaS, ia memberi saya papan pemuka SaaS. Generik, munasabah, mudah dilupakan. Tiga kad KPI merentang bahagian atas, carta, jadual, bar sisi. Ia kelihatan seperti setiap papan pemuka SaaS lain kerana ia dilatih pada setiap papan pemuka SaaS lain.

Tetapi anda tidak mereka bentuk sebuah papan pemuka SaaS. Anda mereka bentuk papan pemuka ini untuk pengguna ini, yang bekerja dalam konteks ini, di mana carta adalah bukan elemen utama yang betul kerana pengguna sebenarnya membuka halaman untuk melakukan satu tugas tertentu dan carta itu bukan tugas tersebut. AI tidak akan menangkap itu. Anda akan.

Pembingkaian masalah

AI menjawab soalan. Pereka memutuskan soalan mana yang patut dijawab.

Jika PM meminta reka semula tetapan dan anda meminta Claude untuk mereka semula tetapan, kedua-duanya telah tersilap. Langkah yang menarik adalah menyedari bahawa tetapan tidak memerlukan reka semula. Ia perlu dipecahkan, dengan tiga tetapan yang sebenarnya digunakan orang diserlahkan ke dalam aliran utama dan selebihnya dimasukkan ke dalam laci "lagi". AI tidak melakukan langkah itu. AI membina halaman tetapan yang lebih baik.

Keputusan pembingkaian adalah milik anda. Jangan serahkan ia.

Nuansa kebolehcapaian

Saya sudah menyebut ini di atas dan akan menyebutnya lagi kerana ia perlu diulang. AI mencapai semakan kontras WCAG AA. Ia menulis teks alt yang munasabah. Ia menjana peranan ARIA yang kelihatan betul.

Ia tidak memahami aliran navigasi papan kekunci apabila modal dibuka dalam helaian dalam laci. Ia tidak memahami bahawa pembaca skrin yang membaca "butang butang butang butang" merentasi grid kad adalah pematuhan teknikal tetapi mengancam fungsian. Ia tidak memahami bahawa video main semula automatik tanpa kawalan jeda melanggar lebih daripada satu kriteria.

Uji dengan pembaca skrin. Uji dengan papan kekunci sahaja. Uji dengan gerakan berkurangan. AI bukan pengganti ujian sebenar, tidak kira betapa yakinnya hasilnya kedengaran.

Suara jenama

Salinan AI kedengaran seperti salinan AI. Irama, jenaka dalaman, kerehatannya, kesanggupan untuk membiarkan ayat lebih pendek daripada yang dikehendakinya. Itu masih anda.

Setiap jenama yang saya hormati mempunyai suara yang sedikit pelik. Sedikit luar irama. Mengatakan perkara dengan urutan yang mengejutkan anda. AI tidak boleh meniru itu, kerana AI dilatih untuk menjadi kebalikan daripada pelik. Ia dilatih untuk menjadi munasabah. Munasabah adalah kematian suara jenama.

Jika suara jenama anda boleh ditiru oleh LLM, jenama anda tidak mempunyai suara.

Corak interaksi baharu

AI dilatih pada apa yang wujud. Jika produk anda memerlukan sesuatu yang baharu, AI akan menarik anda ke arah apa yang rata-rata.

Saya pernah meminta Galileo untuk membuat mock aliran untuk ciri yang benar-benar baharu. Ia menghasilkan versi yang sempurna dari corak sedia ada yang paling hampir, yang merupakan corak yang salah. Saya menghabiskan sejam mendorongnya untuk melakukan perkara baharu dan tidak ke mana-mana. Saya menutup tab dan melakarnya di atas kertas dalam 15 minit.

Apabila jawapannya baharu, AI adalah beban tambat. Jangan melawannya. Hanya jangan gunakannya untuk bahagian itu.

Pendapat jujur tentang alat

Mengikut urutan kasar betapa kerap saya membukanya:

  • Figma AI. Baik untuk menamakan semula lapisan (ini sahaja sudah berbaloi), menjana kandungan ruang letak yang bukan "Lorem ipsum," ikon draf pertama yang akan anda lukis semula. Sederhana dalam "reka bentuk skrin ini": hasilnya generik. Gunakannya untuk tugas-tugas biasa.
  • v0 / Galileo. Bagus untuk jurutera yang melancarkan alat dalaman tanpa pereka. Untuk permukaan pengguna atau pengalaman berjenama, jahitannya kelihatan serta-merta. Saya menggunakan v0 untuk perancah inspirasi yang kemudian saya buat semula dari awal. Galileo saya gunakan lebih kurang.
  • Cursor untuk kod daripada reka bentuk. Alat reka bentuk AI yang paling kurang dihargai, tanpa soal. Pasangkan dengan design system yang baik dan gelung penyerahan (handoff) anda menjadi lebih pantas bermakna. Perubahan tunggal dengan ROI tertinggi dalam senarai ini.
  • ChatGPT / Claude sebagai rakan berfikir. Lebih baik daripada mana-mana alat visual di atas untuk kritik, salinan, penamaan, dan menguji logik anda sendiri. Lebih teruk daripada semuanya untuk hasil visual. Anggap ia seperti rakan sekerja yang boleh anda ganggu pada pukul 11 malam.

Itulah keseluruhan senarai yang sebenarnya saya buka dalam minggu biasa.

Petanda reka bentuk "dibuat oleh AI"

Saya menyimpan senarai ini dalam Figma saya. Jika tiga atau lebih daripada ini muncul dalam sesuatu yang akan saya hantar, saya buat semula.

  • Susun atur tiga kad dengan tiga ikon merentasi bahagian hero atau nilai-cadangan.
  • Kecerunan pada CTA yang tidak memerlukan kecerunan.
  • Salinan yang menggunakan "Unlock," "Empower," atau "Seamless" tanpa ironi.
  • Jarak rata sempurna yang mengabaikan berat visual (semua 16px kerana prompt menyebut "gunakan jarak konsisten").
  • Ilustrasi hero bergaya foto stok yang menampilkan orang pelbagai latar belakang menunjuk ke arah komputer riba.
  • Halaman harga dengan tiga peringkat, yang tengah dilabel "Paling Popular," dan perbandingan tanda semak yang tidak akan dibaca oleh sesiapa pun.
  • Tajuk yang mengikuti corak "kata kerja nama benda anda". ("Streamline your workflow." "Accelerate your team." "Simplify your stack.")
  • Salinan badan yang dibuka dengan "In today's fast-paced world."

Tiga daripada ini dan reka bentuk itu mendedahkan dirinya sendiri sebelum sesiapa melihat fail. Buat semula.

Pelan 30 hari anda

Anda boleh membaca artikel ini dan mengangguk, atau anda boleh menjalankan ujian sebenar. Ini adalah versi termurah pilihan kedua.

Minggu 1: Kelompokkan satu projek penyelidikan. Pilih projek di mana anda mempunyai 10+ transkrip temu bual pengguna. Jalankannya melalui pengelompokan AI (Dovetail AI, Notion AI, atau Claude). Lakukan pusingan sintesis manual anda sendiri secara selari. Bandingkan kedua-duanya. Perhatikan di mana AI betul, di mana ia tersilap dengan yakin, dan di mana ia menemui sesuatu yang anda terlepas. Tujuannya bukan untuk menggantikan sintesis anda. Ia untuk mengkalibrasi kepercayaan anda.

Minggu 2: Benih prototaip satu skrin dalaman. Gunakan v0, Figma Make, atau Galileo untuk satu skrin berhadapan dalaman secara hujung ke hujung. Tetapan, jadual, panel admin, apa-apa yang tidak memerlukan kecemerlangan jenama. Ukur berapa lama masa yang diambil berbanding aliran biasa anda, dan tuliskan di mana anda terpaksa membuat semula dari awal. Anda akan belajar dengan cepat 70% mana yang boleh dikekalkan dan 30% mana yang perlu dibina semula.

Minggu 3: Pusingan varian microcopy. Jalankan semua microcopy dalam projek semasa anda (keadaan kosong, ralat, tooltip, teks butang) melalui penjana varian AI. Simpan yang lebih baik. Buang yang lebih teruk. Rekodkan corak di mana AI konsisten membantu berbanding konsisten meratakan suara anda. Ini menjadi helaian tipu peribadi anda untuk sprint seterusnya.

Minggu 4: Pasangkan pada penyerahan (handoff) kepada pembangun. Pilih satu komponen yang pergi ke kejuruteraan sprint ini. Sediakan jurutera dengan Cursor dan kekangan design system yang ketat. Ukur masa penyerahan (handoff) dan gelung pengerjaan semula berbanding komponen setara sprint lepas. Jika lebih pantas dan lebih bersih, inilah perubahan leverage tertinggi anda. Jadikannya kekal.

Empat minggu. Satu ujian sebenar setiap minggu. Pada akhirnya, anda akan mempunyai pendapat anda sendiri dan bukan milik saya.

Pilihan: pemetaan kepada Rangka Kerja ACE

Jika pasukan anda menggunakan perbendaharaan kata ACE (Ingest, Analyze, Predict, Generate, Execute), ada baiknya menamakan di mana reka bentuk AI sesuai dan di mana ia tidak.

  • Ingest: menarik transkrip penyelidikan, tiket sokongan, dan rakaman sesi ke dalam korpus yang boleh digunakan. AI banyak membantu.
  • Analyze: mengelompokkan tema, menyerlahkan frekuensi, mencari nilai terpencil dalam data kualitatif. AI membantu, dengan pusingan pengesahan.
  • Generate: pembibitan prototaip, varian microcopy, draf teks alt, perancah penyerahan (handoff) kepada pembangun. AI membantu dalam had kawalan.
  • Predict: masalah mana yang perlu diselesaikan seterusnya, versi mana yang hendak dihantar, pertukaran mana yang penting. Anda. Bukan AI.
  • Execute: keputusan penghantaran (ship) sebenar dan pemilikan hujung ke hujung selepas pelancaran. Anda dan pasukan anda. Bukan AI.

Mengatakan ini dengan lantang berguna apabila PM bertanya mengapa anda tidak "biarkan AI melakukannya." Jawapan jujurnya adalah bahawa AI membantu dalam tiga daripada lima keupayaan, dan dua yang tidak dapat disentuhnya adalah dua yang memberi pereka tempat duduk di meja. Membiarkan AI mengambil alih Predict atau Execute bermakna membiarkan AI mereka bentuk produk anda, yang juga dipanggil menghantar produk generik, yang juga dipanggil perkara yang pesaing anda yang tidak mempunyai pereka sudah lakukan.

Perangkap biasa

Senarai pendek tentang bagaimana ini boleh menjadi salah, mengikut urutan kasar setiap kesilapan yang pernah saya lakukan sendiri:

  • Membiarkan hasil AI melangkau kritik kerana "kelihatan selesai." Ia kelihatan selesai. Ia belum selesai. Jalankan ia di hadapan pasukan anda.
  • Menggunakan AI untuk bahagian kerja yang mendapat rasa hormat anda. Selera, pembingkaian, corak baharu. Jika anda menyerahkan ini, anda menjadi boleh diganti, dan orang yang menggantikan anda bukan AI. Ia akan menjadi pereka seterusnya yang tidak berbuat demikian.
  • Menyembunyikan bahagian kerja anda yang dibantu AI. Beritahu pasukan anda. Ketelusan membina kepercayaan. Menyembunyikannya memusnahkannya pada hari seseorang menyedarinya.
  • Mempercayai keyakinan AI berbanding keyakinan anda sendiri. AI kedengaran yakin walaupun ia tersilap. Naluri anda dikalibrasi oleh seribu reka bentuk. Percayai naluri itu.
  • Mengoptimumkan 30% minggu yang salah. AI yang menjimatkan 30 minit pada tugas yang hanya anda lakukan sekali sebulan tidak berbaloi untuk disepadukan. Cari kesakitan yang berulang.

Mengukur kejayaan

Inilah ukuran yang saya tetapkan untuk penggunaan AI saya sendiri.

Anda menghantar (ship) lebih pantas pada kerja perancah: sintesis penyelidikan, susun atur alat dalaman, draf pertama microcopy, penyerahan (handoff) kepada pembangun. Anda menghantar lebih perlahan dan lebih bertimbang rasa pada bahagian yang penting: keputusan pembingkaian, corak baharu, suara jenama, nuansa kebolehcapaian.

Pasukan anda boleh mengenal pasti 20% minggu reka bentuk anda yang kini merupakan masa yang dituntut semula. Anda menggunakannya untuk lebih banyak temu bual, lebih banyak kritik, lebih banyak pemikiran, lebih banyak lelaran pada bahagian kerja di mana lelaran itu berkompound.

Dan ukuran paling penting: tiada siapa yang melihat kerja anda dan berfikir "AI yang membuat ini."

Itulah ukurannya. Apa-apa yang kurang daripada itu bermakna anda menggunakan AI untuk bahagian kerja yang salah.

Ketahui Lebih Lanjut