Kurumsal Yazılım ve Dahili Araç Kullanan Kurumlar İçin UI/UX Tasarım
Yoğun veri ekranları, uzun formlar ve rol tabanlı paneller görev odaklı tasarlandığında hem hata oranı hem eğitim süresi düşüyor. Önce işin gerçekte nasıl yapıldığını izliyor, sonra her role yalnız işine yarayan ekranı bırakıyoruz.
- Görev analizi gerçek kullanıcıyla yapılır
- Rol bazlı ekran sadeleştirme
- Klavye ve toplu işlem desteği
- Figma kaynak dosyaları size ait
Ekran her şeyi gösteriyor; kimse aradığını bulamıyor.
Kurumsal araçlar yıllar içinde her talebi karşılaya karşılaya büyüyor. Sonuçta ortaya, hiçbir rolün tamamını kullanmadığı ama herkesin içinde kaybolduğu ekranlar çıkıyor.
- Bir kayıt için altı sekme geziliyorBilgi ekranlara dağılmış. Kullanıcı tek bir işi bitirmek için aynı kaydı defalarca açıp kapatıyor.
- Form kırk alan, kullanılan sekizHer rol formun küçük bir bölümünü dolduruyor ama hepsi tam ekranı görüyor. Zorunlu alanlar kalabalığın içinde kayboluyor.
- Yeni çalışanın eğitimi haftalar sürüyorSüreç ekranda değil, deneyimli çalışanın kafasında. Yeni gelen işi kılavuzdan değil, yanına oturarak öğreniyor.
- Hata ancak muhasebe kapanışında fark ediliyorYanlış alana girilen değer o an uyarı üretmiyor; düzeltme maliyeti haftalar sonra ortaya çıkıyor.
- Toplu iş tek tek yapılıyorYüz kaydı aynı şekilde güncellemek gerektiğinde ekran buna izin vermiyor; iş Excel'e taşınıp geri yükleniyor.
- Klavye kullanılamıyor, her şey fareyleGün boyu veri giren kullanıcı için fareye uzanmak en pahalı hareket. Sekme sırası bile çoğu ekranda bozuk.
Ekranı değil, işi tasarlıyoruz.
Kurumsal araçta doğru soru 'ekran nasıl görünsün' değil, 'bu kişi bu işi kaç adımda bitiriyor'. Beş adımda önce işi çıkarıyor, sonra ekranı ona göre kuruyoruz.
- Görev analiziSüreci fiilen yürüten kişilerin yanında oturup işi izliyoruz. Hangi ekran, kaç tıklama, hangi kopyala-yapıştır, nerede duraklama — hepsi kayda giriyor.TeslimGörev listesiAdım ve tıklama sayımıTıkanma noktaları
- Rol ve veri haritasıHer rolün gerçekten hangi alanı okuduğunu, hangisini yazdığını çıkarıyoruz. Haritanın boş kalan yerleri, o rol için gizlenebilecek alanları gösteriyor.TeslimRol / alan matrisiVarsayılan değer listesiGizlenebilir alanlar
- Ekran sadeleştirmeAlanları gruplayıp sıralıyor, sekmeleri azaltıyor, sık kullanılan işi ilk ekrana taşıyoruz. Amaç bilgiyi silmek değil, sırasını doğru kurmak.TeslimYeni ekran düzeniAlan gruplarıVarsayılanlar ve kısayollar
- Veri yoğun tablo kalıplarıSabit kolon, sıralama, kayıtlı filtre, satır içi düzenleme ve toplu işlem kalıplarını kuruyoruz. Excel'e çıkma ihtiyacı burada azalıyor.TeslimTablo bileşeniFiltre ve görünüm kalıbıToplu işlem akışı
- Hata önleme ve teslimAnlık doğrulama, anlaşılır hata metni, geri alma ve onay adımlarını tasarlıyor; design system ve handoff dokümanıyla teslim ediyoruz.TeslimDoğrulama kurallarıHata ve boş durumlarDesign system + handoff
Bu ekran hangi role ne kadar yük bindiriyor?
Ekranınızın bugünkü ölçülerini girin, sonra bir rol seçin. Ekran yükü göstergesi ve o rol için sadeleştirilmiş görünüm anında hesaplansın; hangi öğelerin gizlenebileceğini ve neyin öne çıkması gerektiğini birlikte görelim. Hiçbir veri kaydedilmez.
- − Yönetim özet kartları
- − Nadiren kullanılan ayar alanları
- − Pazarlama ve kampanya sekmesi
- + Klavye kısayolları ve sekme sırası
- + Kayıtlı filtre görünümleri
- + Satır içi düzenleme
- + Toplu işlem
Yük göstergesi ve süre tahmini, girdiğiniz ölçülerden hesaplanan basitleştirilmiş bir modeldir; W3'ün ölçülmüş bir performans iddiası değildir. Gerçek kazanç ancak görev analizi ve kullanıcı gözlemiyle çıkarılır. Sonuç, keşif görüşmesinde konuşulacak bir başlangıç noktası sunar.
Kurumsal araç tasarımında neler yapıyoruz?
Aşağıdakiler bir paket değil, bir menü. İlk fazda genellikle görev analizi, rol haritası ve en çok kullanılan iki ekranın yeniden tasarımı açılıyor.
- KeşifGörev analizi ve gözlemSüreci yürüten kişilerle ekran başında oturum; adım ve tıklama sayımı.
- YapıRol / alan matrisiHangi rolün hangi alanı okuduğu, yazdığı veya hiç kullanmadığı.
- ÇekirdekEkran düzeni sadeleştirmesiAlan gruplama, sekme azaltma, sık kullanılan işin öne alınması.
- ÇekirdekVeri yoğun tablo kalıplarıSabit kolon, kayıtlı görünüm, satır içi düzenleme ve toplu işlem.
- ÇekirdekForm ve doğrulama tasarımıZorunlu alanlar, varsayılan değerler, anlık doğrulama ve hata metinleri.
- HızKlavye ve kısayol desteğiSekme sırası, görünür odak, komut paleti ve sık işlemlerin kısayolları.
- ErişimErişilebilirlik gözden geçirmesiKontrast, odak, tablo semantiği ve ekran okuyucu uyumluluğu.
- TeslimDesign system ve handoffBileşen kütüphanesi, token tanımları ve geliştirici teslim dokümanı.
Dahili araçlarda erişilebilirlik yalnız bir uyum başlığı değil, doğrudan bir hız meselesi: klavyeyle tam gezinme, görünür odak halkası, yeterli kontrast ve doğru tablo semantiği gün boyu veri giren kullanıcıyı da ekran okuyucu kullanan kullanıcıyı da hızlandırıyor. WCAG ölçütlerini tasarım kararlarında referans alıyoruz; resmî uygunluk beyanı geliştirme sonrası ayrı bir denetim gerektirir.
Ekranın beslendiği kaynak çoğu zaman mevcut bir ERP veya iş yazılımı oluyor. Bu tarafta Logo ERP çözüm ortaklığı ve API geliştirme ekibimizle çalışıyor; yeni bir arayüz katmanı gerekiyorsa web yazılım geliştirme süreci aynı tasarım dosyasından devam ediyor. Kendi ürünümüz TYS, tam olarak bu ihtiyaçtan doğdu: teklif ve onay akışı web'de, kayıt ERP'de.
Örnek bir yedi haftalık ilk faz
Aşağıdaki plan, iki rol ve iki ana ekran içeren bir ilk faz için hazırlanmış örnektir. Sizin planınız rol sayısı, ekran sayısı ve erişim kısıtları netleştikten sonra çıkar.
| Hafta | Ne yapılır | Hafta sonunda elinizde ne olur |
|---|---|---|
| 1. hafta | Görev analizi ve gözlem oturumları | Görev listesi, tıkanma noktaları |
| 2. hafta | Rol / alan matrisi | Alan kullanım haritası, gizlenebilirler listesi |
| 3. hafta | Ekran düzeni taslakları | Yeni yerleşim, alan grupları, onay |
| 4. hafta | Tablo ve toplu işlem kalıpları | Tablo bileşeni, filtre ve görünüm kurgusu |
| 5. hafta | Form, doğrulama ve hata tasarımı | Doğrulama kuralları, hata ve boş durumlar |
| 6. hafta | Kullanıcıyla deneme turu | Gözlem notları, düzeltilmiş ekranlar |
| 7. hafta | Design system ve teslim | Bileşen kütüphanesi, handoff dokümanı |
Sonraki fazlarda kalan ekranlar aynı bileşen kütüphanesi üzerinden ilerliyor; her fazdan sonra görev süreleri aynı yöntemle yeniden ölçülüp karşılaştırılıyor.
- HizmetUI/UX TasarımHizmetin tamamı: araştırma, prototip, design system ve teslim kapsamı.
- HizmetWeb Yazılım GeliştirmeYeni arayüz katmanının kurulması ve mevcut sisteme bağlanması.
- HizmetLogo ERP Çözüm OrtaklığıCari, stok ve belge tarafının ERP ile entegrasyonu.
- HizmetAPI GeliştirmeEkranın beslendiği servis katmanının tasarımı ve geliştirilmesi.
- ProjeTYS — Teklif Yönetim SistemiKendi ürünümüz: teklif ve onay akışı web'de, kayıt ERP'de.
- RehberLogo ERP entegrasyonu: e-ticaret ve B2B rehberiAlan eşleme ve senkronizasyon kararlarının ayrıntısı.
- RehberŞirketlerde yapay zeka: ilk proje rehberiEkranlar sadeleştikten sonraki adım için gerçekçi bir başlangıç.
- RehberYazılım firması seçerken dikkat edilmesi gerekenlerKurumsal projede teklif karşılaştırırken sorulacak sorular.
Sık sorulanlar
Kapsam, hazır paketler, kullanıcı direnci, yetkilendirme ve erişilebilirlik hakkında en çok sorulanlar.
En çok açılan ekranınızdan başlayalım
Bize ekranlarınızı ve rol listenizi gösterin; ilk görüşmede en çok zaman kaybettiren görevi beraber tespit edip gerçekçi bir ilk faz kapsamı çıkaralım. Keşif görüşmesi ücretsizdir ve sizi bağlamaz.
- ✓ Keşif görüşmesi ücretsiz
- ✓ Görev analizi gerçek kullanıcıyla
- ✓ Figma dosyaları size ait
Her role yalnız işine yarayan ekran
Görev analiziyle başlıyor, rol bazlı sadeleştirmeyle sürdürüyor, klavye ve toplu işlem desteğiyle bitiriyoruz. Nereden başlayacağınızı birlikte belirleyelim.