İçeriğe geç

Fiori ve Kullanıcı Deneyimi (UX)

Kurumsal yazılımlarda kullanıcı dostu, hızlı ve modern arayüzlerin önemi.

15 Mart 2026  |  Önder Yazılım

Eski gri SAP GUI ekranları, yerini modern web standartlarında çalışan, duyarlı (responsive) ve sezgisel Fiori arayüzlerine bıraktı. Ancak Fiori, sadece bir "tema" değişikliği değil; iş yapış şeklinin kökten değişimidir. Peki, başarılı bir Fiori projesi için nelere dikkat edilmeli?

5 Temel Tasarım Prensibi

SAP Fiori'nin başarısı, aşağıdaki 5 temel prensibe dayanır:

  • Role-Based (Rol Bazlı): Her kullanıcıya karmaşık menüler yerine, sadece kendi işini yapması için gereken uygulamalar gösterilir.
  • Adaptive (Uyarlanabilir): Uygulamalar masaüstü, tablet ve mobil cihazlarda sorunsuz çalışmalı ve ekran boyutuna göre kendini düzenlemelidir.
  • Simple (Basit): "1-1-3" kuralı (1 kullanıcı, 1 senaryo, 3 ekran). İşlemler mümkün olduğunca sadeleştirilmeli, gereksiz alanlar gizlenmelidir.
  • Coherent (Tutarlı): Tüm uygulamalar aynı tasarım dilini konuşmalıdır. Satış siparişi ekranı ile depo sayım ekranı benzer kullanım alışkanlıklarına sahip olmalıdır.
  • Delightful (Keyifli): Kullanıcıyı yormayan, mikro-animasyonlarla desteklenen ve akıcı bir deneyim sunulmalıdır.

OData V4 ile Gelen Yenilikler

Modern Fiori uygulamalarının arkasındaki güç OData protokolüdür. Yeni nesil OData V4, V2'ye göre ciddi avantajlar sağlar:

Performans: V4, daha küçük JSON veri paketleri ve azaltılmış metadata boyutu ile ağ trafiğini %30'a kadar azaltır.
  • Gelişmiş Sorgular: $filter, $expand ve $select komutları çok daha esnek hale gelmiştir.
  • Batch İşlemleri: Çoklu veri güncelleme işlemleri tek bir HTTP isteği ile yönetilebilir.
  • Analitik Yetenekler: $apply komutu ile frontend tarafında karmaşık gruplama ve hesaplama işlemleri yapılabilir.

Fiori Elements vs. Freestyle UI5

Projelerimizde iki ana yaklaşım kullanıyoruz:

Fiori Elements: Standart şablonlar (List Report, Object Page) kullanılarak, neredeyse hiç JavaScript kodu yazmadan (sadece Annotation kullanarak) çok hızlı uygulama geliştirme.

Freestyle UI5: Standart şablonların yetmediği, çok özel görselleştirme veya karmaşık iş akışı gerektiren durumlarda, sıfırdan XML View ve Controller yazılarak geliştirilen özelleştirilmiş çözümler.

← Blog'a Dön

İletişim

Projeleriniz için bizimle iletişime geçin.