Mengapakah pereka web dan pembangun web harus bekerjasama?

Nampaknya perkara yang wajar: pereka bentuk dan pembangun harus bekerjasama.
Tetapi terlalu kerap, mereka ini bekerja sendiri, dalam projek yang sama. Pereka bentuk berfungsi untuk mencipta elemen grafik, palet warna dan tipografi yang kelihatan baik, sementara pembangun mengekod dan menyediakan bahan untuk penerbitan web. Dan ini boleh menyebabkan perselisihan faham antara pereka bentuk dan pembangun, dan mempunyai kesan dalam reka bentuk akhir itu sendiri.
Namun apabila pereka bentuk dan pembangun bekerjasama dalam projek hujung ke hujung, hasilnya adalah projek web yang lebih padu, dengan estetika yang lebih baik, antara muka pengguna yang cantik dan kod yang bersih. Terdapat juga kurang kerja dan kerja semula yang diperlukan semasa proses kerjasama, menghasilkan projek yang boleh disiapkan dalam masa yang singkat. 

Pereka bentuk lwn. pemaju

Tangkapan skrin 2015-10-14 pada 12.06.41
Secara tradisinya, pereka web dan pembangun web mempunyai nama profesion yang berbeza.
Biasanya, pereka bentuk menggunakan perisian reka bentuk grafik seperti Adobe Photoshop dan Illustrator untuk mencipta rupa tapak web dan elemen mereka. Estetika ini kemudiannya dikodkan menggunakan HTML, JavaScript, jQuery, CSS dan bahasa pengaturcaraan lain oleh pembangun web, untuk membawa semua kerja ini dalam talian.
Walaupun pereka bentuk dan pembangun selalunya boleh bekerja di bilik berasingan atau bahkan di negara yang berbeza, masing-masing memerlukan kemahiran yang lain untuk mencipta tapak web yang lengkap.

Bekerjasama: faedah

Kelebihan utama kerja bersama antara pereka dan pembangun ialah penciptaan projek web yang lebih lengkap. Daripada penampilan kepada interaksi, kepada pengalaman, projek hanya boleh direalisasikan dengan lebih baik apabila pereka bentuk dan pembangun bekerjasama. Dan menjadi hampir mustahil untuk tidak bekerjasama pada hari ini. 
Kami juga tidak boleh lupa untuk menjemput pereka Interacton dalam kerjasama ini, kelebihannya berbilang:

  • Sepasang mata kedua untuk menyemak semua kandungan, dan mengesan kecacatan atau ralat
  • Lebih kreatif sumbang saran
  • Pengalaman yang lebih lengkap: pereka bentuk boleh memahami perkara yang mampu dibuat oleh pembangun
  • Produk siap yang lebih padat, di mana semua bahagian kelihatan seperti asalnya
  • Mempelajari cara reka bentuk/pembangunan berfungsi
  • Gabungan idea semua orang untuk mempunyai visi yang lebih lengkap tentang pemaparan projek
  • Meningkatkan tumpuan pada misi dan matlamat projek
Bekerjasama: keburukan

Walaupun saya ingin mengatakan bahawa tidak ada kelemahan untuk bekerja bersama, itu akan menjadi naif bagi saya. Malah, mungkin terdapat beberapa kelemahan yang perlu dipertimbangkan:

  • Mungkin terdapat kos yang berkaitan dengan semua orang bertemu pada masa yang sama, terutamanya jika orang tidak berada di lokasi yang sama.

Ini bermakna menggunakan alat telesidang dan perkongsian dalam talian untuk berkomunikasi apabila tidak semua orang boleh berada di dalam bilik yang sama pada masa yang sama.

  • Kadang-kadang orang akan tidak bersetuju atau hanya tidak akan bersama. Tetapi kita semua sudah dewasa, bukan? Secara profesional, ini tidak sepatutnya membahayakan kerja kita.
Apa yang boleh anda lakukan

Tangkapan skrin 2015-10-14 pada 12.06.56
Sekarang setelah anda memikirkan semua sebab mengapa anda perlu bekerjasama dengan pereka bentuk atau pembangun, bagaimanakah anda boleh melaksanakan perkara ini? Semuanya bermula dengan komunikasi yang jelas. Pereka web dan pembangun web mesti terlebih dahulu merancang projek, dan memikirkan gambaran besar semasa proses, dan semasa keputusan dibuat. Anda perlu memahami bahawa ia tidak akan mudah, dan anda akan menang dan kalah dalam beberapa pertarungan di sepanjang jalan.
Cara terbaik untuk bermula ialah membawa pereka atau pembangun anda keluar untuk makan tengah hari, minum kopi atau berjalan-jalan. Kenali dia dan kenal pasti personalitinya, cara kerjanya sebelum membincangkan projek sebegitu buat kali pertama. Kemudian bincangkan tentang cara anda merancang untuk bekerjasama sebagai satu pasukan dan tetapkan beberapa peraturan asas.
Kemas kini tetap dengan semua kolaborator dalam projek itu adalah penting (mungkin mereka juga harus disepadukan ke dalam perancangan retro), untuk memastikan semua orang berada di tempat kerja, dan tepat pada masanya. Ingat untuk menjadi baik; menawarkan kritikan yang membina dan terbuka kepada maklum balas daripada orang lain. Matlamatnya juga adalah untuk mempelajari perkara baharu di sepanjang jalan: bersyukur.

5 petua untuk pereka
  1. Terangkan teori reka bentuk dengan cara yang mudah, untuk membantu pembangun memahami asal usul estetika.
  2. Fikirkan tentang elemen interaktif yang anda reka bentuk, dan cara ia akan berfungsi. Pastikan semua elemen direka untuk semua peringkat interaktiviti.
  3. Buat reka bentuk yang lengkap. Jangan mengharapkan pembangun untuk menyalin dan mengubah suai bahagian yang serupa. Buat elemen yang diperlukan untuk setiap bahagian supaya semuanya siap apabila dia mula bekerja.
  4. Minta bantuan semasa projek. Jika anda tidak pasti sama ada fon tertentu akan berfungsi pada tapak web, tanya.
  5. Hantarkan aset reka bentuk dalam format yang boleh digunakan, pada resolusi dan saiz yang sesuai untuk kegunaan web.
5 petua untuk pemaju 
  1. Tanya tentang reka bentuk. Mempunyai pengetahuan teori dari segi warna dan tipografi, malah jargon boleh membantu anda.
  2. Jujurlah tentang apa yang anda boleh dan tidak boleh lakukan. Jika pereka bentuk sedang menuju ke arah sesuatu yang tidak boleh diterjemahkan di web, nyatakan sesuatu lebih awal daripada kemudian.
  3. Bersedia untuk menjawab soalan dan membantu semasa proses reka bentuk.
  4. Libatkan diri dalam proses dari awal. Bantu sumbang saran idea reka bentuk yang berfungsi dengan UX (Pengalaman Pengguna).
  5. Kekalkan integriti reka bentuk yang dicipta – walaupun untuk bahagian yang anda tidak suka atau bersetuju dengan – dalam proses pembangunan. Anda hanya akan membuat musuh dengan mengubah perkara secara visual, tanpa matlamat "pembangunan" sebenar.

Salah satu petua terbesar untuk pereka bentuk dan pembangun bukanlah baharu sepenuhnya, tetapi masih relevan. Manifesto Agile (daripada nama Inggerisnya "Manifesto untuk Pembangunan Perisian Agile") menyerlahkan empat prinsip yang harus dipatuhi oleh semua pereka web, pembangun web dan pereka bentuk interaksi:

  1. Individu dan interaksi mereka lebih daripada proses dan alatan.
  2. Perisian yang berfungsi lebih daripada dokumentasi yang komprehensif.
  3. Kerjasama dengan pelanggan lebih daripada rundingan kontrak.
  4. Menyesuaikan diri dengan perubahan lebih daripada mengikuti rancangan.
Kemahiran yang boleh dimanfaatkan oleh semua orang

Tangkapan skrin 2015-10-14 pada 12.07.05
 
Untuk berkomunikasi dengan lebih baik antara satu sama lain, pereka bentuk dan pembangun mesti memaksa diri mereka untuk memahami dan terutamanya bercakap bahasa masing-masing. Untuk ini, mereka harus mempunyai pemahaman dan pengetahuan asas tentang perkara berikut:

  • Prinsip reka bentuk, seperti warna, ruang dan tipografi
  • Format dan saiz imej yang optimum
  • Pemahaman asas HTML dan CSS
  • Penggunaan fon web
  • Trend dalam reka bentuk dan pembangunan
  • Memahami kehendak dan keperluan pengguna
Kesimpulan

Masalahnya bukan sahaja menjejaskan objektif kerjasama pereka/pembangun tetapi juga meluas kepada pemahaman dan hak timbal balik setiap satu. Pada penghujung hari kedua-dua pekerjaan mempunyai satu matlamat yang sama: untuk mencipta tapak yang fenomenal. 
Perkara yang kita benar-benar perlu mula fikirkan ialah reka bentuk pembangunan.

Kerana sebenarnya, semua pembangunan adalah reka bentuk, dan semua reka bentuk web adalah pembangunan.

Anda tidak boleh memiliki satu tanpa yang lain, dan apabila reka bentuk menjadi semakin rumit, ini akan menjadi lebih benar. Jadi mungkin apa yang kita perlukan ialah perihalan kerja baharu, atau tajuk kerja yang menunjukkan bahawa pereka bentuk dan pembangun web adalah berkaitan.
Inilah cadangan saya: Bagaimana pula kita merujuk gabungan ini sebagai "pereka bentuk pembangunan web"?
Kongsi idea dan jawatan berpotensi anda dengan kami melalui ulasan.
 
Isabelle De Carvalho – UX-Humanist @UXrepublic
Terjemahan Artikel Carrie Throw Pillows