Tasarımcılar için Kodlama – Ne Kadar Bilmeliyiz?
Yayınlanan: 2022-03-11Üstün olduğun bir şeyi al, sonra kendini daha da ileri it.
Tasarım topluluğunun büyük bir bölümü, tasarımcıların kod yazması gerekip gerekmediği konusundaki tartışmalara kilitlenmiş durumda. Bazıları, her ikisini de yapabilen tek boynuzlu atları aramayı tercih ederken, diğerleri onların var olmadığını veya sadece yoluna çıktığını iddia ediyor.
Birçok tasarımcı, tasarımcıların ve geliştiricilerin işbirliği yapması gerektiğini düşünür, ancak her disiplin bildiklerine bağlı kalmalıdır. Diğerleri, birden fazla şapka takan profesyonellerde sorun görmez. Birçok geliştirici, tasarımcıları bir tehdidi kodlayan olarak görürken, diğerleri onları kendi dillerini konuşmayı öğrenmiş hoş geldiniz ortak çalışanları olarak görür.
“ Paylaşılan anlayış ” olarak adlandırılan tatlı nokta, muhtemelen ortada bir yerdedir. Kod hakkında biraz bilgi sahibi olmak, bir tasarımcının uzman bir kodlayıcı olması gerektiği anlamına gelmez, sadece geliştiricinin bakış açısını anlayın.
Kullanıcı Arayüzü veya “sunum katmanı” bir tasarımcının oyun alanıdır, ancak tek başına buna odaklanmak, yalnızca bir binanın cephesini dikkate almaya benzer. Harika tasarımcılar, tasarımlarını sunan teknolojik temellere aşina olmanın bir tasarımcıyı yalnızca daha etkileyici kılmakla kalmayıp, kariyer beklentilerini de önemli ölçüde artırdığını anlarlar.
InVision'da Tasarım Eğitimi Başkan Yardımcısı Aaron Walter'ın bir Toptal Design Talks makalesinde belirttiği gibi: "Biraz HTML ve CSS, belki biraz JavaScript yazmayı biraz biliyorlarsa bu bir tasarımcıyı öldürmez."
“Tasarımcılar kodlamayı öğrenmeli mi” konusu hararetle tartışılıyor. Bazı harika tasarımcılar kodlamada da iyi olsa da, birçoğu belirli bir beceriye bölünmemiş odaklanmanın bir profesyoneli daha güçlü kılacağına inanıyor. Pek çoğu, bugün çok yetenekli bir tasarımcı olmanın büyük bir artı olduğuna ve bir tasarımcının kodlama gibi başka bir yararlı beceriye sahip olmasının önünde hiçbir engel olmaması gerektiğine inanıyor.
Soru şu ki, tasarımcılar ne kadar kodlama bilmeli? Tasarımcılar zamanlarını boşa mı harcarlar yoksa geliştiricinin sınırları içinde sınırları aşarlar mı ve potansiyel olarak ayakları yere basarlar mı?
Temel HTML ve CSS Bilmenin Faydaları
Tasarımcılar, HTML (Köprü Metni İşaretleme Dili) ve CSS (Bir HTML belgesindeki bileşen stillerini tanımlayan bir dil olan Basamaklı Stil Sayfaları) tarafından yönlendirilen “ön uç” (sunu katmanı) olarak adlandırılan bazı temel bilgileri edinmekten büyük ölçüde faydalanacaktır. , ve belki de temelleri öğrenmenin ne kadar kolay olduğuna şaşıracaksınız.
HTML ve CSS, programlama mantığını içermez. HTML'deki M harfi, sayfaların yapı taşları olan sayfa öğelerinin kodlanmış yapısını tanımlamanın bir yolu olan "İşaretleme" anlamına gelir. CSS ve JavaScript içeren HTML, World Wide Web için bir üçlü temel teknoloji oluşturur.
Layman'ın terimleriyle, HTML, tarayıcıya neyin görüntüleneceğini söyleyen mimari bir haritadır ve CSS veya Basamaklı Stil Sayfaları, tarayıcıya şeylerin nasıl görüntüleneceğini söyleyen koddur.
Metaforik olarak konuşursak, HTML bir sayfanın iskeletiyse, CSS yüksekliği, vücut şeklini, cildi, göz rengini, saç rengini vb. tanımlar. Dil, tipografiyi, renkleri, konumları ve boyutları belirleyen çok basit bir kod yapısına sahiptir. .
Kodu Anlamak ve Nasıl Kodlanır Pikselleri Anlamak
Ön uç kullanıcı arabiriminin nasıl kodlanacağını öğrenmek ve onu önizlemek, tasarımcılara çeşitli cihazlarda görüntülendiğinde şeylerin nasıl görüntülendiğini hemen görme fırsatı verir. Tasarımcılar HTML ve CSS ile oynuyorsa, her şeyin piksel cinsinden ölçüldüğünü fark edeceklerdir ("ems" gibi başka ölçü birimleri ve sonuçta piksellere dönüştürülecek yüzdeler vardır).
Ölçümleri ve kod yapısını, yani sayfaların nasıl görüntülendiğini anlamak, ön uç geliştirme sürecinin daha derinden anlaşılmasını sağlayacaktır. Bu da tasarımcıların tasarımları ve bu süreç için onları nasıl daha verimli hale getirebilecekleri hakkında daha derin düşünmelerine neden olacaktır. Neyin kolayca elde edilebileceğini ve neyin daha zor olacağını bileceklerdir.
Ön uç JavaScript ve Ajax Teknik Bilgisi Tasarımcıyı Benzersiz Bir Varlık Hale Getiriyor
Burası işlerin karmaşıklaşmaya başlayabileceği yer ama aynı zamanda çok fazla eğlencenin olduğu yer. Bir tasarımcı analitik düşünürse veya son derece motiveyse, JavaScript ve Ajax (Eşzamansız JavaScript ve XML) öğrenmekten çok şey kazanacaktır. Niye ya?
Ön uç kullanıcı arayüzü teknik bilgilerini sergilemek ve Ajax'ta bilgi sahibi olmak, geliştiricilerin saygısını kazanmak için uzun bir yol kat edecektir. JavaScript ve Ajax'a referans verebilmek ve bunların nasıl kullanılacağı, bir tasarımcının, örneğin, kullanıcı arayüzündeki belirli bir işlevin tasarımı gibi, özellikle karmaşık bir tasarım fikrini geliştiricilere ifade etme yeteneğini artıracaktır.
Bir tasarımcının bakış açısı, teknolojinin onları ne kadar ileri götürebileceğini ve onu yenilik yapmak için ne kadar ileri götürebileceğini bilme konusunda rahatsa genişleyecektir. Kodlama ve çeşitli teknolojilere derinlemesine girmek gerekli değildir - bir tasarımcı HTML, CSS ve JavaScript'in temellerini biliyorsa ve bir miktar Ajax ile zaten rekabette kilometrelerce önde olacaklardır. Herhangi bir şirket ve ürün ekibi için benzersiz bir varlık olacaklar.
Tasarımcılar JavaScript Temelleri ile Bir Sonraki Seviyeye Taşıyabilir
Tasarımcılar burada durup arka ucu (veri erişim katmanı) geliştiriciler tarafından uygulayabilseler de, bazı komut dosyaları ekleyerek bir tasarımı daha dinamik hale getirebilirler. Web için bir programlama dili olan JavaScript'i (bir betik dili) girin.

2000'li yılların başında, web hala gelişmekteyken, Fantasy ve Firstborn gibi ajanslar JavaScript'ten alışılmadık, yenilikçi ve yaratıcı şekillerde yararlandıklarında web tasarım topluluğu üzerinde büyük bir etki yarattı.
JavaScript, hem HTML'yi hem de CSS'yi güncelleyebilir ve değiştirebilir ve verileri hesaplayabilir, işleyebilir ve doğrulayabilir. Dinamik etkileşimleri görüntülemek, öğeleri canlandırmak, arka uç veya sunucu ile duyarlı iletişim oluşturmak ve daha fazlası için kullanılabilir.
Ön uç geliştirmede JavaScript ile yapılabileceklerin sınırı yoktur. Bu bir programlama dilidir: fonksiyonlar, nesneler, mantık, koşullu ifadeler, matematik, matematik ve daha fazlası - bazıları için biraz zorlayıcı olabilir. Ama öğrenmesi o kadar da zor değil, özellikle müşterilerin çoğunluğunun neye ihtiyacı olduğu düşünüldüğünde.
Kodlamayı Öğrenmek Geliştiricilerle İşbirliğini Geliştirecek
Erkekler ve kadınlar birbirlerinin zihnini okuyabilseydi, romantik ilişkiler daha kolay olur muydu? Bazı insanlar öyle düşünüyor. Aynı şey tasarımcılar ve geliştiriciler için de geçerlidir.
Geliştiricilerin nasıl düşündüklerini ve işlerini yapabilmek için neye ihtiyaç duyduklarını bilmek, bir tasarımcıyı çok disiplinli herhangi bir ekip için büyük bir varlık haline getirecektir. Bu yaklaşım, ekibin diğer üyelerinden ne bekleyecekleri konusunda daha fazla fikre sahip olacağından, fikir sunumları kadar iç iletişim için de yararlıdır. Tasarımcılar bunu yapabilirlerse, müşterilere daha sağlam çözümler önermek için çok daha iyi bir konumda olacaklardır.
Kod Yazan Tasarımcılar Daha Fazla İş Fırsatı Görecek
Her tasarım iş fırsatında, nasıl kod yazılacağını bilmek, günlük işlerin yanı sıra eleme süreçlerinde de büyük bir fark yaratabilir. Toptal'da, bu hibrit profile sahip profesyoneller için bir dizi fırsat görüyoruz ve yeni başlayanlar, erken aşamadaki uygulamalarının hem tasarımını hem de ön ucunu devralabilecek insanları bulmaya hevesli.
Yine de, birbirlerinin işine burnunu sokmaktan hoşlanmayan bazı tasarımcılar ve programcılar var. Bazıları tehdit edilebilir, bazıları zorlanabilir ve bazıları yeni bir şey öğrenemeyecek kadar tembel olabilir. Ancak gerçek şu ki, her biri seçeneklerini analiz etmeli ve başarı şanslarını neyin artıracağına odaklanmalıdır.
Tasarımcıların her şeyi öğrenmek için yeterli zamanı olmayabilir, ancak vanilya HTML ve CSS'yi bilmek, gelişen bir kariyer ile çıkmaz bir kariyer arasında önemli bir ayrım eklemek için yeterli olmalıdır. Tasarımcılar için ilk adımları atmak hızlı ve kolay bir süreç olmalıdır. Ne kadar çok bilirlerse, iş fırsatları söz konusu olduğunda ufuklarını o kadar genişletebilirler.
Tasarımcılar Kodlamayı Öğrenmeli mi?
Uyum sağlama ve diğer ekiplerle çalışma esnekliği, çeşitli projelerle başa çıkma yeteneği ve çeşitli sorumluluklar üstlenebilecek çok çeşitli beceriler her zaman yüksek talep görmektedir. Heyecan verici girişimlerde veya büyük yerleşik teknoloji şirketlerinde çok imrenilen işler söz konusu olduğunda, diğerlerinden üstün olmak istemeyen bir tasarımcı var mı?
Tasarımcıların yaklaşımları, süreçleri, tasarım araçları cephaneliği ve çıktıları vardır, ancak bu denklemin yalnızca bir parçasıdır. UI tasarımlarının çeşitli dijital teknolojiler kullanılarak nasıl sunulduğunu keşfetmek ve anlamak, tasarımcıları bir sonraki seviyeye taşıyabilir ve harika tasarımlar sunma yeteneklerini artırabilir.
Gittikçe daha fazla, tasarım alanındaki iş fırsatları, HTML, CSS ve JavaScript kullanarak temel web geliştirme ve prototip oluşturma becerileri gibi “olsa iyi olur” içerir. Ne kadarını üstleneceğine her tasarımcı karar verir; açıkçası ihtiyaç ortada.
Yapay Zeka Ön Uç Geliştiricileri Ortadan Kaldıracak mı?
Yine de bir soru var: Tasarımcılar için kodlama uzun vadede alakalı kalacak mı? Tasarımcılar arasında yapay zeka ve makine öğrenimi ile tasarımcıların yakında kodsuz tasarım yapabileceklerine dair bir fikir var. Sadece sürükleyip bırakın ve ekranda bir şeyleri hareket ettirin, ardından bir düğmeye basın ve AI her şeyi kodlar. Başka bir deyişle, bu tür ön uç geliştiricilerin işleri hızla ortadan kalkacaktır.
Tasarımcılar söz konusu olduğunda, cevap kısa vadeli ve uzun vadeli düşünmekte olabilir. Yakın gelecekte, AI devralmayacak ve kod yazan tasarımcılar hala yüksek talep görüyor olabilir. Kısa vadede, öne çıkmak isteyen tasarımcılar, JavaScript ve Ajax gibi belirli temel kodlama becerilerini cephaneliklerinde tutmalıdır.
Tasarımcılar için Kodlama Ustalığı Kariyerleri Artıracak
Becerilerini geliştirmek ve geliştirmek isteyen UI tasarımcılarının elinde birkaç seçenek var. Çeşitli tasarım becerilerini tazeleyebilir ve görsel tasarım, UX ve hatta UX araştırması gibi diğer rollere geçebilirler. Ayrıca kademeli olarak daha kıdemli, müdür, lider, yönetici ve müdür düzeyinde rollere tırmanabilirler.
Bununla birlikte, tasarımcılar kariyerlerini gerçekten artırmak için geliştirmeye daha fazla dalmak isteyebilirler. Günümüzde dijital ürünleri yönlendiren çeşitli teknolojiler hakkında derin bilgi edinmek, onları oldukça arzu edilen becerilerle donatacaktır. Bu da büyük ve küçük şirketlerde iş fırsatlarına daha fazla kapı açacaktır.
Tasarımcılar kodlamalı mı? Belki, belki değil. Ancak kodlayan veya en azından çeşitli teknolojiler hakkında derin bilgi sahibi olan tasarımcılar, çok disiplinli herhangi bir ekip için büyük bir varlık haline gelecek ve uzun vadede kesinlikle karşılığını verecektir.
Toptal Tasarım Blogunda daha fazla okuma:
- Mobil UX Tasarım İlkeleri ve En İyi Uygulamalar
- Mobil UX Tasarımı - En İyi Uygulamalar, Kısıtlamalar ve Geliştiricilerle Çalışma
- Kültürler Arası Tasarım ve UX'in Rolü
- Tasarım İlkeleri ve Önemi
- En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler