Bir sosyal medya yönetim panelinde günde onlarca kez aynı ekranlara dönersiniz. Bu yüzden arayüzün öncelikle gözü yormaması, aranan şeyi hızlı bulduran ve sayıları net okutan bir düzen sunması gerekir. DealerBot'un yeni arayüzü bu fikirle yeniden tasarlandı.
Bu yazıda yeni arayüzün neler getirdiğini anlatıyoruz: sakin yüzeyler, isteğe bağlı koyu tema, komut paleti, Dee asistanı ve kurumunuzun kimliğinden türeyen tema. Arayüz bugün kuruluşlara kademeli olarak açılıyor; sonda bunun ne anlama geldiğini de netleştiriyoruz.
Sakin yüzeyler ve veri öncelikli tablolar
Yeni tasarımda dekoratif öğeler ve gereksiz renkler azaltıldı. Sayfanın ana işi neyse, ekranda o öne çıkar. Genel merkez ve yönetici sayfalarında bu, tablo öncelikli bir düzen demektir: listeler kendi başlığıyla, süzgeçleriyle ve sıralamasıyla ekranın merkezinde durur; ayrıntı gerektiğinde bir satır seçilir ve sağdaki bağlam paneli o satırın özetini gösterir. Geniş ekranlarda panel yanda durur, dar ekranlarda tablonun altına iner.
Sakin yüzeyler yoğun listelerde taramayı kolaylaştırır. Rakamlar tablo hücrelerinde aynı genişlikte basıldığı için sütunlar alt alta düzgün okunur ve yüzlerce bayilik bir listede gözünüz satırdan satıra daha az zorlanır.
Sayıların dürüstlüğü de aynı yaklaşımın parçasıdır. Henüz ölçülmemiş bir değer sıfır olarak gösterilmez, bir çizgiyle işaretlenir. Bir liste yüklenemediğinde de "kayıt yok" yazmaz; hata ile boşluk ayrı ayrı gösterilir. Böylece bir raporu okurken sıfırın gerçekten sıfır mı yoksa eksik veri mi olduğunu ayırt edebilirsiniz.
Sayfanın üstündeki durum şeridi, bağlantı ve reklam hesabı sağlığı gibi dikkat isteyen konuları tek satırda toplar. Ölçülmemiş bir şey için uyarı üretmez; yalnızca gerçekten bilinen bir sorun varsa görünür.
- Daha az dekorasyon, daha okunur tablolar
- Satır seçince açılan sağ bağlam paneli
- Ölçülmemiş değer çizgiyle gösterilir, sıfır gibi sunulmaz
- Hata ve boş liste ayrı durumlardır
Koyu tema, komut paleti ve Dee
Koyu tema isteğe bağlıdır. Uzun oturumlarda ya da loş ortamlarda gözü yormayan bir seçenek olarak sunulur ve kullanıcı tercihi olarak saklanır. Koyu temada renkler ayrı ayrı ölçülerek ayarlandığı için metinler iki temada da okunabilir kalır.
Komut paleti, menüde gezinmeden bir sayfaya gitmenin hızlı yoludur. Klavyeyle açılır, yazdıkça sayfalar süzülür ve seçtiğiniz yere doğrudan geçersiniz. Çok sayıda bayiyle çalışan ekipler için bu, yan menüde birkaç düzey aşağı inmekten çoğu zaman daha kısadır.
Dee, panelin içindeki yapay zekâ asistanıdır. DealerBot'u nasıl kullanacağınızı sorabilir, bir özelliğin menüde nerede durduğunu öğrenebilirsiniz. Dee'nin sınırı açıktır: hesabınızdaki canlı verilere erişemez ve hata yapabilir. Bu yüzden kritik bir sayıyı doğrulamak için raporun kendisine bakmanız gerekir.
- Koyu ve açık tema, kullanıcı tercihi olarak saklanır
- Klavyeyle açılan, yazdıkça süzen komut paleti
- Dee: kullanım soruları için yapay zekâ asistanı, canlı verilere erişmez
Kurumunuzun kimliğinden türeyen tema
Yeni arayüzde vurgu rengi her kuruluş için kurumsal kimlikten gelir. Ana renk, logo ve yazı tipi tanımlandığında buton, bağlantı, seçili menü öğesi ve grafik renkleri bu kimliğe göre türetilir. Tanım yoksa varsayılan DealerBot rengi kullanılır.
Lacivert bir otomotiv markasını düşünün. Düğmeler ve seçili menü öğesi lacivertin tonlarından türer, yan menüde markanın açık renkli logosu görünür, metinler zeminle yeterli kontrastı korur. Monokrom çalışan bir ajansta ise tema siyah ve beyazın tonlarında kalır; koyu temaya geçildiğinde vurgu rengi ters çevrilerek okunabilir tutulur.
Renk türetimi okunabilirliği gözeterek yapılır: düğme üzerindeki yazı için beyaz ya da siyah, zemine göre otomatik seçilir ve en az yeterli kontrast aranır. Yani çok açık ya da çok koyu bir marka rengi, okunamayan bir düğmeye dönüşmez. Tema, yönetici panelindeki marka düzenleyicisinden ayarlanır ve değişiklik için teknik bir işlem gerekmez.
Kuruluş kimliği ekranda görünür olduğunda, birden çok kuruluşla çalışan ekipler hangi kuruluşun içinde olduklarını ilk bakışta ayırt eder. Müşteriye ya da bayiye gösterilen oturumlarda da panelin o kuruluşun görünümünde olması sunumu daha tutarlı kılar.
- Vurgu rengi, logo ve yazı tipi kuruluşun kimliğinden gelir
- Buton ve menü yazısı zemine göre otomatik seçilir
- Marka düzenleyicisinden ayarlanır, geri alınabilir
Kademeli açılış ne anlama geliyor
Yeni arayüz bir pilot kuruluşta çalışıyor ve kuruluşlara kademeli olarak açılıyor. Açılış kuruluş bazındadır: bir kuruluşun hesapları yeni arayüze geçtiğinde o kuruluştaki herkes aynı arayüzü görür, diğer kuruluşlar şimdilik mevcut arayüzle çalışmaya devam eder. Müşteri onay portalı da yeni arayüzde çalışır.
Bu yaklaşım, ekiplerin alışkanlıklarını bir gecede değiştirmeden geçiş yapmasını sağlar. Kuruluşunuzun hangi aşamada olduğunu ve geçişin nasıl planlanabileceğini demo görüşmesinde birlikte konuşabiliriz. Geçiş sırasında yeni düzene alışmak için komut paleti ve Dee de ekiplere yardımcı olur.
Yeni arayüzü kendi kuruluşunuzun renkleriyle görmek için demo talep edin. Ürüne genel bakış için ana sayfamıza (/) göz atabilirsiniz.
- Kuruluş bazında kademeli açılış
- Geçiş sırasında diğer kuruluşlar mevcut arayüzle çalışır
- Müşteri onay portalı yeni arayüzde de çalışır
