Arayüz Geliştiriciler(HTML-ci) Tasarımcıdan Ne İster?
Web Sitesi Hakkında Bilgi ve İçerik Toplama Süreci – Tasarım Süreci – HTML/CSS/JS Süreci – Programlama Süreci – Test ve Yayına Alma Süreci
Genel bir web sitesinin oluşum aşamaları genel hatları ile yukarıdaki gibidir.
Bir web sitesinin evrelerinden birisi; Tasarımı bitmiş web sitesinin Arayüz geliştiriyiciye (HTML-ci) teslim etmesidir. İyi bir web sitesi çıkarmak için çok iyi bir ekibe sahip olmak gerektiğini çeşitli platformlarda değinmiştim. Bu ekipte en çok iletişimde olması gereken iki kişi veya iki bölüm tasarım ve arayüz geliştiricileri arasında olmalıdır. Tasarımcı ve arayüz geliştirici arasındaki iletişimin sağlam olması projenin sağlığı açısından önemlidir. Hadi programcılarıda kızdırmayalım onlarda olmazsa olmaz.
Bir arayüz geliştirici olarak tasarımcıdan beklentilerimiz var tabiki. Aynı şekilde Tasarımcının ve programcının da çeşitli beklentileri olabilir. Ancak ben burada kendi açımdan bakarak bir tasarımcıdan beklentilerimin ne olduğunu yazacağım.
Kaynak Dosyaları
- Tasarımı çıkmış sayfaların eksiksiz kaynak dosyaları(psd veya katmanlı png) bu kaynak dosyalarının temiz ve düzenli olması önemle rica olunur
- Kullanılan yazı tipleri
- Renk paleti
- Favori ikon
- Sitenin yapısına göre sitedeki buton tipleri, kullanılacak ikonlar vb. yapılarda beklenenler listesine girer.
Site Şablonları ve Yerleşim
Web sitelerinin belli sayfalarını tasarlayan tasarımcıdan tüm sitedeki alanların bir özeti olan şablonlar hazırlamalıdır. Genel bir web sitesi şablonunda Metinlerin rengi, boyutları, listeler, form alanları, resimlerin durumu ve konumunu göstermelidir.
Ayrıca site içinde flash olacak kısımları belirlemelidir. Flash olacak kısımları Flash geliştirici ile koordineli olarak Arayüz geliştirici siteye eklemelidir.
Etkileşimli Alanların Farklı Durumları
Sitedeki etkileşimli alanları kullanıcı hareketine göre aldığı farklı durumlar için hazırlanmış ise. Örneğin butonları :hover halleri, forum elemanlarına odaklanma durumları vb. yapıların her durumunu gösteren görseller
- :hover
- :focus
- :active
halleri
Genel Beklentiler
Arayüz Geliştiricileri olarak bizlerin en büyük sorunları farklı tarayıcılar için kod yazmaktır. Buradaki en büyük sorunumuz tabi ki İnternet Explorer 6 ve sorunlarıdır. İnternet Explorer 6’nın kısıtladığı özellikler düşünülerek tasarımcılardan bazı beklentilerimiz olacaktır. Tasarımcı tasarımını yaparken bazı kısıtlamalar ve zorluklarımız olduğunu bilirse yapılan tasarımın html çevrilmesi aşamasında o kadar az fark olur(HTML-ci sabunlama gereği duymaz) Örneğin yapılan bir tasarımda renk geçişi olan bir alan üzerine konulan gölgeli alanlar arayüz geliştiriciyi zorlayacak eylemlerdir. Ayrıca birbiri üzerine çok fazla binen kısımların olması bizleri zorlar, z-index problemleri ile uğraşmamıza neden olur.
Sonuç
Ekip arasındaki iletişim sağlam olması bir çok sorunu çözecektir ve birlikte çalışma süreleride bu listeyi azaltacak etkenlerden birisidir. Benim listem bu kadar sizlerde bişeyler eklemek isterseniz aşağıdaki yorum kutusuna yazın.
Kalın sağlıcakla
bir tasarımcı olarak çevremin benden beklentilerini tekrar hatırlattınız tesekkür ederim.
Beni bir front-end developer dan, server side konusnda usta yapan salt yazılımcıara teşekkür borçluyum:
Tasarım bitiyor, css yapılıyor yazılımcıya teslim ediliyor. Sıkıntı daha ozaman başlıyor! server-side 'ci derki "divlerin açılış kapanışını bulamadım, include edip verebilecekmisin", "tasarımı döngüye uyarlayamadım, bi el atabilirmisn", "kategoriler kısmına geçecem, giydirmeyi birlikte yapabilirmiyiz"!!
En son dedim ki, artık server-side kısmını da kendim yapmalıyım, yaptım da! Maalesef bir ekip çalışmasında, yazılımcının html- css bilememsi çok sıkıntı verici !!
ben herşeyi kendimden istiyorum :) en güzeli.
[...] Html geliştiricilerin tasarımcılardan bazı beklentileri vardır. Kendini arayüz tasarımı konusunda geliştirmekte olan tasarımcıların bilmesi gereken bazı şeyler var. Örneğin ben bu yazıdan çok değerli bilgiler edindim. İş verdiğimiz geliştiricinin eline ne şekilde dosya teslim etmemiz gerektiğini farkettim. Sadece tasarlamakla olmayacağını, uçmamak gerektiğini ve bunun gibi bazı bilgileri daha bu yazıdan edindiğimi belirteyim. İşte Fatih Hayrioğlu’nun web sitesinde yazdığı o yazı. [...]
Fatih Bey, yazınız çok yararlı olmuş. Özellikle benim gibi kendini geliştirme aşamasında olan tasarımcıların geliştiriciyle arasındaki diyalog açısından çok faydalı. Teşekkürler.
Merhabalar,
Bir sorum var, ama bu konu altında mı yazmalıydım, emin olamadım, daha uygun bir başlık da bulamadım.
Sorum şu: blogumu firebug ile performance testine tabi tuttum. Levarege browser caching başlığı altında benim linkini verip çağırdım resimlere expire date uygula diyor. Blogger için bunu yapmak mümkün mü ve nasıl yapabilirim.?
Destekleriniz için şimdiden teşekkürler
http://www.gez-ye-ic.blogspot.com
Yazını çok beğendim. ağzınıza sağlık.
Hakan Ersu'ya yerinde bir söz söylemiş..
Gerçekten güzel bir yazı;
Bir veya iki sayfa tasarımı yapıp sonrasında sitenin tamamının sizden beklenmesi bazen karşılaşılan oldukça rahatsız edici bir durum.Bir süre sonra eğer böyle bir işi kabül etmişseniz tasarımcıdan daha çok tasarım yaptığınızı görmeniz olası.
Bence en önemlisi, tasarım yapan kişi uygulamanın çalışacağı ortamı ve kısıtlarını bilerek çalışmasını gerçekleştirmelidir, yoksa ortaya gerçeklenemez çalışmalar çıkıyor…
Güzel yazı teşekkürler Fatih…
Fatih abi çok güzel ve faydalı bi yazı olmuş. Eline sağlık. Umarım tüm tasarımcılar okur da bu doğrultuda alırız assetleri