Selçuk Aker
Tüm Yazılar

UI & UX Tasarım

API Entegrasyonu Olan Arayüzlerde Hangi Ekran Durumları Tasarlanmalı?

API bağlantısını tasarım gözüyle ele alın: bekleme, boş sonuç, erişim ve tekrar deneme durumlarını planlayın.

Mobil uygulamada yükleme, hata ve diğer ekran durumlarını gösteren telefonlar
Yazı için hazırlanmış temsili görsel.

Yaklaşık 2 dakika okuma

API, yazılımların belirlenmiş kurallarla işlev veya veriye erişmesini sağlayan arayüzdür. Bir ürün ekranı stok bilgisini başka bir sistemden alıyorsa, tasarım yalnız stok varken görünen karttan ibaret olamaz. Yanıt gecikebilir, hiç ürün bulunmayabilir veya erişim yetkisi olmayabilir.

Veri gelmeden önce kullanıcı ne görür?

Yükleme görünümü ekranda nereye bilgi geleceğini anlatmalı, tamamlanmış sonuç gibi algılanmamalıdır. Bir liste için iskelet kartlar uygun olabilir; işlem gönderiminde butonun durum değiştirmesi daha anlamlı olabilir. Aynı animasyonu her alana yerleştirmek yerine yapılan işi açıklayan davranışı seçin.

Örneğin filtrelenen ürün listesinde sonuç beklenirken önceki ürünler tutuluyorsa bunların eski sonuç olduğu anlaşılmalıdır. Aksi hâlde kişi yanlış filtre sonucunu gerçek sanabilir. Bu karar geliştiriciyle birlikte belirlenmelidir.

Boş sonuç ile bağlantı hatasını ayırın

“Ürün bulunamadı” mesajı isteğin başarıyla tamamlandığını fakat eşleşme olmadığını anlatır. Bağlantı hatasında ise sistem sonucu bilmiyor olabilir. İki durumda aynı mesajı kullanmak kullanıcıya yanlış bilgi verir.

Boş listede filtreleri temizleme, geçici hatada yeniden deneme gibi uygun sonraki adımı sunun. Sürekli otomatik tekrarın veya art arda buton basmanın aynı işlemi çoğaltıp çoğaltmayacağı teknik ekip tarafından değerlendirilmelidir.

Gerçek veri sınırlarını tasarım dosyasına taşıyın

Çok uzun isim, eksik fotoğraf, farklı para birimi veya yüzlerce kayıt tasarımı etkiler. Geliştiriciden örnek veri yapısı ve alan sınırlarını isteyin. Kişisel veri içeren gerçek kayıtları gelişigüzel tasarım dosyasına taşımak yerine anonim örneklerle çalışın.

API kavramını MDN rehberinde inceleyebilirsiniz. Freelance UI/UX tasarımcı Selçuk Aker ile prototip çalışmasında yalnız ideal akışı değil bu sınır durumlarını da planlayabilirsiniz.

CRM, ERP ve chatbot bağlantısında kullanıcıya ne söylenmeli?

Stok ERP'den, müşteri kaydı CRM'den geliyorsa güncellik ve işlem durumlarını ilgili ekiplerle tanımlayın. Verinin gelmemesi ile gerçekten sıfır stok olması aynı değildir. Chatbot kullanılıyorsa cevap veremediği durumda insan desteğine veya açık iletişim yoluna geçiş bulunmalıdır. Botu insan gibi tanıtmak veya doğrulanmamış cevapları kesin bilgi olarak sunmak güveni zedeleyebilir.

Yapay zekâ ile içerik taslağı ya da rapor özeti üretmek, sonuçları kontrol etme sorumluluğunu kaldırmaz. Hangi verinin dış servise gittiği ve hangi yanıtın onay gerektirdiği belirlenmelidir. Teknik mimari ve tasarım teslimi ile formun CRM devri bu kararları somut ekran durumlarına bağlar.

Sık sorulan sorular

API tasarımı ile kullanıcı arayüzü tasarımı aynı mı?

Hayır. Birisi yazılımlar arasındaki sözleşmeyi, diğeri kullanıcının gördüğü ve kullandığı deneyimi ele alır; birbirini etkilerler.

Her hatada teknik hata kodu gösterilmeli mi?

Kullanıcıya yapılabilecek sonraki adım anlaşılır biçimde anlatılmalıdır. Teknik ayrıntının ne kadarının gösterileceği güvenlik ve destek ihtiyacına göre belirlenir.

Yükleme animasyonu API'yi hızlandırır mı?

Hayır. Bekleme durumunu anlatır; gerçek performans ayrıca geliştirme tarafında ele alınır.

Paylaş
SA

Freelance Grafiker · Marka & Tasarım