Tasarım süreçlerimizi nasıl sürdürülebilir hale getirdik?
Çalıştığımız her projenin bir tasarım standardına sahip olduğunu biliyoruz ve önlem alınmadığı takdirde zamanla yok olacağını da…
Ölçeklenebilir ve sürdürülebilir tasarım anlayışını benimsemiş projelerin aksine, tutarsız ve verimsiz tasarım süreçlerinden çıkamayan projelerde şu durumlarla karşılaşabiliyoruz:
- `Kardeşim bunun css’ini bulamadım ben, nere koydun!`
- `Ya abicim burayı değiştirdim ama inşallah başka bi’ yer bozulmamıştır!`
- `Bu important’ı kim kullandı!`
Hesapkurdu ailesinin bir üyesi olduktan sonra geliştirme ortamına daha hızlı adapte olabilmek adına görsel unsurlar hakkında detaylı bilgi alabileceğim güncel bir style guide arayışı içerisindeydim.
Sayfalarınızın tutarlılığını kaybetmiş olmasından ötürü güncel kalan bir style guide ihtiyacı hissedebilirsiniz…
Zamanla farklılaşan butonlar, artan veya azalan paragraflar arası boşluklar, başlık büyüklükleri, font stilleri…
Tüm bu soruların cevaplarını güncelliğini yitirmemiş kabul edilen tasarım öğeleri üzerinden tarayıcıda ‘inspect’ ederek bulmaya çalışmak yorucu idi.
Peki problemin temelinde ne yatıyor?
Bu yıl katılmış olduğumuz Frontend İstanbul konferansında Çağkan Aksun Yüksel’in ‘Design System: Yaşayan Ürünler İçin Ölçeklenebilir Tasarım’ adlı sunumu oldukça faydalıydı ve şu konuya vurgu yaptı:
“Bu süreci statik dokümanlarla yönetebilmek mümkün değil. Statik doküman demek, ölü doküman demek; dahası sonradan güncelleme ihtiyacından ötürü zombi doküman demektir. Bknz: Frontend Konferansı 2018 — Design System: Yaşayan ürünler için ölçeklenebilir tasarım”
‘Redesign’ sürecini ne kadar tekrarlasanız da, tasarımlarınızın bir süre sonra tutarsızlaşmaya başladığını görebilirsiniz. Sebebi ise, güncelliğini yitirmeye mahkum statik dokümanlara bağlı kalınarak süreci yönetmeye çalışmak…
Kendine bir şans ver, `Design Pattern Library` kullan…
Evet, biz de bu doğrultuda kolları sıvadık...
Sayfa tasarımlarımızın bulunduğu Zeplin’deki statik dokümanımızı canlı tutabilmek ve projemizle birlikte büyütebilmek için bir ‘Design Pattern Library’ kullanmaya karar verdik ve Astrum’da tercih kıldık.
Bu sayede dokümanımız statik olmaktan çıktı ve canlı koddan beslenen bir style guide halini aldı. Yani sayfalarımızın herhangi bir öğesinde yaptığımız görsel değişiklik anında style guide’a da yansımaya başladı. Bu bağlantılı yapı sayesinde tasarım dokümanımız da güncel kalmış oluyordu.
Böylece bir süre sonra tutarsızlıklar sebebiyle sürdürülemeyen tasarım sürecimizi sürdürülebilir hale getirmiş olduk.
Sitemizi ölçeklenebilir ve sürdürülebilir tasarım anlayışına uyarlayabilmek için yoğun çabamız devam ediyor ve yıl sonunda da tüm sayfalarımızı bu doğrultuda tamamlama hedefimiz var.
Ölçeklenebilir ve sürdürülebilir tasarım anlayışını benimseyen örnek sayfamıza göz atabilirsiniz: https://www.hesapkurdu.com/ihtiyac-kredisi
Tüm tasarımlarınızı emeğiniz ve sevginiz kadar sonsuza dek canlı tutun… ;)
