Endüstriyel HMI Tasarımı ve Operatör Deneyimi: Fabrika Ekranlarında UI/UX Disiplini

Operatörün zihinsel kapasitesini arayüz karmaşasıyla tüketmek yerine, kritik anda doğru kararı almasını sağlayan sade ve disiplinli bir tasarım mimarisi kurmak gerekir.

Günlük hayatında akıllı telefonları akıcı bir şekilde kullanan operatörlerin endüstriyel makinelerin kontrol panellerinde kaybolmasının sebebi teknolojik yetersizlik veya eğitim eksikliği değildir. Asıl sorun, endüstriyel otomasyon süreçlerinde arayüz tasarımının bir mühendislik disiplini olarak görülmemesi ve ekranların plansız butonlar, rastgele renkler ve aşırı bilgi yığınıyla doldurulmasıdır. Bu rehber; fabrika sahasındaki HMI panellerinde bilişsel yükü azaltmak, tutarlı bir tasarım sistemi kurmak, alarm hiyerarşisi oluşturmak ve rol bazlı ekran mimarisi geliştirmek için uygulanabilir mühendislik prensiplerini ele almaktadır.

HMI Panellerinde Bilişsel Aşırı Yük

Bir üretim hattında operatörün temel görevi makinenin mekanik davranışını, hammadde akışını ve ürün kalitesini izlemektir. Ancak sahada sıkça karşılaşılan HMI ekranları, operatörün dikkatini prosesin kendisinden alıp karmaşık arayüz bulmacalarını çözmeye zorlar.

Cep telefonlarında birkaç dokunuşla en karmaşık bankacılık veya lojistik işlemlerini saniyeler içinde tamamlayan bir çalışan, fabrikadaki panelin karşısına geçtiğinde menüler arasında kayboluyorsa sorun kullanıcıda değil, arayüzün kurgusundadır. Endüstriyel bir ekran, operatörün zihinsel kapasitesinin tamamını tüketmemelidir. Ekran ne kadar çok veri gösterirse değil, operatöre kritik kararları ne kadar az sürtünmeyle aldırırsa o kadar başarılıdır.

Modern HMI platformlarının sunduğu HTML5 ve JavaScript kabiliyetleri, görsel karmaşayı artırmak için değil, web dünyasındaki olgunlaşmış kullanıcı deneyimi standartlarını endüstriye taşımak için bir fırsattır.

Tutarlı Tasarım Sistemi ve Görsel Düzen

Otomasyon projelerinde arayüzlerin en sık düştüğü hata, ekranların devreye alma sürecinde parça parça ve programsızca genişletilmesidir. Sonradan eklenen her buton, farklı bir font boyutu, farklı bir kenarlık veya hizasız bir yerleşimle ekrana dahil edilir.

Profesyonel bir HMI mimarisi, kod yazılmadan önce belirlenmiş bir tasarım sistemi gerektirir:

Tipografi Standardı: Tüm projede en fazla iki veya üç farklı yazı boyutu kullanılmalıdır. Başlıklar, standart etiketler ve sayısal göstergeler net bir hiyerarşiye oturmalıdır.
Buton ve İkon Kütüphanesi: Birincil eylem butonları, ikincil kontroller ve geçiş düğmeleri için önceden tanımlanmış standart bileşenler hazırlanmalıdır. İçi dolu, çizgisel ve devre dışı durum ikonları tek bir asset kütüphanesinden beslenmelidir.
Hizalama Izgarası: Rastgele serpiştirilmiş göstergeler yerine, ekran dikey ve yatay ızgaralara bölünerek okunabilirlik artırılmalıdır.

Tasarım Öğesi	Hatalı Yaklaşım	Önerilen Mühendislik Yaklaşımı
Yazı Tipleri	Her ekranda farklı punto ve renkler	2-3 kademeli sabit tipografi hiyerarşisi
Butonlar	Farklı boyut ve stillerde butonlar	Sabit boyutlu, durumuna göre renk değiştiren bileşenler
İkonlar	İnternetten rastgele toplanmış pikselli görseller	Vektörel, şeffaf arka planlı, tek bir stil ailesi
Yerleşim	Ekran boşluklarına rastgele dağıtılmış elemanlar	Grid (ızgara) tabanlı, simetrik ve hizalı modüller

Renk Hiyerarşisi ve Alarm Disiplini

Endüstriyel ekranlarda yapılan en yaygın hata, paneli adeta bir lunapark gibi renklendirmektir. Her motorun, vananın ve sensörün canlı yeşil, mavi veya turuncu renklerle sürekli parladığı bir ekranda, gerçek bir arıza meydana geldiğinde operatörün kırmızı alarmı fark etmesi gecikir.

Uluslararası ergonomi ve ISA-101 gibi yüksek performanslı HMI standartlarının temel ilkesi şudur: Normal durum renksizdir.

Sistem normal parametrelerinde çalışırken ekran ağırlıklı olarak nötr gri, antrasit ve açık gri tonlarında olmalıdır. Renk, yalnızca bir sapma, uyarı veya kritik arıza olduğunda devreye girmelidir:

Nötr Zemin: Açık veya koyu gri arka planlar göz yorgunluğunu azaltır ve kontrastı dengeler.
Sarı / Amber: Dikkat gerektiren sapmalar ve bakım uyarıları.
Kırmızı: Derhal müdahale gerektiren acil duruşlar ve güvenlik alarmları.
Mavi / Beyaz: Kullanıcı etkileşimi ve seçim göstergeleri.

Alarm meydana geldiğinde tüm menü tuşlarının kırmızı-beyaz yanıp sönmesi gibi dikkat dağıtıcı animasyonlardan kaçınılmalıdır. Alarm yalnızca ilgili ekipmanın üzerinde ve merkezi alarm çubuğunda net, sakin bir gösterimle sunulmalıdır.

Fiziksel Saha Ergonomisi ve Dokunmatik Alanlar

Ofis ortamında fare imleciyle tıklanan piksel hassasiyeti, fabrika zemininde geçerli değildir. Endüstriyel sahada operatör çoğu zaman eldivenle çalışır; eller yağlı, ıslak veya tozlu olabilir. Ayrıca HMI panellerinin üzerindeki koruyucu membranlar zamanla çizilir, matlaşır ve dokunma hassasiyetini kaybeder.

Bu fiziksel gerçekler doğrultusunda dokunmatik alan tasarımı şu kurallara dayanmalıdır:

Minimum Dokunma Alanı: Parmakla basılacak butonlar en az 40×40 piksel (tercihen 10-12 mm fiziksel boyut) olmalıdır. Birbirine çok yakın yerleştirilmiş küçük butonlar hatalı basma riskini doğrudan artırır.
Kenar Boşlukları: Panel çerçevesine sıfır yerleştirilen butonlara basmak, endüstriyel kasanın çıkıntısı nedeniyle zordur. Ekran kenarlarında daima güvenli bir boşluk bırakılmalıdır.
Görsel ve Dokunsal Geri Bildirim: Butona basıldığında durumun algılandığını gösteren anlık renk değişimi veya kenarlık tepkisi sağlanmalıdır. Geri bildirim vermeyen butonlar, operatörün aynı tuşa mükerrer basmasına yol açar.

Rol Bazlı Ekran Mimarisi: Operatör ve Bakımcı

Bir makinenin ekranı herkes için aynı olamaz. Günlük üretim yapan bir operatör ile arıza teşhisine gelen bir bakım mühendisinin bilgi ihtiyacı tamamen farklıdır.

En büyük tasarım hatalarından biri, PLC içerisindeki yüzlerce I/O bitini ve ham sensör verisini ana operatör ekranına yığmaktır. Bu durum operatörün kafasını karıştırır ve hata payını yükseltir.

Doğru yaklaşım iki katmanlı rol mimarisidir:

Operatör Katmanı: Sadeleştirilmiş genel bakış, başlatma ve durdurma butonları, aktif reçete seçimi, parça sayacı, çevrim süresi ve temel hata mesajları.
Bakım ve Mühendislik Katmanı: Şifreli veya yetkilendirilmiş erişimle ulaşılan detaylı diagnostik sayfaları, PLC giriş-çıkış test ekranları, PID ayar parametreleri, sürücü durumları ve haberleşme logları.

Operatör yalnızca işini güvenle yapması için gereken asgari parametreleri görmeli; derin teknik detaylar bakım katmanında saklanmalıdır.

Navigasyon Mimarisi ve Bilgi Düzeni

Operatörün istediği sayfaya ulaşmak için üçten fazla menü derinliğine inmesi kabul edilemez bir navigasyon zaafıdır. Ekran düzeninde izleme ile yönetme alanları kesin bir çizgiyle ayrılmalıdır:

Sabit Başlık (Header): Makine adı, aktif mod (Otomatik/Manuel), oturum açmış kullanıcı rolü, aktif reçete ve saat gibi genel parametreler ekranın üstünde sabit kalmalıdır.
Merkezi Çalışma Alanı: Yalnızca seçili modülün görsel durumunu ve proses akışını göstermelidir.
Sabit Alt Navigasyon (Footer): En sık kullanılan ana sayfalar, reçete menüsü, manuel hareketler ve alarm özeti tek dokunuşla ulaşılabilir konumda olmalıdır.
Kritik Ayarların Güvenliği: Sık değişen ayarlar kolay erişilebilir olmalı; ancak kalibrasyon, limit değerleri veya mekanik sıfırlama gibi seyrek değişen kritik parametreler onay diyaloglarıyla korunmalıdır.

Lokalizasyon ve Dil Tutarlılığı

Endüstriyel otomasyon projelerinde arayüz çevirileri çoğunlukla Excel listeleri üzerinden bağlamdan kopuk biçimde yapılır. Bu dikkatsizlik, sahada komik görünen ancak operasyonel olarak tehlikeli sonuçlar doğuran hatalara yol açar.

Örneğin yabancı dildeki teknik bir belgede yer alan “DIE” kelimesinin bir metal enjeksiyon veya kesme presinde “Kalıp” ya da “Hadde” yerine doğrudan “Ölüm” olarak çevrilmesi gibi örnekler sahadaki ciddiyetsizliğin göstergesidir.

Arayüz metinlerinde dikkat edilmesi gereken ilkeler:

Terimler bağlamına uygun endüstriyel karşılıklarıyla kullanılmalıdır.
Kısaltmalar projede standartlaştırılmalı, anlaşılmaz harf yığınlarından kaçınılmalıdır.
Dinamik metin kutularında karakter taşmalarına karşı yeterli görsel alan bırakılmalıdır.

Siemens HMI Masterclass İlkeleri

Siemens tarafından hazırlanan HMI Design Masterclass metodolojisi, modern endüstriyel arayüzlerin nasıl yapılandırılması gerektiğini yedi pratik adımda özetler:

Kullanıcı İhtiyacını Belirleme: Ekranı tasarlamadan önce operatörün sahada gün boyunca hangi görevleri yerine getirdiğini gözlemleyin.
Tasarım Sistemi Tanımlama: Renk paleti, tipografi, buton boyutları ve ikon ailesini baştan projelendirin.
Ekran Yapısını Standartlaştırma: Başlık, içerik ve gezinme alanlarını tüm sayfalarda aynı konuma kilitleyin.
Sade Renk Kullanımı: Yalnızca dikkat çekilmesi gereken durumlarda renk kullanın; arka planları sakinleştirin.
Doğru Görsel Öğeler: Prosesi karmaşık 3D çizimlerle değil, anlaşılır 2D şematik görsellerle temsil edin.
Tutarlı Navigasyon: Sayfa geçişlerini sezgisel ve en fazla iki dokunuş mesafesinde tutun.
Sahada Test ve Doğrulama: Ekranı ofis koltuğunda değil, sahada makine başında operatörle birlikte test edin.

Kontrol Listesi: Sahaya Çıkmadan Önce Arayüz Testi

Bir makine müşteriye teslim edilmeden veya fabrika sahasında seri üretime alınmadan önce şu beş sorunun cevabı doğrulanmalıdır:

Bilişsel Yük: Operatör arayüze ilk kez baktığında 3 saniye içinde makinenin mevcut durumunu (çalışıyor, durdu, arızada) anlayabiliyor mu?
Eldiven Testi: Dokunmatik butonlar endüstriyel iş eldiveniyle hatasız şekilde tetiklenebiliyor mu?
Alarm Ayrımı: Normal çalışma anında ekranda dikkat dağıtan parlak kırmızı veya sarı öğeler temizlendi mi?
Rol Ayrımı: Bakımcının ihtiyaç duyduğu ayrıntılı I/O ekranları operatörün çalışma alanından ayrıldı mı?
Lokalizasyon Denetimi: Ekranda kesilmiş metin, kaba çeviri hatası veya anlaşılmaz kısaltma kaldı mı?

📚 Kaynaklar

Siemens Industry Online Support (SIOS) — HMI Design Masterclass: 7 Steps to a Well-Designed HMI Guidebook.

📋 İlgili Bağlantılar

🔗 Siemens HMI Design Masterclass Rehberi
📂 Rehberler: Sistem Entegrasyonu ve IT/OT
📄 Ölçüm Sistemi Kararlılığı ve Test Doğrulama

Son güncelleme: Temmuz 2026 | Versiyon: 1.0