18 Eylül 2013 Web trendleri

Yönetici Panolar Kullanıcı Deneyimi Trendleri

Web trendleri

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 :

  1. Direk Makale girişi yapabilirsiniz
  2. Genel Reklam yönetimi yapabilirsiniz
  3. Genel Tasarım ayarları
  4. Genel Yorum ayarları
  5. 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.

üst gösterge tablosu sekme gezintisini ui arayüz tasarımı

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 :).

üst gri sekmeleri kullanıcı arayüzü tasarımı sekmeli simgeleri

 

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 :) .

pano karanlık ui arayüz web yönetim paneli tasarımları

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 :) .

caldenar yönetici tarih popover menü jquery

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 ?

mango pano duyarlı web sitesi şablonu teması

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.

yönetici paneli web sitesi düzeni grafik grafikleri veri

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 :) .

çizelgeleri yönetici paneli simge dribbble bok düzeni shopgate

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 :) .

Cihaz Dashboard

mobil ipad cihaz yöneticisi pano fotoğraf

Yönetim Araçları

paneli simgeleri fotoğraf kullanıcı profilini tasarımları

Yönetici Grafikler

kırmızı araç çubuğu başlık web sayfası yönetici çizelgeleri bilgi

Ahşap Kontrol Paneli

ahşap kontrolü yönetici web sayfası düzeni ilham

Duyarlı Dashboard

mobil duyarlı temiz net retina ekran admin panelinde

Datatable İçerik

içerik satırları datatable pano yönetici paneli

Ultramarine Yönetici

mavi yönetici kontrol paneli gösterge paneli arayüzü

Açılır menü

beyaz yönetici açılır menü bağlantıları paneli

Yönetim Paneli

web sitesi düzeni yönetici postlayout sayfası

Minimalist Yönetici

minimalist wordpress basit beyaz yönetici paneli

Dashboard Çizelgeler

tan parlak renkler navigasyon yönetim paneli

Kenar Çubuğu Navigasyon

Dikey navbar arayüz web sitesi tasarımı ning

Pano Bağlantı Simgeler

karanlık simgeleri dikey menü açılır fikirler bağlantı

Koyu Yönetici Sekmeler

yönetim paneli mavi sekmeleri simgeleri arayüzü

Dashboard Yönetimi

gösterge paneli arayüzü düzen temaları websitelayout

Düz Yönetici Tasarım

webapp yanlısı gösterge paneli arayüzü inspiriation

Yeni Bir Proje

proje web yönetici paneli grafikleri arayüz istatistikleri

Veri Tabloları Yönetici

tablo grafikler bilgi veri yönetimi pano

Yönetici Paneli Düzeni

özellikli simgeleri yatay gezinme menüsü bağlantılar blokları

Dashboard UI

harts grafik gösterge paneli kullanıcı arayüzü etkileri

İletişim Liste

renk simgeleri pano yönetici cp arayüz

Bir Web hizmeti

web uygulaması yönetim paneli navigasyon bağlantıları

Analytics Dashboard

analitik grafikler veri kaynakları tasarım arayüzü

Renkli Yönetici Tablosu

düz renkli yönetim paneli kullanıcı arayüzü

Analytics Trafik Grafikler

ppm analitik paneli web ui arayüz yönetimi

MyPage Dashboard

Sizlere bu makalemizde kullanıcı deneyimi trendlerinden bahsettik. Bir sonraki makalemizde görüşmek üzre.

Yönetici Panolar Kullanıcı Deneyimi Trendleri” için bir yorum

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu sitenin sunucu alt yapısı Netiyi tarafından karşılanmaktadır. Kaçak bahis - Betkem - Gastecikiz