Tasarımcılarla İşbirliği İçin 11 İpucu (Geliştirici Kılavuzu)

Geliştiriciler için, birden fazla monitörün ve aşılmaz kod duvarlarının arkasına saklanabilmenin en iyi günleri sona erdi. Günümüzde, herhangi bir projede ortak bir hedef doğrultusunda tasarımcılar, ürün yöneticileri ve diğer paydaşlarla yakın çalışmanız gerekecek.

Tasarımcılarla etkin bir şekilde çalışmak, iki disiplinin tarihsel olarak oldukça ayrı olduğu düşünüldüğünden, geliştiriciler için belirli sorunlar ortaya çıkarabilir. Ancak, giderek artan bir şekilde durum böyle değil. Bir geliştirici olarak, tasarımın önemli bir husus olduğu konuşmalara anlamlı bir şekilde katkıda bulunmanız ve bir projenin tüm aşamalarında tasarımcılarla el ele çalışmanız beklenir.

Bu makalede, geliştiricilerin tasarımcılarla etkileşimlerini daha üretken, eğlenceli ve ilgili herkes için ödüllendirici hale getirmek için kullanabilecekleri 11 sağduyu ipucuna bakacağız.

Tasarımcıların ve geliştiricilerin neden her zamankinden daha yakın çalıştıklarına bakarak başlayalım.

Geliştirici/Tasarımcı Ayrımı Giderek Arkaik Oluyor

Geliştiriciler ve tasarımcılar arasındaki ayrım çizgisi tarihsel olarak oldukça katıydı. İnsanların çitin bir tarafında veya diğer tarafında çok fazla olduğu ve ikilinin asla buluşmayacağı varsayıldı.

Biri yetenekli bir tasarımcı ve geliştirici hem olabileceği fikri bir çatlak hem verebilir insanların nadir bir cins açıkça boynuzlu atlar olarak anılacaktır edildi ki tuhaf oldu.

Bu günlerde durum çok farklı. Özellikle ön uç web geliştirme bağlamında, her iki bağlamda da bir profesyonel olarak her iki disiplinin de temel yönleriyle en azından bilgi sahibi olmanız giderek daha fazla beklenmektedir.

Kod odaklı bir ortam olarak, çevrimiçi beceri setlerini genişletmeye yönelik erken baskının çoğu tasarımcılara yönelikti. Tasarımcılar yanıt olarak oyunlarını takdire şayan bir şekilde yükselttikçe, ayakkabı giderek daha fazla öne çıkıyor – geliştiricilerin görsel olarak okuryazar olması ve elbette tasarım endişelerini kodlarına dahil etmesi bekleniyor.

Modern web geliştirme bağlamında, ustalaşmak için çok önemli olan beceri gerçekten problem çözmedir – hem tasarımın hem de geliştirmenin kalbinde yer alan bir endişe. Temel beceriler doğal olarak farklılık gösterse de, geliştiriciler ve tasarımcılar günün sonunda aynı şeylerin peşindedir.

11 ipucumuz boyunca, ortak hedeflerinize ulaşmak için tasarımcılarla daha etkili bir şekilde işbirliği yapmanıza yardımcı olmak amacıyla hem genel hem de projeye özel önerilere bakacağız.

Haydi gidelim!

1. Görsel Tasarımın Temel Kavramlarını Öğrenin

Bir geliştirici olarak, doğal olarak özel bir kelime dağarcığı ve bir dizi kavramla uğraşmaya alışkınsınız. Diğer geliştiricilerle iletişim kurmayı nispeten basit kılan şeylerden biri de, karmaşık konular hakkındaki tartışmaları bile hızla atlatmak için güvenebileceğiniz bir dizi ortak terim, varsayım ve deneyime sahip olmanızdır.

Görsel tasarımın, tasarımcıların aşağı yukarı aynı şeyi yapmak için kullandıkları kendi temel ilkeleri, teknikleri ve kelimeleri vardır. Bunlara aşina olmak için harcanan küçücük bir ekstra çaba, hem problem çözme teknikleri açısından dünya görüşünüzü kökten genişletecek hem de tasarımcılarla işbirliğini önemli ölçüde kolaylaştıracaktır.

Sıradan bir izleyici kitlesini hedefleyen iyi, genel amaçlı bir görsel tasarım kılavuzu alarak başlayın. Robin Williams'ın Tasarımcı Olmayanın Tasarım Kitabı , burada göze çarpan seçenek olarak kabul ediliyor. Alex White'ın Grafik Tasarım Öğeleri ve Timothy Samara'nın Tasarım Öğeleri: Grafik Stil El Kitabı , daha fazla okumak için iyi seçeneklerdir.

Görsel tasarım uygulamasını neyin oluşturduğunun temel özünü kavrarken, aşağıdaki alanlara özellikle dikkat edin:

• Tipografi: Bir geliştirici olarak, metinle uğraşmanın yalnızca favori IDE'niz için bir yazı tipi ve yazı tipi boyutu seçmekten ibaret olmadığı fikrine alışmanız gerekir – bu, etkili görsel iletişimin tam kalbinde yer alır. Butterick'in Pratik Tipografisini hızlı bir şekilde okumak veya Erik Spiekermann'ın Koyun Çalmayı Durdur kitabının bir kopyasını almak, sizi hızlandırmak için uzun bir yol kat edecektir.
• Temel tasarım ilkeleri: Nasıl programlamanın kendi temel ilkeleri varsa, görsel tasarımın da öyle. Yakınlık, hizalama, tekrarlama, kontrast ve beyaz boşluk kullanımı gibi temel kavramlara aşina olmak, etkili tasarımın temel yapı taşlarına gözlerinizi açmalıdır.
• Renk teorisi: Renk kullanımının yönleri öznel olabilir, ancak genel olarak renk kullanımının arkasında geliştiricilerin dikkate almakla iyi yapacakları gerçek bir teori vardır.
• UX Tasarımı: Kullanıcı Deneyimi, çevrimiçi tasarım açısından kauçuğun yolla buluştuğu yerdir. UX Apprentice gibi bir kursla temelleri gözden geçirmek, sonuçta karşılığını verecektir.

2. Bir Tasarımcıyla Eşleştirmenin Faydalarını Düşünün

Haftalık iş akışınızın bir parçası olsun ya da olmasın, bir geliştirici olarak eşli programlama uygulamasıyla neredeyse kesinlikle karşılaşmışsınızdır.

Bu mutlaka bazılarının iddia ettiği sihirli değnek değildir, ancak ikili programlamanın faydaları sayısız olabilir: bir takımda bilgi aktarmanın inanılmaz derecede hızlı bir yoludur, kodlama disiplinini artırır ve genel olarak daha iyi kod kalitesine yol açabilir.

Bunu yapmak için herhangi bir fırsatınız varsa, bir tasarımcıyla bazı eşleştirme oturumları ayarlamaya çalışmalısınız – ideal olarak her iki yönde de. Bunun birincil nedeni, tasarımcıların ve geliştiricilerin çoğu zaman birbirlerinin işlerini nasıl yaptıkları hakkında hiçbir fikrinin olmamasıdır .

İyi bir tasarımcıyı iş başında izlemek, onların gerçekten çözmeye çalıştıkları sorunlara dair size yeni bir bakış açısı kazandıracaktır. Diğer taraftan, bir tasarımcıya kendi sürecinizi açıklamak zorunda kalmak, geliştirmenin hangi yönlerinin tasarımcılar için tamamen anlaşılmaz olduğunu anlamanıza yardımcı olacaktır.

Bu tür bir eşleştirmeyi (bütçe, kullanılabilirlik ve genel son teslim tarihleri ​​açısından) canlı bir projede çalıştırabilirseniz, daha iyi. Bununla birlikte, kendi zamanınızda bunu test etmek için samimi bir tasarımcı bulmaya değer, ancak gelecekteki projelerde etkili bir şekilde iletişim kurma yeteneğinizin getirisi, onu daha değerli kılıyor.

3. Projenizde Tasarımın Rolünü Anlayın

Bir geliştirici olarak herhangi bir projeye girerken, doğal olarak dikkatinizi, kullanacağınız genel geliştirme çerçevesi üzerinde çalışmaya ve mümkün olduğunca çok sayıda teknik ayrıntıyı önceden belirlemeye odaklayacaksınız.

Etkili iletişimin sağlanmasına yardımcı olmak ve kendinizi büyük bir güçlükten kurtarmak için, belirli projenizde tasarımın rolünü de anladığınızdan emin olun. Bu aşamada kendi kendinize düşünüyor olabilirsiniz, elbette bu tasarımcının sorunu mu? Genel olarak konuşursak, öyle, ancak işiniz üzerinde çok doğrudan bir etkisi olacak.

Tasarım, geliştirme gibi, her şeyi kapsayan bir terimdir ve fiili uygulamasına sayısız yoldan yaklaşılabilir. Özel projenizde buna nasıl yaklaşıldığına dair net bir anlayışa sahip olmak, tasarım ekibiyle etkileşiminizin doğasının ne olması beklendiğini anlamanıza olanak tanır.

Tasarım, problem çözmeye yönelik bütünleştirici bir yaklaşım olarak kabul ediliyorsa, doğrudan görsel ve UI/UX tasarımcılarıyla çalışıyor olacaksınız, fikirlere katılmanız beklenecek ve ortak bir ortamda prototipler arasında hızla yineleme yapmanız gerekecek.

Tasarıma sadece pastanın üzerindeki görsel krema olarak bakılıyorsa, muhtemelen size bir tür bitmiş olduğu iddia edilen tasarım verilir ve “onu çalıştırmanız” söylenir.

Tasarımın projenizdeki rolünü anlamak, sorunları önceden tespit etmenize ve geçişte baş etmenize veya onunla yaşamayı öğrenmenize yardımcı olur. Ayrıca tasarımcılarla iletişim kurarken size net bir beklentiler dizisi sunar.

4. Kısıtlamaları Önden Netleştirin

Teknik uzmanlığınızın genişliğine sahip olmayan diğer ekip üyeleriyle ilgilenen profesyonel bir geliştirici olarak, sorumluluğunuz kısıtlamaları açık ve erken bir şekilde iletmektir. Tasarımcılardan gelen önerilerle uğraşırken, belirsiz teknik nedenlerle bir şeyin asla olmayacağını söylemek yerine, kısıtlamanın doğasını gerçekten açıklamak için üzerinizde bir sorumluluk var.

Aşağıdaki videonun gösterdiği gibi, tasarımcılar kendi işlerinde kısıtlamalara yabancı değiller, bu nedenle altta yatan sorunları kısa ve öz bir şekilde açıklamak için zaman ayırıyorsanız koroya vaaz veriyor olmalısınız.

Noktalarımızın çoğunda olduğu gibi, bu da nihayetinde iletişimle ilgilidir. Lansmandan iki hafta önce onları şapkadan çıkarmak yerine, bir projenin başlarında potansiyel göstericileri ana hatlarıyla belirtmek istiyorsunuz.

Ayrıca, teknik olarak düzgün bir şekilde inceleme şansınız olmayan özelliklere veya değişikliklere evet demek için baskı altında kalma tuzağına düşmeyin. Silahlarınıza bağlı kalın, öğeleri gerçek değerlerine göre değerlendirin ve başlangıç ​​olmayan bir şey varsa hızla geri itin.

Bu yaklaşım, bir projenin başlarında tasarımcılar ve ürün yöneticileri ile başlangıçta küçük bir sürtüşmeye neden olabilir, ancak hat boyunca çok fazla üzüntüden kurtaracaktır.

5. İş Akışınızı Netleştirin

Kısıtlamaları erken ve etkili bir şekilde iletmek zorunda olduğunuz gibi, gerçek iş akışınızı da tasarımcılara kristal berraklığında sunmak zorundasınız.

Geliştirme çalışmasının tüm aşamaları genellikle tasarımcılar için tamamen görünmezdir. Spesifikasyon, test etme, hata düzeltme ve dokümantasyon, geliştirici olmayanların çoğunun mutlu bir şekilde habersiz olma eğiliminde olduğu çalışma alanlarından sadece birkaçıdır.

Ne kadar çevik olduğunuzu iddia ederseniz edin veya sürekli gelişime olan bağlılığınız ne kadar derin olursa olsun, bir geliştirici olarak sadece bir kuruş açamazsınız.

İş akışınızı en baştan tasarımcılara (ve diğer proje üyelerine) açık hale getirerek, işin nasıl yerine getirileceği ve özellikle değişikliklerin nasıl ele alınacağı konusunda net sınırlar ve beklentiler belirlersiniz.

6. Öğretmeye Hazır Olun

Bir önceki noktamızdan yola çıkarak, her zaman ekstra yol kat etmeye ve yaptığınız şeyin içeriğini (teknik veya başka türlü) açıklamaya hazır olmalısınız.

Oturup bir sorunu çözmeye konsantre olmaya çalıştığınızda bu sinir bozucu olabilir, ancak bunu yapmamak, kızgınlık ve tasarımcıların işbirliği eksikliği riskini doğurur.

Tasarımcılarla ön uç geliştirmenin temelleri üzerine seminerler düzenlemeniz gerektiğini söylemiyoruz, ancak en azından teknik sorunları daha geniş bir anlayışa yol açacak şekilde onlar için ayırmaya hazır olmalısınız. Karşılaştığınız herhangi bir tasarımcıdan da aynı iyiliği beklemelisiniz.

7. Görsel İletişim Kurmaktan Korkmayın

Gelişim sizin ekmek ve tereyağınızsa, bir kavramı açıklamak için hızlı bir taslak oluşturma fikri en doğal olanı olmayabilir.

Bir projede bir tasarımcıyla bir sorunu çözmeye çalışırken, hemen aşina olduğunuz teknik dil ve kavramlara geri dönmeyin – becerileriniz olabilecek her şey olmasa bile görsel olarak iletişim kurmaya hazır olun.

Bir dikdörtgen çizemeyen nadir bir kişidir ve prototipleri, fikirleri veya olası değişiklikleri hızlı bir şekilde çizmek için ihtiyacınız olan tek şey genellikle ilkel bir şekil kümesidir. Kalem ve kağıt almaktan gerçekten hoşlanmıyorsanız, görüşünüzü tasarımcılara görsel olarak iletmek için güvenebileceğiniz çok sayıda sezgisel prototip oluşturma aracı vardır.

8. Anlamlı Örnek Verilerle Çalışın

Geliştiricilerden gelen yaygın bir şikayet, tasarımcıların tamamen anlamsız verilerle güzel maketleri bir araya getirmeye ve ardından geliştiricilerin sihirli bir şekilde her şeyi çalıştıracaklarını umarak onları çitin üzerinden atmaya eğilimli olmalarıdır.

Bu, kuşkusuz, arzu edilenden daha az bir durumdur. Her türlü zorlu uygulama sorunu ve uç durumlar, zararsız görünen sahte form alanlarının ve parlak Photoshop dairelerinin arkasında gizleniyor olabilir. Burada vurgulanması gereken kilit nokta, verilerin geliştiricinin alanı olmasıdır .

Tasarım sürecinin bir parçası olarak anlamlı örnek verileri kullanmakta ısrar etmek nihai olarak geliştiricinin sorumluluğundadır. Evet, mükemmel bir dünyada tasarımcılar, ürün yöneticileri ve paydaşlar bunun önemini içgüdüsel olarak anlayacaklardır. Ne yazık ki mükemmel bir dünyada yaşamıyoruz.

Bir geliştirici olarak, örnek veri sorununun ele alındığından emin olmak için projenin tasarım aşamasına yeterince erken aktif olarak dahil olmalısınız ve bu verilerin ne olması gerektiğini tanımlamanıza yardımcı olmaktan memnuniyet duymalısınız. Size verilenlere dehşet içinde elinizi uzatmak bir çözüm değil, daha proaktif olmanız gerekiyor.

9. Çalışmanızı Gösterin

Çevik hareketin ilkelerine bağlı kalsanız da olmasanız da, bir geliştirici olarak, devam etmekte olan işinizi tasarımcılara ve diğer proje paydaşlarına düzenli olarak tanıtmayı taahhüt etmek harika bir fikirdir.

Kaçınmaya çalıştığınız durum, haftalar veya aylar boyunca programlama mağaranızda kaybolmanın ve ardından hayal kırıklığına uğratacağı neredeyse kesin olan bir projede tek seferlik, büyük bir açıklama yapmanın klasik senaryosudur.

Git gibi modern araçlar, devam etmekte olan çalışmanızın sürümlerini paylaşmayı ve demolamayı çok kolay bir iş haline getiriyor – bugünlerde bunu yapmamak için gerçekten hiçbir mazeret yok.

Tasarım ve geliştirme ekipleri arasında düzenli olarak tekrarlanan geri bildirim turlarını taahhüt ederek, beklentileri açık tutarsınız ve sorunlara veya proje yönündeki değişikliklere sakince tepki verebilirsiniz.

10. Stereotipe Uymayın

Geliştirme dünyasında bile klişeler var. Ruby topluluğu, son zamanlarda WordPress'te olduğu gibi, yıllar içinde drama için bir ün kazandı. PHP programcıları, varsayılan kronik yetersizlik ve kovboy kodlaması nedeniyle düzenli olarak eleştiriliyor. Lisp programcıları, diğer tüm dillerin altlarında olduğunu düşünen, pratik olmayan, uzak boffinler olarak karikatürize edilir.

Bunların hiçbiri genel olarak uygulanabilir bir anlamda doğru değildir, ancak fikirler yine de devam eder. Benzer şekilde, geliştiricilerin diğer uzmanlık alanları hakkında kendi klişeleri vardır.

Geliştiricilerin ve tasarımcıların birbirleri hakkında kafalarında olabilecek çeşitli klişeleri yeniden şekillendirmek yerine, dünyada var olan geliştiricilerin karikatürize versiyonlarından hiçbirine uymamak için kendi yolunuzdan çekilmeniz gerektiğini söyleyelim.

11. Hedeflerinizin Tek Hedef Olmadığını Unutmayın

Son noktamız özellikle kritik bir noktadır, belki de en iyi şekilde bir proje yöneticisinin daha hızlı performans talebine olası uydurma geliştirici yanıtında özetlenebilir: Çalışması gerekmiyorsa, istediğiniz kadar hızlı gitmesini sağlayabilirim.

Geliştirme, korkunç derecede detay odaklı bir iştir ve belirli endişeleriniz, problemleriniz veya hedeflerinizin mutlaka bir bütün olarak projede baskın olanlar olmadığını unutmak çok kolaydır.

Bu, tasarımcılarla uğraşırken akılda tutulması özellikle önemlidir, çünkü ilgili öncelikleriniz ilk bakışta birbirine kökten zıt olabilir. Yukarıda bahsettiğimiz gibi, UX'in temellerini kavramak, çoklu bakış açılarını görebilmek için uzun bir yol kat edecektir.

Gerçekten önemli olan tek görüşün son kullanıcınınki olduğunu daima unutmayın.

Köşeleri kesmeniz, performanstan ödün vermeniz veya kodunuzu özellikle lezzetli olmayabilecek şekillerde karmaşıklaştırmanız gereken zamanlar olacaktır. Bu, gerçek dünyada yaşamanın bir parçası ve anında reddetmek yerine kucaklamayı öğrenmeniz gereken bir şey – elbette sınırlar dahilinde!

Diğer Kaynaklar

Yukarıdaki noktalardan birkaçını bile hesaba katmak, sizi bir geliştirici olarak daha iyi bir ekip üyesi yapacak, tasarımcılarla etkileşimlerinizi kolaylaştıracak ve genel olarak işe alınabilirliğinizi artıracaktır.

Tasarım dünyasında biraz daha derine inmek istiyorsanız, aşağıdaki kaynaklar zaman ayırmaya değer:

• Ryan Singer tasarım üzerine: Basecamp'ın baş tasarımcısı olan Ryan Singer, on yılı aşkın bir süredir teknik odaklı tasarım sürecinin ana hatlarını açıkça ortaya koyuyor. İş yerinde birinci sınıf bir tasarımcının üst düzey dökümlerini arıyorsanız, Felt Presence sitesindeki kaynak koleksiyonuna göz atın.
• Mike Monteiro tasarım üzerine: Sosyal medyada güvenilir bir şekilde sivrilen bir varlık olan Mike Monteiro, genel tasarım konusunda bir problem çözme disiplini olarak kurşun geçirmezdir. Design is a Job ve You're My Favorite Client kitapları hem tasarımcılar hem de geliştiriciler için mutlaka okunması gereken kitaplardır.
• Lynda.com: Günde bir kuruşa, Lynda.com gibi siteler, tasarımı anlama ve uygulama açısından eğitim çarklarını kaldırmanıza yardımcı olabilecek, ustalıkla öğretilen tasarım kursları dünyasına erişmenizi sağlar. Grafik Tasarım En İyi Uygulamaları ve Evrensel Tasarım İlkeleri gibi kurslar dünyaya bakışınızı değiştirecektir.
• Creative Bloq: Creative Bloq gibi sitelere ara sıra bir dalış, genel olarak tasarım dünyasının sorunları hakkında sizi bilgilendirecektir. Hacker News ile aynı türden bağımlılık yaratan bir heyecan arıyorsanız, Sidebar ve Designer News her ikisi de göz atmaya değer.

Çözüm

Geliştiriciler ve tasarımcılar geleneksel olarak çitin farklı taraflarında faaliyet gösteriyorlar, ancak bu yapay bölünmeler her geçen yıl kayboluyor.

Yazılım üretiminin geleceği – WordPress ve ötesinde – öncelikle bir ekip olarak kullanıcı sorunlarını çözmeye odaklanan işbirlikçi bir üretimdir. 11 ipucu koleksiyonumuz, bu işi halletmek için tasarımcılarla etkili bir şekilde çalışmanıza yardımcı olacaktır.

Belirlediğimiz 11 ipucunun her biri kendi başına değerlidir, ancak sonuçta iki şeye indirgenir:

1. Bir geliştirici olarak tasarım dünyasını anlamak için zaman ayırın ve problem çözme yetenekleriniz hızla artacaktır.
2. Bireysel projelerle ilgili iletişiminizde sürekli olarak açık olmaya çalışın.

Düşüncelerinizi duymak isteriz. Tasarımcılarla etkili bir şekilde çalışmak için kaçırdığımız ipuçları var mı? Yorumlar aracılığıyla iletişime geçin ve bize bildirin!

PureSolution / Shutterstock.com'dan makale küçük resmi.