ELM

Kurumsal lisans ve versiyon yönetimini kolaylaştıran web tabanlı uygulama

Özet

Kurumsal lisans yönetim uygulamasında filtreleme, dosya yükleme ve dashboard akışlarını yeniden tasarladım. Buton durumları, tooltip kullanımı ve grid düzenlemeleriyle kullanılabilirliği artırdım; özellikle filtreleme ekranını sadeleştirerek kullanıcıların veriye çok daha hızlı ulaşmasını sağladım.

Proje Türü

Web Tabanlı Elektronik Lisans Yönetimi Uygulaması

Rol

UX / UI Designer @Ekinoks Software

Tarih

2024

Arayüz Tasarımı · Kullanılabilirlik Analizi

Nereden Başladım?

ELM projesi bana ulaştığında, uygulama zaten temel işlevlerini yerine getiriyordu. Kullanıcılar lisans yükleyebiliyor, modül yönetebiliyor ve versiyonları takip edebiliyordu. Ancak birkaç kritik sorun vardı:

Arayüzde çok fazla bilgi aynı anda görünüyordu.
Kullanıcı akışları sezgisel değildi.
Butonlar her zaman aktifti, bu da kafa karıştırıyordu.
Filtreleme ekranı özellikle verimsizdi.

Benim hedefim, bu güçlü ama karmaşık sistemi daha sade, tutarlı ve kullanıcı dostu hale getirmekti.

İlk adım olarak mevcut ekranları detaylı şekilde inceledim

Kaydet butonları hep aktifti, kullanıcı hiçbir değişiklik yapmadan bile “kaydet” diyebiliyordu.
Chip’ler ve butonlar küçük ekranlarda çok fazla yer kaplıyordu.
Dashboard kartlarının hizaları bozuktu, görsel bütünlük kayboluyordu.
Filtreleme alanı tüm ekranı kaplıyor, kullanıcıya hızlı çözüm sunamıyordu.

Çözüm kısmında öncelikleri belirlemem gerekiyordu

Yöneticim güncellemeleri hızlı yapmamı istediği için, önceliğim developerların kolayca uygulayabileceği değişiklikleri bulmaktı. Bunun için ekranların üzerine notlar alarak hem hızlı düzenlenebilecek noktaları hem de yeniden tasarlanması gereken kritik alanları belirledim.

Notlar

Mevcut ekranlar üzerinde hızlı uygulanabilir iyileştirmeleri belirledim. Bu notları developer ekibin işini kolaylaştıracak şekilde görselleştiridim.

Bazı notlarım:

“Kaydet butonu → sadece değişiklik yapıldığında aktif olmalı.”
“Durum chip’lerinin padding’i küçültülmeli.”
“Tooltip ile gereksiz metinler yerine kısa bilgi gösterilmeli.”
“Kartlar grid yapısında hizalanmalı.”

Redesign

Bazı bölümlerde yalnızca not almak yetmedi; tamamen yeniden tasarım yaptım. Özellikle filtreleme, dashboard ve versiyon güncelleme alanlarında yeni çözümler geliştirdim.

Filtreleme

ELM projesinde en çok üzerinde durduğum nokta filtreleme oldu. Çünkü sistemde yüzlerce kullanıcı, modül ve versiyon arasında arama yapmak kritik bir işlevdi.

Eski haliyle filtreler dağınık ve kafa karıştırıcıydı. Kullanıcı hangi kriteri seçeceğini anlamakta zorlanıyordu.
Benim çözümüm şuydu:

En çok kullanılan filtreleri öne çıkarmak.
Detaylı filtreleri accordion içine almak.
“Filtreleri Temizle” ve “Filtrele” butonlarını görünür hale getirmek.

Sonuç: Kullanıcılar artık çok daha hızlı bir şekilde aradıkları veriye ulaşıyor. Bu küçük değişiklik, uygulamanın günlük kullanımında büyük bir fark yarattı.

Versiyon Yönetimi

ELM’de versiyon yönetimi, sistemin güvenilirliği için kritik bir süreçti. Eski haliyle “Güncel / Geçmiş / Taslak” ayrımları ve aksiyon butonları dağınıktı; kullanıcı hangi adımda olduğunu anlamakta zorlanıyordu. Benim çözümüm, süreci daha görünür ve kontrollü hale getirmekti: versiyon bilgilerini kartlar halinde öne çıkardım, “Kaydet” butonunu sadece değişiklik yapıldığında aktif olacak şekilde düzenledim ve eksik modüller için uyarılar ekledim. Böylece kullanıcı, versiyon taslağından güncel sürüme geçerken adım adım yönlendirilir hale geldi. Sonuç olarak, yayın süreci daha güvenli ve şeffaf bir akışa dönüştü.

Sonuç

Yaptığım iyileştirmelerle:

Kullanıcı akışları daha net ve sezgisel hale geldi.
Arayüz daha düzenli ve profesyonel göründü.
Filtreleme süreci hızlandı, kullanıcılar veriye çok daha kolay ulaştı.
Developer ekibe verdiğim net notlar sayesinde değişiklikler hızlıca hayata geçti.

Öğrendiklerim

Bu projede küçük detayların (inactive state, tooltip, hizalama) bile kullanıcı deneyiminde büyük etki yarattığını gördüm. Yönetim panellerinde en kritik şeyin sadelik ve yönlendirme olduğunu bir kez daha deneyimledim. Ayrıca, görsel açıklamalarla desteklenen net feedback’in developer sürecini ciddi şekilde hızlandırdığını öğrendim.