Pars Design
Blog

Projelerden Kararlar · UI/UX Tasarım

Esas App: beş modülü tek gezinme dilinde toplamak

Esas Holding'in çalışan uygulamasında toplantıları, onay süreçlerini, insan kaynaklarını, sosyal yaşamı ve yönetici ekranlarını ortak bir gezinme düzeninde nasıl buluşturduğumuzu anlatıyoruz.

Güncellendi: 2 dk okuma
Esas App ekranları
İçindekiler

Kısaca

  • Ana ekran bir modül listesi değil, günün özetidir; modüller ikinci seviyede durur.
  • Farklı modüller tutarlı bir gezinme düzenini paylaşır; kullanıcı her modülü yeniden öğrenmek zorunda kalmaz.
  • Projeye arka uç tamamlandıktan sonra katıldık; iş ekran çizmekten önce uygulamanın yapısını kurmaktı.

Esas Holding'in çalışan uygulaması; toplantıları, onay süreçlerini, insan kaynakları işlemlerini ve kurum içi sosyal yaşamı tek bir mobil deneyimde buluşturuyor. Bu yazı, birbirinden farklı beş modülü tek bir gezinme dilinde toplarken verdiğimiz kararları anlatıyor.

Projeye nereden katıldık #

Projeye katıldığımızda arka uç çalışmaları tamamlanmış, ön yüz geliştirmesine henüz başlanmamıştı. Bu, işin tanımını belirledi: elimizde çalışan işlevler vardı ama bu işlevlerin kullanıcıya nasıl sunulacağı açık değildi.

Bu yüzden ekran çizmeden önce yapıyı kurduk. Hangi bilginin nerede bulunacağını, işlevlerin nasıl gruplanacağını ve kullanıcının işlemler arasında nasıl ilerleyeceğini belirledik. Kapsamımız bilgi mimarisi, kullanıcı akışları ve arayüz tasarımıydı.

Ana ekran: modül listesi yerine günün özeti #

İlk karar ana ekranla ilgiliydi. Modülleri ikon ızgarası olarak dizmek en kolay yoldur; ancak kullanıcıyı her açılışta hangi modüle gireceğini düşünmeye zorlar. Bunun yerine ana ekran günün özetini verir: toplantılar, bekleyen onaylar ve günlük bilgiler tek noktadadır.

Hızlı işlemler de bu karardan çıktı. Sık yapılan işler, ilgili modüle girmeden ana ekrandan başlatılabilir. Modüller ikinci seviyede durur; kullanıcı onlara ayrıntı gerektiğinde iner.

Esas App ana ekranı ve hızlı işlemler
Ana ekran ve hızlı işlemler: toplantılar, bekleyen onaylar ve günlük bilgilere tek noktadan erişim.

Beş modül, ortak kalıplar #

Uygulamanın modülleri birbirinden farklı işler yapar:

  • Toplantılar: günün toplantıları ve takibi.
  • E-Flow: görevleri, onay adımlarını ve ilgili belgeleri bir araya getiren işlem ekranları.
  • İnsan kaynakları: izin talepleri ve kişisel bilgiler.
  • Esas Life: kulüpler, günlük menüler ve kurum içi sosyal yaşam.
  • Yönetici ekranları: finansal ve organizasyonel göstergeler için bilgi panelleri.

Bu çeşitliliği tek uygulamada taşımanın yolu, her modüle ayrı bir arayüz dili yazmak değil, ortak kalıpları belirlemekti. Modüller arasında tutarlı bir gezinme düzeni kurduk; kullanıcı bir modülde öğrendiği ilerleme biçimini diğerinde de bulur.

Esas Life modülü
Esas Life: kulüpler, günlük menüler ve kurum içi sosyal yaşam.

Gezinme düzeni neden önce gelir #

Çalışmanın merkezinde bilgi mimarisi ve kullanıcı akışları vardı. Günlük özet, hızlı işlemler ve modüller arasındaki ilişkileri birlikte kurguladık. Toplantı takibinden onay süreçlerine, izin taleplerinden şirket haberlerine kadar bütün uygulamada tutarlı bir gezinme düzeni oluşturduk.

Bu sıranın bir nedeni var. Çok modüllü bir kurum içi uygulamada sorun nadiren tek bir ekrandadır; ekranlar arasındaki geçişlerdedir. Gezinme düzeni baştan kurulmadığında her yeni modül kendi mantığını getirir ve uygulama zamanla bir araçlar yığınına dönüşür. Aynı konuyu kurum içi yazılımlar için iyi UX'in operasyona etkisi yazısında daha geniş ele aldık.

Bugün #

Esas App bugün kullanımda. Yeni ihtiyaçlar ve eklemeler için tasarım desteğimiz devam ediyor. Yeni işlevleri mevcut gezinme düzeninin içinde ele alıyoruz.

Benzer bir yapıyı sıfırdan ya da mevcut bir ürün üzerinde kurmak, UI/UX tasarım hizmetimizin kapsamındadır.

Kaynaklar #

Bu konuda yardımcı olabiliriz

Kurum içi araçlarınızı ortak bir deneyimde toplayalım.

Hangi işlevlerin birleşeceğine, hangilerinin ayrı kalacağına bilgi mimarisi ve kullanıcı akışları üzerinden birlikte karar verebiliriz.

Devamında okuyun

Tüm yazılar

Yeni bir proje mi var?

Bir şeyler kuralım.

Tasarımda ve mühendislikte aynı masada oturan bir ortak arıyorsanız, konuşalım.