Mobil uygulama geliştirirken işe ilk olarak tasarım süreci ile başlarız. Burada eskiden photoshop, sketch, figma gibi vektörel çizim programları ile tasarım yapılıyor (bu tasarım ekran sayısına göre değişmekle birlikte ortalama 1 ay kadar sürebilmektedir) daha sonrada müşteriden onay alınırken geribildirimler ile 15 günde burada revize sırasında vakit kaybına yol açıyordu. Son onay alındıktan sonra tasarım yazılımcıların kulllanabileceği şekilde parçalanarak (her icon, çizim ayrı şekilde çıkartılarak) zeplin , avocode gibi platformlara yüklenip yazılımcılar ile (android, ios) paylaşılıyordu.
Bugün sizlere bu 1.5, 2 ay gibi başlangıçta bizi uğraştıran süreci kısaltmak için ne yapabileceğimizden bahsedeceğim.
Flutter, Android Studio veya Ios-Xcode için hazırlanmış UI Setler içerisinde yüzlerce ekran tasarımı barındırıyor. Hatta birkaç UI Set birden kullanıp her ekran tipi için 10 larca seçeneğe ulaşmak mümkün. Bu ekran örneklerinin rengi, içindeki yerleşimi de kolaylıkla değiştirilebilir durumda. Bu sayede UI yani frontend tasarımını direk uygulama yapar gibi yapmak mümkün. Yani işe hemen girişmek. Eğer müşteri ile beraber çalışma ve seçtirme şansınız var ise örnek ekranlardan bu sayede demo data ile çalışan prototip uygulama hızlı bir şekilde yapabiliyorsunuz. Revizeler uygulama üzerinde canlı canlı yapılıyor ve UX deneyimi rahatlıkla gözlemlenebiliyor. Bu arada bahsetmeyi unuttum UI – User Interface yani Arayüz , UX ise User-Experience yani kullanıcı deneyimi. Photoshop gibi araçlar ile çizim yaptığınızda UX i deneyimlemek oldukça zorken, direk uygulama prototipi yaptığınızda çıkan sonuç gerçek bir uygulama gibi oluyor ve ekranlarda dolaşabiliyor ve uygulamayı deneyimleyebiliyorsunuz.
Şimdi daha çok uzatmadan bazı ekran örneklerini sizler ile paylaşacağım.
UI Set Örneklerini İndirmek İçin Tıklayın
Son olarak bu yukarıda verilen örnek ekranlar daha çoğaltılabilir ama sizlere fikir vermesi açısından yeterli olduklarını düşünüyorum. Bu ekranlar uygulama sahibinin yönlendirmesi ile yazılımcıya değişikliklerde söylenerek yaptırılabilir bu sayede çok ciddi bir zaman ve maliyet tasarrufu yapılmış olur.
Örneğin. Login ekranı 1.4 de gibi olsun renkler logomuza uyumlu olsun.
Sonuçta bu biraz agile çalışma yöntemine benziyor ve işi yapan ile iş sahibi başlangıçtaki bu sıkı çalışmaya gönüllü olmalı. Aksi halde bu süreç tıkanır. Böyle bir durum var ise ve ekran ekran istenen tarif edilemeyecek ise bir ui designer ile uygulama ekranlarını komple tasarlatıp sonra yazılım sürecine geçmek daha sağlıklı olacaktır.
Hepinize sağlıklı ve mutlu günler dilerim.
Paylaş:
Yazar: ferhatbalabanKategori: Android, Android Yazılım, Fluttter, Genel, Ios, Ios Yazılım, Mobil Yazılım Anahtar Kelime: flutter ui set, ios ui set, mobil uygulama maliyetleri, mobil uygulama tasarımı, mobil uygulama ui setleri, uygulama maliyeti
Arama
Kategoriler
Android (7)
Android Yazılım (18)
Fluttter (8)
Genel (5)
Ios (5)
Ios Yazılım (16)
Mobil Yazılım (19)
Seo (1)
Yazılım Güvenliği (1)
Son Yazılar
İyi bir yazılımcı olmak için 11 altın kural September 24, 2021
Flutter ile Mobil Uygulama Eğitimi April 25, 2021
Birçok proje neden başarısız oluyor? April 24, 2021
Flutter 2.0’a geçiyoruz… April 6, 2021
Trend : Flutter February 13, 2021
UI Setler ile zaman ve maliyet tasarrufu November 16, 2020
Flutter Uygulama Geliştirme – GetX October 28, 2020
Mobile developer hayatı kolaylaşıyor October 7, 2020
Hangi tip yazılım projelerine yatırım yapmalıyım? June 24, 2020
Mobil Uygulama Maliyet Hesaplaması June 18, 2020
Anahtar Kelimeler
android (2) android developer nasıl olunur (1) android eğitimi (1) android eğitimleri (1) android ile resim download etmek (1) Android Kütüpanesi (1) android resim işlemleri (1) Android Volley Kullanımı (1) android yazılımcısı (1) android yazılımcısı nasıl olunur (1) android yazılımcısı olma (1) android yazılım eğitimi (1) android yazılım eğitimleri (1) android yazılım uzmanı (1) cordova (1) Flutter (6) flutter developer (4) flutter ile mobil uygulama (2) hybrid (1) image download (1) image download to sdcard (1) ios (2) ios yazılımcısı (1) ios yazılım uzmanı (1) ipad (1) iphone (1) java (2) Kotlin (2) mobil backend (2) mobil proje aşamaları (1) mobil uygulama (2) mobil uygulama geliştirme (7) mobil uygulama maliyetleri (2) mobil yazılım (2) mobil yazılım geliştirme (2) Mobil Yazılım uzmanı (1) native (1) objective-c (2) picasso (1) picasso library (1) react native (2) swift (4) swift 2.0 (1) Volley Kullanımı Kütüpanesi (1) xcode (1)