Geliştiriciler İçin Tasarım Yapmak
Geliştiriciler genellikle tasarımı görmezden gelir. Tasarımcılar ise genellikle kodu görmezden gelir. Bu boşluk ürün kalitesini öldürür.
Ben ikisinin ortasında yaşıyorum. Temiz CSS ve güzel tipografiyi seviyorum. Bu ikili bakış açısı, daha iyi ürünler inşa etmeme yardımcı oluyor.
Bu ayrımın yarattığı sorun:
- Tasarımcılar, mobil ekranlarda bozulan mockup'lar oluşturur.
- Geliştiriciler zaman kazanmak için görsel detayları kaldırır.
- Nihai ürün ruhunu kaybeder.
Bunu düzeltmek için tasarım sistemleri kullanıyorum. Tasarım sistemlerini birer sözleşme gibi görüyorum.
"Mavi" veya "16 piksel" kullanmıyorum. Token'lar kullanıyorum.
- Renkler "primary-500" haline gelir.
- Boşluklar "space-4" haline gelir.
Bir tasarımcı Figma'da bir token'ı değiştirdiğinde, geliştirici CSS'de tek bir değişkeni günceller. Tüm ürün tutarlı kalır. Bu, manuel iş yükünü ve hataları ortadan kaldırır.
Kısıtlamalarla tasarım yapıyorum. Onlar yokmuş gibi davranmıyorum. Mühendislerle ödünleşimler (trade-offs) hakkında konuşuyorum. Kodun yazımını çok zorlaştırmadan iyi bir kullanıcı deneyimini korumanın yollarını öneriyorum. Tasarım, bir teslimat (handoff) yerine bir ortaklığa dönüşüyor.
Marka kimliği de görsellikten daha fazlasıdır. Kişilikle başlar.
- Marka cesur mu yoksa sakin mi?
- Eğlenceli mi yoksa ciddi mi?
Bu kelimeler her seçime rehberlik eder. Yazı tiplerini, fotoğrafları ve sesi belirlerler. Görseller, sadece o kişiliğin piksellere tercüme edilmesinden ibarettir.
İster bir dashboard ister bir marka inşa edin, süreciniz önemlidir. Bir ekran görüntüsü sadece yüzeydir. İnsanlar çalışmanızın arkasındaki bağlamı ve mantığı görmelidir.
Tasarım asla bitmez. Yayına alırım, gözlemlerim ve geliştiririm.
Bugün yayına alınan iyi bir tasarım, asla yayına alınmayan mükemmel bir tasarımdan daha iyidir. Her seferinde küçük bir adım atarak ilerlemek için gerçek geri bildirimleri kullanın.
Kaynak: https://dev.to/visionapi/designing-for-developers-how-i-bridge-code-and-creativity-2kgf