Mobil uygulama tasarımı: iOS ve Android arayüz

iOS/Android için uçtan uca ürün arayüzü tasarımı.

Mobil uygulama örnekleri

Selçuk Aker'in mobil uygulama arayüzlerinden kısa bir seçki.

Selçuk Aker mobil uygulama arayüzünü nasıl tasarlıyor?

Selçuk Aker, İstanbul'da çalışan bir UI/UX tasarımcısı. iOS ve Android uygulamaların arayüzünü ve kullanıcı deneyimini Figma'da tasarlıyor. Önce kayıt, ilk kullanım ve temel görev akışlarını kuruyor; boş, hata ve izin ekranlarını da çiziyor. Ekranları geliştirici ekibe akışlarıyla birlikte teslim ediyor. Ayes Rent A Car ve Multitek Smart Home uygulamaları onun işi.

Mobil uygulamada ekranların birbiriyle ilişkisi, tek tek görünümlerinden önce gelir. Kayıt, ilk kullanım ve temel görev akışlarını belirleyerek Figma arayüzünü bu yapı üzerine kuruyorum. Kullanıcının boş sonuç, hata veya izin isteğiyle karşılaştığı anları da tasarımın parçası olarak ele alıyorum.

Öne çıkan mobil işler

Neleri kapsıyor?

Çalışmanın kapsamı

Kullanıcı akışları ve ekran öncelikleri
Platforma uygun arayüz ve bileşenler
Boş, yükleniyor, hata ve başarı durumları

İlk sürümün sınırını birlikte belirleyelim

Kullanıcının uygulamada tamamlayacağı temel görevi, kayıt ve ilk kullanım akışını birlikte tanımlarız. Ekran adedi bu akışın sonucunda çıkar.
iOS ve Android için ortak görsel dili korurken geri dönüş, izin ve sistem bileşenleri gibi platform davranışlarını ayrı değerlendiririz.
Üyelik, ödeme veya bildirim gibi modüllerin tasarım durumlarını kapsam listesine yazarız; yazılım ve üçüncü taraf entegrasyonlarını ayrıca ayırırız.

Geliştiriciye teslimde neler net olmalı?

Temel ekranların yanında boş liste, bağlantı hatası, yükleme ve işlem tamamlandı durumlarını planlarız.
Bileşenlerin farklı durumlarını, metin uzadığında yerleşimi ve dokunma alanlarını tasarım dosyasında belirtiriz.
Tıklanabilir prototip akışı anlatır; çalışan uygulama değildir. Kodlama, test ve mağaza yayını için sorumlu ekip başlangıçta belirlenir.

Süreç nasıl işliyor?

01
Hazırlık, tasarım ve teslim
Ürünün ilk sürüm hedefini netleştirir, temel akışı wireframe ile kurarım. Görsel tasarım ve prototip sonrasında geliştiriciye durumlarıyla birlikte aktarırım.

Ne teslim ediliyor?

Düzenlenebilir Figma ekranları
Temel akışların prototipi
Bileşen ve geliştirici teslim notları

Bu alandan seçili işler

Sık sorulanlar

Uygulamayı mağazaya siz mi yüklüyorsunuz?

Bu hizmet tasarım teslimini kapsar. Geliştirme, mağaza hesapları ve yayın süreci ayrı sorumluluklardır; projenin başında kimin yöneteceği belirlenir.

Mobil uygulama tasarımının bütçesi ekran sayısına mı bağlı?

Ekran sayısına ek olarak kullanıcı rolleri, platform farklılıkları ve özel etkileşimler bütçeyi değiştirir.

Mevcut uygulamamı tamamen değiştirmeden tasarım desteği alabilir miyim?

Evet. Önce sorun yaşanan akışı, mevcut ekranları ve varsa kullanıcı geri bildirimlerini inceleriz. Kayıt, arama veya ödeme gibi belirli bir akış ayrı iş olarak ele alınabilir. Tüm ürünü yeniden tasarlamak her zaman gerekli değildir.

Mobil uygulama tasarımı teklifi için ne göndermeliyim?

Uygulamanın amacını, hedef kullanıcısını, ilk sürümde yapılacak işleri ve hedef platformları paylaşın. Mevcut ürün varsa ekran görüntüleri ve değiştirmek istediğiniz akışlar da yardımcı olur. Tasarım, yazılım ve yayın sorumluluklarını ayrı yazarak karşılaştırılabilir bir teklif oluştururuz.

Mobil uygulama arayüz tasarımında neler teslim edilir?

Figma dosyası, ekran akışları ve geliştiricinin işini kolaylaştıracak devir notları. Kayıt, ilk kullanım ve temel görevlerin yanında boş, hata ve izin ekranları da dosyada yer alır. Böylece uygulamayı kodlayan ekip "bu durumda ne görünecek?" diye tahmin yürütmek zorunda kalmaz.

Geliştirici ekiple nasıl çalışıyorsunuz?

Tasarımı sizin geliştirici ekibiniz kodlar, ben arayüzü onların uygulayabileceği biçimde hazırlarım. Ekranları akış sırasıyla teslim eder, her ekranın hangi durumda nasıl göründüğünü dosyada gösteririm.

Mevcut uygulamanın yeniden tasarımı yapılır mı?

Evet. Önce mevcut uygulamada kullanıcının nerede takıldığına bakarım: hangi akış uzun, hangi ekran kafa karıştırıyor. Bazen bütün arayüz yenilenir, bazen birkaç akışı düzeltmek yeter. Hangisinin gerektiğini ilk görüşmede birlikte görürüz.

İlgili sayfalar

Projenin kapsamını birlikte belirleyelim

Ekran sayısına ek olarak kullanıcı rolleri, platform farklılıkları ve özel etkileşimler bütçeyi değiştirir.

Teklif al Tanışma görüşmesi planla

ÇALIŞMA REHBERİ

Girişimin ilk mobil uygulama arayüzü

Mobil uygulama arayüz tasarımı için ilk kullanıcı görevi, kayıt ihtiyacı ve kesintiye uğrayan işlemler birlikte planlanır. Girişim için ilk ürünü nasıl tasarlarsınız sorusunun cevabı, bütün özellikleri aynı anda eklemek yerine temel akışı denenebilir hâle getirmektir.

Erken aşama startup’ların yaptığı tasarım hataları rehberindeki kontrol listesini ürününüze uygulayın. Yatırımcı görüşmesi için bir demo gerekiyorsa ürün prototipi tasarımını çalışan uygulama geliştirmesinden ayrı kapsamlandırabiliriz.