Mobil Uygulama Tasarımı
Telefonda gerçekten kullanılan bir uygulama
Mobilde kullanıcı tek elle, dikkati dağınık ve çoğu zaman kötü bağlantıyla ilerler. Masaüstü mantığıyla küçültülmüş ekranlar burada yorucu olur, form yarıda kalır, uygulama silinir. Uygulamayı platform alışkanlıklarına, dokunma alanlarına ve gerçek kullanım anına göre tasarlıyoruz.
- Tek elle kullanılabilir yerleşim
- Platform alışkanlıklarına uygun gezinme
- Kısa ve hatasız mobil formlar
- Mağaza görselleri ve ikon
Mobil Uygulama Tasarımı
Mobil Uygulama Tasarımı kapsamındaki hizmetler
Mobil Uygulama Tasarımı
Bir uygulamanın bütün ekranlarını, prototipini ve teslim paketini kapsayan tasarım işi.
Mobili farklı kılan ne
Mobil tasarım, masaüstü tasarımının küçültülmüş hâli değildir. Kullanıcı genelde ayaktadır, tek elini kullanır, dikkati bölünmüştür ve bağlantısı her an kesilebilir. Ekranın alt üçte biri başparmakla rahat ulaşılan bölgedir; sık kullanılan işlemler oraya konmazsa uygulama fiziksel olarak yorucu olur.
Bir diğer fark, girişin pahalı olması. Telefonda yazı yazmak zahmetlidir. Bu yüzden mobilde her form alanı gerekliliğini kanıtlamak zorundadır. Seçim listesi, otomatik doldurma, cihaz kamerası ve konum gibi kısayollar klavye kullanımını azaltır. Formu kısaltmak, mobilde tasarımın en somut katkılarından biri.
iOS ve Android aynı tasarım mı
Ekranların büyük kısmı ortak tasarlanabilir. Ancak gezinme yapısı, geri dönüş davranışı, paylaşım menüsü, tarih seçici ve izin ekranları platformların kendi alışkanlıklarına sahiptir. Bu alışkanlıkları görmezden gelen uygulamalar kullanıcıya yabancı geliyor ve mağaza incelemelerinde eleştiriliyor.
Biz ortak bir tasarım kurup platforma özgü davranışları ayrı ayrı not ediyoruz. Böylece iki platformda da yerli duran, ama bakımı tek sistem üzerinden yapılabilen bir yapı çıkıyor.
Uygulama mağazada başlıyor
Kullanıcı uygulamayı ilk olarak mağaza sayfasında görür. İkon, ilk iki ekran görseli ve kısa açıklama, indirme kararının büyük kısmını belirler. Bu yüzden mağaza görsellerini tasarımın sonradan eklenen bir parçası değil, ürünün ilk ekranı gibi ele alıyoruz.
Kurulum sonrası ilk oturum da aynı ölçüde belirleyici. Uygulamayı açan kişinin ilk denemede bir işi bitirebilmesi gerekir. Kayıt ekranını erteleyebildiğimiz, izinleri gerektiği anda istediğimiz ve boş ekranları anlamlı doldurduğumuz her durumda ilk deneyim kolaylaşıyor.
Silinme kararı da genelde ilk günlerde veriliyor. Bildirim izni daha ilk açılışta istendiğinde, kayıt olmadan hiçbir şey görülemediğinde ya da uygulama ne işe yaradığını anlatmadan form sorduğunda kullanıcı geri dönmüyor. Bu eşikleri tasarım aşamasında tek tek gözden geçiriyoruz.
Nasıl çalışıyoruz?
Kullanım bağlamı analizi
Uygulamanın nerede, ne zaman ve hangi koşulda açılacağını çıkarıyoruz. Sahada ayaküstü kullanılan bir uygulamayla evde oturarak kullanılan bir uygulama aynı biçimde tasarlanmaz.
Akış ve gezinme kararı
Ana gezinme yapısını seçip ekranların sırasını kuruyoruz. Kullanıcının en sık yaptığı iş, en az adımda ulaşılan yere yerleştiriliyor.
Ekran tasarımı
Ekranları platform kılavuzlarını gözeterek tasarlıyoruz. Dokunma alanları, başparmakla ulaşılabilen bölge ve tek elle kullanım bu aşamada belirleyici.
Durum ve hata tasarımı
Bağlantı yokken, veri yüklenirken, izin reddedildiğinde ve liste boşken ne görüneceğini tasarlıyoruz. Mobilde bu durumlar istisna değil, günlük gerçeklik.
Prototip ve test
Tıklanabilir prototipi gerçek telefonda deniyoruz. Ekranda iyi görünen bir düzen, elde tutulduğunda ulaşılamaz olabiliyor.
Teslim ve mağaza görselleri
Tasarımı ölçüleri ve varlıklarıyla teslim ediyor, istenirse uygulama ikonu ve mağaza ekran görsellerini de hazırlıyoruz.
Mobil Uygulama Tasarımı fiyatını neler belirler?
Ekran ve akış sayısı
Uygulamanın kaç işi kapsadığı ve her işin kaç ekrandan oluştuğu kapsamın temeli. Hesap, bildirim ve ayar ekranları da bu sayıya dahildir.
Platform sayısı
Tek platformla başlamak ile iOS ve Android için ayrı ayrı ilerlemek farklı yüklerdir. Ortak tasarımla başlayıp platform farklarını tanımlamak çoğu projede yeterli oluyor.
Tasarım sisteminin durumu
Marka kılavuzu ve bileşen kütüphanesi varsa çalışma uyarlamayla ilerler, yoksa görsel dil sıfırdan kurulur.
Animasyon ve geçiş ihtiyacı
Özel geçişler, hareketli karşılama ekranları ve mikro animasyonlar tasarım ve uygulama tarafında ek iş getirir.
Mağaza materyalleri
Uygulama ikonu, mağaza ekran görselleri ve tanıtım videosu isteniyorsa bunlar ayrı kalem olarak planlanır.
Sıkça sorulan sorular
iOS ve Android için ayrı tasarım gerekiyor mu?
Ekranların çoğu ortak tasarlanabilir, ancak gezinme, geri dönüş, paylaşım ve sistem bileşenlerinde platform farkları var. Biz ortak bir tasarımla ilerleyip platforma özgü davranışları ayrı not ediyoruz. Böylece iki mağazada da yerli duran bir uygulama çıkıyor.
Uygulamayı siz mi geliştiriyorsunuz?
Bu sayfadaki kapsam tasarım. Geliştirme ihtiyacınız varsa kapsamı ve ekibi ayrıca konuşuyoruz. Tasarımı kendi geliştiricileriniz uygulayacaksa teslim dosyası onların ölçü sormasına gerek kalmayacak ayrıntıda hazırlanıyor.
Önce web sitesi mi yoksa uygulama mı yapmalıyız?
Uygulamanın kurulum engeli var; kullanıcı indirmek için bir sebep ister. Tek seferlik kullanımlar ve tanıtım işleri genelde mobil uyumlu bir siteyle daha iyi çözülüyor. Tekrar eden kullanım, bildirim ve cihaz özellikleri gerekiyorsa uygulama anlamlı hâle geliyor.
Tasarımı hazır şablonla yapmak daha hızlı olmaz mı?
Başlangıçta olur, sonrasında genelde olmaz. Şablonlar sizin akışınıza değil kendi örnek akışlarına göre kurulu. Şablonu zorlamak yerine, hazır bir bileşen kütüphanesini temel alıp markaya uyarlamak daha sağlıklı bir orta yol.
Uygulama içi satın alma ve abonelik ekranlarını da tasarlıyor musunuz?
Evet. Bu ekranların platform kurallarına uyması gerekir, çünkü mağaza incelemesinde en çok takılan yerlerden biri. Fiyat gösterimi, iptal bilgisi ve deneme süresi anlatımı tasarım aşamasında kurallara göre planlanır.
Mağaza ekran görsellerini kim hazırlıyor?
İsterseniz biz hazırlıyoruz. Mağaza görselleri uygulamanın ilk izlenimini belirliyor ve indirme kararının önemli bir parçası. Uygulama ekranlarından üretilen görseller, mesaj sırasıyla birlikte tasarlanıyor.
Erişilebilirlik mobilde de gerekiyor mu?
Gerekiyor. Yazı boyutunu büyüten kullanıcılarda düzenin bozulmaması, dokunma alanlarının yeterli olması ve ekran okuyucu etiketlerinin tanımlı olması tasarımın parçası. Bunlar aynı zamanda mağaza incelemelerinde de karşımıza çıkıyor.
Mobil Uygulama Tasarımı için ilk adımı atalım
- 1Formu doldurun ya da bizi arayın
- 2Bir iş günü içinde ön görüşme planlayalım
- 3Size özel yol haritası ve teklif hazırlayalım