Kematian untuk Memproses Mesin!

Cari proses reka bentuk yang ideal dengan melekat pada beberapa prinsip mudah dan bukan skrip tegar.

Anda mendengar satu ton nasihat yang berbeza mengenai cara yang betul dan salah untuk merancang aplikasi atau laman web.

"Anda harus menggunakan Sketsa."
"Sistem Rekabentuk atau GTFO."
"Pereka Reka bentuk sebenar 100% dalam kod."
"Wireframes adalah satu pembaziran masa."
"Jika anda tidak membuat prototaip, anda tidak melakukannya dengan betul."
"Anda perlu bermula di atas kertas."

Anda fikir tidak ada persetujuan mengenai cara yang betul untuk mereka bentuk, tetapi ada satu perkara yang sebahagian besarnya bebas daripada kontroversi - bahawa proses anda harus linier.

Pendekatan linear klasik kelihatan seperti ini:
penyelidikan → sketsa → wireframe → stat stats → prototaip → kod

Ia seperti mesin pembuatan Rube Goldberg-esque yang mereka gunakan untuk membuat Doritos dan Ding-Dongs. Jatuhkan idea ke dalam mesin proses, dan selepas mendapat mashed dan dibentuk ke dalam bentuk kerana ia mengalir melalui langkah-langkah produk siap muncul di sisi lain! Boleh diramalkan! Cekap!

Jenis.

Mesin proses kerja, tetapi hanya apabila mereka bekerja. Mereka tidak menyesuaikan diri, dan itu menjadikan mereka rapuh. Apa yang diperlukan hanyalah Sabot kecil untuk mengisar mesin proses anda.

Hank, a.k.a. "Sabot"

Saya telah menonton Menemukan Dory dengan anak saya akhir-akhir ini, dan sebahagian daripada rakaman "membuat" terus melompat keluar kepada saya.

Dalam filem itu, ada gurita yang bernama Hank:

Disney / Pixar

Septopus, secara teknikal. Model wataknya sangat membosankan untuk bekerja dengannya, mereka menolak kesanggupan untuk membuat animasi dia boleh dilakukan. Walau bagaimanapun, dengan 4,000 kawalan berasingan dia sangat mencabar untuk bekerja dengannya.

Pada ketika ini dalam proses ini, mereka sudah melangkaui lakaran dan penulisan dan animasi masa lalu - tahap kesetiaan yang lebih rendah yang membantu anda membuat banyak ide dengan cepat dan murah. Mereka sudah mendapat Real juga. Rig watak dibina, butiran teknikal yang dihasilkan, soalan asas dijawab.

Mereka berada di peringkat akhir animasi - model 3D dalam persekitaran 3D. Mereka boleh bertahan dengan mengorbankan jadual pengeluaran dan bajet. Sebaliknya, mereka melakukan sesuatu yang sangat menarik - mereka kembali ke lakaran.

Disney / Pixar

Dengan melukis pergerakan kompleks tengkorak Hank di atas kertas, mereka dapat menggali animasi sempurna, cecair yang mereka cari dalam sebahagian kecil masa. Sebaik sahaja mereka gembira dengan urutan, mereka akan hidup dalam 3D untuk dipadankan. Mereka mendapat produk yang lebih baik dalam masa yang kurang kerana mereka memilih untuk menghargai prinsip proses dan bukan preskripsi proses.

Penyembuhan untuk proses preskriptif

Pasukan Finding Dory membuat produk yang lebih baik dengan lebih cepat dengan membuat keputusan yang memprioriti kelajuan dan kualiti dan bukannya berpegang pada proses huru hara.

Anda mungkin memilih perkara lain untuk dihargai, tetapi jika anda bekerja dalam persekitaran komersil, memfokus pada tempat yang manis antara kelajuan dan kualiti harus berada di bahagian atas senarai anda. Menggalakkan kerja-kerja yang pantas dengan cepat adalah jenis yang besar untuk pereka profesional dan artis selepas semua.

Menentukan prinsip yang mendorong proses anda hanyalah permulaan. Inilah cara anda boleh mempraktikkannya.

Mulakan dengan soalan-soalan besar

Jika anda menghargai kelajuan, mulakan projek dengan memikirkan apa yang paling besar, soalan-soalan yang paling asas. Dalam Mendapatkan Nyata, ini dipanggil "reka bentuk pusat":

Mula dari teras halaman dan bina ke luar
Reka bentuk lampu pusat memberi tumpuan kepada intipati sebenar halaman - pusat gempa - dan kemudian membina ke luar. Ini bermakna, pada permulaan, anda mengabaikan kaki-kaki: navigasi / tab, footer, warna, bar sisi, logo, dan sebagainya. Sebaliknya, anda bermula di pusat gempa dan reka bentuk bahagian penting kandungan terlebih dahulu.
Apa pun halaman yang sama sekali tidak boleh hidup tanpa episod. Contohnya, jika anda merancang halaman yang memaparkan catatan blog, pos blog itu sendiri adalah pusat gempa bumi. Bukan kategori di bar sisi, bukan tajuk di bahagian atas, bukan borang komen di bahagian bawah, tetapi unit pos blog sebenarnya. Tanpa unit pos blog, halaman itu bukan catatan blog.
Hanya apabila unit itu selesai, anda akan mula memikirkan elemen kedua paling kritikal di halaman. Kemudian selepas elemen paling kritikal kedua, anda akan bergerak ke ketiga, dan sebagainya. Reka pusat genting itu.
Reka bentuk lampu pusat menjauhkan tradtional "mari kita bina bingkai kemudian jatuhkan kandungan dalam" model. Dalam proses itu, bentuk halaman dibina, maka nav disertakan, maka pemasaran "barang"
 dimasukkan, dan akhirnya, fungsi teras, tujuan sebenar halaman, dituangkan ke ruang kosong apa pun. Ia adalah proses yang mundur yang mengambil apa yang harus menjadi keutamaan dan menyelamatkannya untuk akhir.

Berikut adalah contoh mengapa ini penting. Saya bekerja pada aplikasi sampingan aplikasi sampingan kecil yang menggunakan antaramuka audio yang unik, mungkin tidak dapat dikendalikan. Sekiranya saya tidak menghargai kelajuan, saya dapat menghabiskan banyak waktu untuk merekabentuk pelbagai maklumat yang terletak di atas dasar idea yang aneh ini. Reka bentuk datang sebelum kod dalam proses linear klasik, selepas semua.

Sebaliknya, saya mula dalam kod untuk memikirkan sama ada idea ini adalah berdaya maju atau tidak. Tidak! Jadi saya menyesuaikan rancangan saya, dan menyelamatkan diri saya dengan banyak masa dan tenaga.

Hanya bertanya, WMGMTCATMQITLAOT?

Sebaik sahaja anda mengetahui soalan-soalan yang memerlukan jawapan dahulu, tanya diri anda:
"Media mana yang memberikan saya jawapan yang jelas kepada soalan-soalan saya dalam masa yang paling sedikit?"

Dalam kes projek sampingan saya, jawapannya adalah kod. Untuk halaman di Basecamp.com, jawapannya sering teks atau lakaran. Untuk anda, ia mungkin sesuatu yang lain sepenuhnya.

Mengetahui kapan untuk menukar gear

Ini memberi anda tempat untuk bermula, tetapi bagaimana anda tahu bila sudah tiba masanya untuk beralih ke medium yang berbeza? Apabila anda memukul rintangan.

Fikirkan memandu kereta. Anda menjelajah lebuh raya - enjin mengalir seperti anak kucing yang berpuas hati. Tetapi kemudian anda mula memandu bukit. Gear yang anda ada adalah hebat untuk melayari, tetapi bukan untuk memanjat bukit. Untuk mengekalkan kelajuan anda, anda beralih ke gear baru.

Perkara yang sama di sini. Tetapi tidak seperti kereta, tidak ada penunjuk pepejal batu bahawa anda telah memukul rintangan terlalu banyak dalam pilihan medium anda. Nasib baik, kebanyakan pereka dan artis mempunyai pegangan pepejal apabila anda perlu beralih ke medium yang menawarkan lebih banyak kesetiaan. Ini adalah bahagian yang bersesuaian dengan kesetiaan klasik yang rendah → proses linear kesetiaan tinggi selepas semua. Anda tahu anda bersedia untuk bergerak dari membuat lakaran apabila lakaran berhenti memberikan anda wawasan yang berguna.

Sebaik sahaja anda memukul perkara ini, tentukan satu set soalan yang paling penting dan tanyakan kepada diri anda lagi: "yang sederhana memberi saya jawapan yang paling jelas kepada soalan saya dalam masa yang paling sedikit?"

Kes kedua - beralih kepada kesetiaan yang lebih rendah - lebih sukar. Kedua-duanya kerana orang kurang diamalkan, dan juga kerana ia sukar. Ambil kerja dalam kod. Anda bekerja dengan 100% kesetiaan, jadi tidak ada had keupayaan menengah untuk menjawab soalan. Tetapi terdapat had keupayaannya menjawab soalan dengan cepat.

Apabila anda merasakan diri anda tidak mengejar jalan kerana terasa seperti kerja terlalu banyak, itulah tanda yang baik yang anda perlukan untuk mundur. Apabila perkara merasakan mereka tidak mengklik seperti yang sepatutnya, ia adalah masa untuk menilai semula. Berhati-hati, dan anda akan mula merasakannya.

Menggunakan medium untuk kelebihan anda

Terdapat kes ketiga untuk bertukar kepada - atau melekat dengan- medium. Yang tidak peduli dengan perlawanan, ia hanya peduli tentang kebenaran asas; proses mempengaruhi keputusan. Sama seperti lukisan sesuatu dengan pensel akan kelihatan berbeza daripada lukisan dengan penanda, mereka bentuk dalam pelayar akan menghasilkan hasil yang berbeza daripada mereka bentuk dalam lakaran.

Semakin banyak anda memahami bagaimana medium mempengaruhi kerja anda - jenis alat menandakan ia meninggalkan - semakin banyak anda boleh menggunakannya untuk kelebihan anda. Ingin reka bentuk anda menjadi ekspresif? Mungkin lebih baik untuk bekerja dengan alat visual seperti Sketsa, Illustrator, atau bahkan * gasp * Photoshop. Mahu reka bentuk yang ringan dan ringan? Terlupa dengan reka bentuk dalam kod.

Contoh praktikal

Sekarang bahawa saya telah melatih tentang peril proses preskriptif, saya ingin berkongsi dengan anda ... proses saya. Bukan untuk anda mengikut langkah demi langkah! Hanya untuk memberikan anda contoh kehidupan sebenar bagaimana anda boleh menggunakan prinsip untuk membimbing proses anda.

Kami melancarkan cara baru untuk bekerja dengan pelanggan di Basecamp, dan tugas saya adalah untuk membuat halaman baru di Basecamp.com untuk memasarkannya. Begini bagaimana ia dimainkan:

Menentukan soalan-soalan besar, memilih medium

Ini bukan laman web baru, atau susun atur baru. Pertama, saya perlu mencari tujuan halaman ini, apa yang ia katakan, dan struktur keseluruhannya.

"Media mana yang memberikan saya jawapan yang jelas kepada soalan-soalan saya dalam masa yang paling sedikit?"

Comps dan lakaran adalah keluar. Ini telah menjadi reka bentuk yang sedia ada dan templat yang sedia ada. Saya boleh melompat terus ke kod, tetapi markup adalah bunyi pada ketika ini. Teks betul.

Sekumpulan salinan separuh bakar

Meningkatkan kesetiaan

Saya tidak melekat dengan teks cukup lama untuk menyelesaikan semua salinan untuk halaman. Sebaik sahaja saya mempunyai garis besar dan rasa bagaimana saya ingin bercakap tentang ciri ini, saya mengalihkan gear menjadi kod.

Mengapa?

Dokumen teks tidak dapat memberitahu saya apa-apa tentang sama ada garis akan meninggalkan janda, sama ada perenggan "terasa" lama, bagaimana imej akan mengalir, dan lain-lain. Saya memerlukan lebih banyak kesetiaan. Beberapa soalan baru boleh dijawab oleh comp statik, tetapi itu tidak akan menjawab soalan tentang salinan yang sesuai kecuali saya membuang masa yang sepadan dengan tepat dengan kod. Tidak, Terima kasih.

Bekerja melalui penyuntingan salinan dalam kod

Selektif mengurangkan kesetiaan

Selepas beberapa pusingan semakan salinan, halaman itu mula terbentuk. Secara visual, ia adalah mekanikal dan underwhelming. Saya mahu ia menjadi lebih ekspresif, jadi saya beralih ke Sketch untuk riff pada beberapa idea.

Saya boleh tinggal di kod untuk sebahagian besar, tetapi dengan Sketch I boleh memadamkan sekumpulan gagasan lebih cepat daripada saya dapat kod mereka. Ia juga membiarkan saya secara langsung membandingkan idea-idea itu terhadap satu sama lain, dan tidak akan meninggalkan sarang tikus CSS dari semua churn. Win-win-win.

Sekumpulan kompak lakaran separuh bakar

Perhatikan bagaimana tidak seorang pun daripada mereka dibakar sepenuhnya? Ini kerana mereka tidak penting! Ini bukan untuk persembahan pelanggan atau untuk handoff pembangun. Mereka berada di sana untuk membantu saya mencari sesuatu, maka mereka sampah. Melabur masa untuk menggilap mereka akan menjadi satu pembaziran usaha.

Selesai

Sebaik sahaja saya mempunyai rasa arah, ia adalah kod laluan yang lain. Menggilitkan salinan, menggilap tangkapan skrin, dan selalu menilai terhadap soalan terakhir, penting: "Adakah ini bersedia untuk menghantar?". Anda boleh melihat Pelanggan yang tinggal di halaman Basecamp di sini.

Ini bukan bagaimana setiap projek memainkan. Kadang-kadang saya akan melukis sesuatu dalam Procreate, kadang-kadang saya akan bermula dengan comp visual cepat dan kotor, kadang-kadang saya akan menulis salinan dalam lakaran, kadang-kadang saya akan bekerja 100% dalam kod. Semuanya bergantung kepada projek di tangan.

Mudah-mudahan yang memberikan anda sedikit pemahaman tentang bagaimana anda boleh menggunakan prinsip untuk membimbing proses anda pada kes demi satu tanpa merasa seperti anda sentiasa mencipta semula roda.

Fikirkan tentang proses anda dan jenis kerja yang anda lakukan. Tentukan prinsip yang penting untuk anda, tumpukan pada perkara besar terlebih dahulu, dan teruskan mempersoalkan jika medium yang anda sedang bekerja adalah yang tepat untuk saat ini. Kerja anda akan lebih baik untuknya.