Merhaba arkadaşlar. Sizlere bu makalemde Admin Panel yada diğer adı ile Yönetici Panoları ile alakalı unsurları konu alacağım.
Yönetim panelleri için tasarım teknikleri her kişinin harcı değildir. Her zaman web üzerinde açık yönetici tasarımları örnekleri bulunmaması da bu nedenden olabilir. Gerçi biraz düşününce ve buranın Türkiye olduğunu yeniden kendimize hatırlatırsak her ürünün ücretsiz(BELEŞ- BEDAVA) yani WAREZ de olduğunu da bilirsiniz. Özellikle biz Türkler olarak her şeyin en rahat halini kullanmak – yönetmek isteriz. Şahsen bende aynıyım yani 🙂 . Özellikle hiç bir kod bilgisine sahip olmayan insanları düşünerekte böyle bir şeye varmak doğru olabilir. Çünkü bilmeyen insan kodlarla uğraşmaz ve bir anda hevesi de kaçabilir yani doğal olarak.
Şimdi gelelim “Bir yönetim paneli tasarlarken dikkat edilmesi gerenler” !
Bu yazıda yönetim pano sayfaları oluşturmak için çeşitli stilleri ve fikirlerin içine balıklama dalmak istiyorum. Öncelikle veli nimetlerimiz HTML5/CSS3/JS kullanılarak harika yönetim panelleri tasarlanabilir. Ama bunlara geçmeden önce kısa bir dipnot verelim :
Yönetici panelleri ne işe yarar ?
Yönetici paneli sayesinde yapabileceğiniz işlemler :
- Direk Makale girişi yapabilirsiniz
- Genel Reklam yönetimi yapabilirsiniz
- Genel Tasarım ayarları
- Genel Yorum ayarları
- Eklenti yönetimi vs.
gibi daha aklıma gelmeyen harika özellikleri bulunmaktadır.
Peki Admin Paneli tasarlarken dikkat edeceğimiz özellikler neler ?
- Sekmeli Gezinti
- Değişik İcon kullanımı
- Özel menü tasarımları
- Özel Css diğer bir değişle Stil kullanımı
Olarak sınıflandırmamız mümkün olabilir sanırım.
Sekmeli Gezinti
Bir yönetim paneli tasarlar iken önce dikkat etmeniz gereken unsur kolay gezintidir. Çünkü yönetici panelini tasarlar iken kullanan kişinin hem kolay kavrayabileceği bir panel olması hemde göze çarpıcı bir tasarım olması inanın çok fayda sağlayacaktır.
Sekmeli bağlantı tasarımı herhangi bir şekilde bir navbar için çalışabilir. Değişik tasarlanmış Admin Panellerinin dışına çıkmanızı öneririz. Yani o nedir abicim her zaman ki gibi düz bir tasarım var. Adamın yapmış olduğu sadece bir renk değişimi. Sonra gel de o Yönetici Panelini kullan. Gezintiler arası bağlantıyı dikkatli yapmanız gerekiyor ayrıca. Örnek olarak : Sen reklamın altına gidipte yazılar başlığını koymazsın değil mi ? İlgili olan menü ilgili olan kategorisi ile birlikte bulunmasına dikkat gösterin. Menü başlıklarını yazarken yada kullanırken, birinci harfi büyük olsun diğerleri ise normal küçük harf ile yazılsın. Ayrıca Font-Face kullanımını önermiyorum fakat, Oğuz abi ben yinede kullanacağım biraz değişikliğe ihtiyacım var diyorsanız kullabilirsiniz. Google firmasının kütüphanesinde çok sayıda hazır font var yararlanabilirsiniz Google Amca’dan :).
Gezinti menüsünü düzenlerken Css5 ve HTML5 veyahut XHTML amcalardan faydalanabilirsiniz. Yada faydalanmanızı şiddetle öneririm dersem daha iyi olur sanırsam. Tabi JS yani JavaScript kullanımı da gözle görülür seviyede olacaktır.
Değişik ikon kullanımı
Görmekten sıkıldınız değil mi sizde bazı ikonları her yerde ? Hadi hadi itiraf edebilirsiniz. Her sitede paylaşılan ucuz ve kalitesiz ikon yığınları adını verdiğim o araç gereçleri sitelerinde kullanan o kadar insan var ki inanamazsınız. Siz bir panel tasarlıyorsanız, yaptığınız şey kusursuz olsun ! Yani en azından diğerlerine benzemesin be kardeşim. Diğerlerinden bir farkın olsun. Yani demesinler ki Aa bak senin ikonları şurada gördüm sen oradan mı aldın yoksa ?
Bu tür muhabbetlere bulaşmak istemiyorum diyorsanız ikon da satın alabilirsiniz. Yada özel İkon yaptırabilirsiniz. Bu tabi sizin keyfinize ve zevkinize kalmış bir olay .
Modern tasarımcıların en çok ihtiyaç duyduğu ürünler yada benim tabirimle tasarımın manolyalarına bir şekilde ulaşmanız gerekiyor ise ellerinizi yormaya gerek yok çünkü bu harika ikon setlerimize bakabilirsiniz. Tabi başka sitelerde daha geniş kaynaklara ulaşabilirsiniz.
Özel menü tasarımları
Girişe şöyle şekil bir menü ne de iyi giderdi ama oh mis ! Üstüne de bir ayran içelim diyesim geldi de neyse . Ana menü tasarımını yaptınız çokta güzel oldu eyvallah . Buraya kadar tamam peki ya alt menü tasarımları ? Yani Admin Panelinin en önemli yerlerini öyle sade yapıp bırakıp gitmek olur mu hiç ? Aa ne kadar da ayıp . Bir de içerisine aşağıda ki gibi harika benim deyimimle şık bir tasarım oturtturduk mu vallahi yemede yanında yat. Bu arada arkadaş benim karnım mı acıktı nedir ? Hep yemekli espiriler yapıyorum .
Ayrıca sayfada bazı veriler ile ilgili gizli giriş alanları için pop-up menüler içerebilir. Yöneticiler genellikle sayfa düzenleme veya web sitesine yeni içerik ekleyerek meşgul olmak isterler. Biraz düşündüm de siz Pop-up yerine Light Box kullansanız daha iyi gibi. Yoksa adam bir Pop-up için beğenmedim diyecek ve geri iade edecek ne gerek var ki demi canım ?
Yukarıda ki örneğe bir bakın ve ne demek istediğimizi derin derin anlayın . Adamlar çok ayrıntılı bir Admin Paneli yapmışlar. Sizde böyle bir panel kodlatın yada kodlayın .
İçerik Stilleri
Yaptığınız yada yaptırmış olduğunuz tasarımın içerisinde ki tablolar, listeler, düğmeler, grafikler, gerçekten bunları iyi bir şeyler tasarlayabilirsiniz. Yeter ki siz gerçekten iyi bir şeyler yapmaya çalışın. Çabalarsanız gerçekten harika ürünler ortaya koymanız sizlerin elinizde.
Yukarıda görmüş olduğunuz gibi özel düğmeler ve profil özetleri üretilmiş durumda. Özel JavaScript içerik menüleri ile harika içerik yönetimi sağlayabilirsiniz .
Ha birde İstatistik menüleri var. Bazen insanlar düz bilgilerden çok sıkılırlar . Her daim değişiklik Admin Paneliniz için süper olacaktır emin olun .
Sonuç Olarak :
Bu makalede listelenen eğilimlerin tüm tasarımcılar için güzel bir başlangıç noktası sağlar. Ama sen yinede Oğuz abi ban bir kaç örnek göster derseniz hemen onları da yayınlayalım .
Sizlere bu makalemizde kullanıcı deneyimi trendlerinden bahsettik. Bir sonraki makalemizde görüşmek üzre.