Örnek kullanarak mobil uygulama oluşturma süreci. Mobil uygulama geliştirme aşamaları. Mobil uygulama tasarımının aşamaları
Bu yazımızda herhangi bir programlama dilinde yazılmış bir program geliştirmenin ana aşamalarını ortaya koymaya çalışacağız.
Şartname (program gereksinimlerinin tanımı):
Bu aşamada var Detaylı Açıklama kaynak veriler, ortaya çıkan sonuç için gereksinimler formüle edilir, özel durumlar ortaya çıktığında (örneğin, yanlış veriler girilirse) tüm olası program davranışları dikkate alınır, geliştirme gerçekleşir diyalog kutuları Kullanıcı ile programın kendisi arasındaki etkileşimi sağlayacaktır.
Algoritma geliştirme:
Bu aşamada programcı sırayı belirler. gerekli eylemlerİstenilen sonucu elde etmek için daha sonra yapılması gerekenler.
Belirli bir sorunun birkaç yolla çözülebildiği bir durum ortaya çıkarsa, o zaman elbette çözüm algoritması için birçok farklı seçenek mümkündür. Daha sonra program geliştiricisi bazı önemli kriterlere (örneğin, algoritmayı çözme hızı) dayanarak daha uygun bir çözüm seçimini yapar.
Program geliştirmenin bu aşamasının sonucu, program algoritmasının ayrıntılı bir sözlü açıklaması veya algoritmanın bir blok diyagramıdır. Bu makaleyi inceleyerek herhangi bir program için algoritmanın nasıl geliştirileceğini detaylı olarak öğrenebilirsiniz.
Kodlama:
Bir çözüm algoritması belirlenip çizildikten sonra, kullanılan algoritma sonuçta gerekli programlama dilinde (Pascal, Delphi, C++ vb.) yazılacaktır. Kodlama aşamasının sonucu bitmiş bir programdır.
Program geliştirme aşamaları. Hata ayıklama:
Bu aşamada programcı programda hata ayıklıyor, yani hataları buluyor ve ortadan kaldırıyor. İkincisi iki gruba ayrılır: algoritmik ve sözdizimsel (kaynak programın metnindeki hatalar). Bu iki hata grubundan sözdizimi hataları ortadan kaldırılması en kolay olanıdır, algoritmik hataların belirlenmesi ise oldukça zordur.
Hata ayıklama aşaması yalnızca şu durumlarda tamamlanmış sayılır: orijinal program bir veya iki birincil veri kümesiyle doğru ve düzgün çalışır. Bu makaleyi okuyarak herhangi bir programın derlemesinin ne olduğunu ve hangi ana görevleri yerine getirdiğini öğrenebilirsiniz.
Test yapmak:
Bir programın test edilmesi çok önemlidir çünkü çoğu durumda programcılar programları kişisel kullanım için değil başkalarının da kullanabilmesi için oluştururlar. Test aşamasında geliştirici, programın davranışını hem doğru hem de özel olarak seçilmiş yanlış olan çok sayıda giriş verisi kümesi altında kontrol eder.
Yardım sistemi oluşturma:
Bir programcı, başkalarının daha sonra kullanabilmesi için bir program geliştirirse, programcının bir yardım sistemi geliştirmesi ve kolay bir kurulum yapması gerekir. hızlı erişim programla çalışırken bu yardım sistemine bakın. Modern programlarda CHM veya HLP dosyaları biçiminde yardım bilgileri bulunur.
Yardım sistemi, yardım bilgilerine ek olarak programın kurulumu için gerekli talimatları da içerir. Genellikle farklı formatlarda Benioku dosyası biçiminde sunulurlar: *.doc, *.txt, *.htm. Program geliştirmenin dikkate alınan aşaması daha sonra daha ayrıntılı olarak açıklanacaktır.
Kurulum diski (CD-ROM) oluşturma:
Geliştiriciler, kullanıcıların bir programcının yardımı olmadan bağımsız olarak kurulum yapabilmeleri için bir kurulum diski (CD-ROM) oluştururlar. bu program PC'nize.
Kurulum CD-ROM'unda genellikle programın kendisine ek olarak programın kurulumuna ilişkin yardım dosyaları ve talimatlar bulunur. Delphi ortamında geliştirilen programlar da dahil olmak üzere modern programların çoğunun, çoğu durumda, dosyaların basitçe kopyalanmasıyla bile kullanıcının bilgisayarına yüklenemeyeceği, çünkü bu programların doğru çalışması için özel kitaplıkların varlığı gerekli olduğu unutulmamalıdır. belirli bir kullanıcının bilgisayarında bulunamayan bileşenlerin yanı sıra.
İnternetin ve akıllı telefonların yaygınlaşmasıyla birlikte mobil uygulamalara olan ilgi her geçen yıl artıyor. Gelişmelerin temaları ve işlevselliği her zaman şaşırtmaya devam ediyor. Büyük işletmeler ve kuruluşlar işlerini büyütmek için mobil uygulamalara yöneliyor.
Fikirden uygulamaya kadar, bir mobil uygulama birkaç önemli hazırlık aşamasına ayrılır:
- hedef pazarın belirlenmesi
- tasarım
- ayrıntılı teknik spesifikasyonların (TOR) hazırlanması
- prototip oluşturma
- tasarım
- gelişim
- test yapmak
- Testlerden ve değişikliklerden sonra, çalışan olanı yayınlıyoruz mobil versiyon uygulamalar Uygulama mağazası, Google Oyun ve benzeri. ve incelemeleri ve istatistikleri takip edin
'de, hangi işlevselliğin MVP'yi (minimum uygulanabilir ürün) oluşturacağına, gelecekteki genişleme için mimariyi nasıl düşüneceğinize, hangi teknolojileri seçeceğinize ve ayrıca işçilik maliyetlerine karar vermeniz gerektiğinde bir dönüm noktası vardır. ve projenin zamanlaması. Bu süreci optimize etmek için bir tasarım yapılması tavsiye edilir. Aşağıda bu aşamanın neden önemli olduğunu, hangi uygulamaları oluştururken atlayabileceğinizi ve hangilerini oluştururken müşteriye ek yatırımlara mal olacak bir hata olacağını açıklayacağız.
Mobil uygulama tasarımı
Her uygulamanın tasarıma ihtiyacı yoktur. Basit bir uygulama herhangi bir tasarım çalışması gerektirmez. Tasarım, benzersiz, açıkça yeni işlevlere sahip, birçok işlevi ve sistemi bütünleştiren, belirsizlik yaratan uygulamalar gerektirir Muhtemel çözümler. Bazı, özellikle karmaşık durumlarda, tasarım hizmeti ayrı bir sözleşmeye dahil edilir.
Bu aşamanın görevi aşağıdakileri anlamak ve kaydetmektir:
1. Projedeki ekiplerin etkileşimi her iki tarafta nasıl gerçekleşecek?
2. Geliştirmeye hangi kaynaklar dahil edilecek (öncelikle müşteri ve geliştiriciden uzmanların emeği)
3. MVP'nin ve işlevselliğinin başlatılması için gerçekçi zaman çerçevesi nedir?
4. MVP'nin (uzun vadeli proje geliştirme planı) yayınlanmasından sonra proje nasıl gelişecek?
Mobil uygulama tasarımının aşamaları
1. Pazarlama
1) Uygulamayı oluşturmanın hedefleri
Bir uygulama oluşturmadan önce, geliştirme hedeflerine son derece dikkat etmelisiniz. En sık sorulan sorular şunlar olabilir: "Bu uygulama kimin için?", "İnsanlar bunu neden kullanacak?" Tasarım sürecinde bu anlar mümkün olduğunca derinlemesine ve ayrıntılı olarak işlenir; bu bilgi olmadan gelişim anlamını kaybeder.
2) Özel komut dosyaları
Uygulama, belirli görevleri olan belirli kişiler tarafından kullanılacaktır, dolayısıyla her biri için bu sorunları çözmenin en uygun yolunu bulmalıyız. Bu aşamayı geçmek için müşterinin hedef kitlesi hakkında tam bilgiye sahip olması ve segmentlerinden birinin temsilcilerinin davranışsal özellikleri hakkında ayrıntılı bilgi sahibi olması önemlidir.
3) Promosyon
Uygulama yalnızca indirilip kullanıldığında yayınlanacaktır. Piyasaya sürüldükten sonra bir ürün tanıtım stratejisi geliştirmek, gelecekteki yatırımların hacmini yönlendirmenize olanak sağlayacaktır.
2. Mimari, yapı ve arayüzler
1) Mimarlık
Sunucu Veritabanı Tasarımı
2) Yapı
Önceki aşamanın sonuçlarına göre, gerekli olanı bırakıp gereksiz olanı atarak uygulamanın yapısını oluşturuyoruz.
3) Arayüz prototipleri
Yine kullanıcı senaryolarına dayanarak tüm uygulama arayüzlerinin (ekranlarının) prototiplerini oluşturuyoruz.
3. Teknoloji
Teknoloji seçimi uygulamanın tüm geleceğini belirler. Yerel mi, hibrit mi yoksa platformlar arası mı olacak? Sunucu hangi yüklere dayanmalıdır? Hangi entegrasyon yeteneklerinin dahil edilmesi gerektiği. Bunlar ve diğer pek çok açık olmayan sorun bu aşamada çözülür.
4. MVP'yi Seçmek
Minimum işlevselliğin başlatılması, uygulamayı kısa sürede - 2-3 ay içinde - test etmeye başlamanıza olanak tanır. Bu, hedef kitlenizle iletişim halinde kalmanıza, indirmeler elde etmenize, kullanıcı komut dosyaları yazma sürecinde yapılan hipotezleri onaylamanıza/çürütmenize ve arayüzler ve kullanılabilirlik hakkında ilk geri bildirimi almanıza olanak sağlayacaktır.
MVP, açıkça tanımlanmış son teslim tarihlerine ve sabit bir yaratım maliyetine sahip, işlevsellik ve tasarım açısından net bir üründür. MVP geliştirme döneminde ekibin nasıl çalıştığına bağlı olarak, Zaman ve Malzeme açısından (gerçekte harcanan standart saatlere göre) daha fazla işbirliği yapılmasına karar verebilirsiniz.
5. Uzun vadeli bir gelişim planı oluşturun
İşlevselliğin genişletilmesi ve uygulamanın tanıtımı, kilometre taşları, ön son teslim tarihleri ve işçilik maliyetleri açısından açıklanmaktadır. Uzun vadeli bir strateji, gereken toplam yatırımın planlanmasına yardımcı olacaktır.
Mobil uygulama oluşturmadan önce tasarım yapmanın faydalarını bir kez daha anlattık
"Bir hevesle" karmaşık bir proje oluşturmak, kural olarak, onu öngörülemeyen sapmalar, gereksiz yinelemeler, gereksiz eylemler ve müşteri ile geliştirici ekipleri arasındaki yanlış anlamalar ile sonsuz uzun vadeli bir yapıya dönüştürür.
Aksine, yetkin bir şekilde yürütülen bir tasarım aşaması, yaklaşan işin şeffaf bir resmini bütünüyle görmenize ve körü körüne gitmenize değil, bunun ne, neden ve kimin için yapıldığına dair karşılıklı net bir anlayışa sahip olmanızı sağlayacaktır. ne kadar süreceği ve ne kadar yatırım hacmi gerektirdiği gibi.
Dmitry Dementy
Mobil uygulama geliştirmeye yatırım yapmaya değer olup olmadığından şüpheniz mi var? Bunu kendiniz yapabilirsiniz ve tamamen ücretsiz. Mobil stratejinizin etkinliğini uygun bir şekilde değerlendirmek için kullanılabilecek bir test sürümüne sahip olabilirsiniz. Ve denerseniz, akıllı telefon ve tablet sahipleriyle çevrimiçi etkileşim için ana araç haline gelecek iyi bir mobil uygulama yapacaksınız.
En havalı mobil uygulamanın bile tek tanıtım aracı olamayacağını unutmayın. Yalnızca kapsamlı İnternet pazarlaması, trafik ve satış açısından maksimum sonuçları verir.
Kendi mobil uygulamanızı yapmaya değer mi?
Maliyetler. Eğer benim sözlerime inanmıyorsanız, işte bazı gerçekler:
- Flurry Analytics ve comScore'a göre, akıllı telefon ve tablet sahipleri, cihazla çalışırken harcanan toplam sürenin yalnızca %14'ünü tarayıcıyı kullanıyor. Ve zamanlarının %86'sını farklı uygulamalara harcıyorlar.
- Yüklü uygulama- tüketiciyle doğrudan iletişim kanalınız. Bir düşünün: Reklamlara para harcamanıza veya Yandex'i kullanarak birinin sizi bulmasını beklemenize gerek yok. Geriye kalan tek şey kullanıcının ihtiyaç duyduğu işlevselliği desteklemek ve ona ilgili içeriği sağlamaktır.
- Tabletler ve akıllı telefonlar kullanılarak yapılan satın almaların sayısı hem genel olarak internette hem de RuNet'te artıyor. Pazarlama ajansı Criteo'ya göre, 2016 yılında RuNet'teki çevrimiçi işlemlerin yarısından fazlası mobil cihazlar kullanılarak yapılacak.
İsterseniz uygulama mobil tarayıcı, burada yalnızca siteniz açılır. Bir kullanıcı hangi durumda böyle bir İnternet tarayıcısını yükler? Yalnızca ürününüzle veya bilgilerinizle ilgileniyorsa. Bu nedenle şunu unutmayın: Uygulamayı yükleyen müşteri, hedef kitlenin sadık ve satın almaya hazır bir temsilcisidir.
Bu durumda profesyonellerin Android ve iOS için hazırladığı özel programlar yerine risk alıp sadık müşterilere DIY uygulamaları sunmaya değer mi? Hadi çözelim.
Ne zaman kendiniz bir uygulama oluşturabilirsiniz?
Web sitesi ziyaretçilerinin neye ihtiyacı olduğunu hatırlıyor musunuz? Kaynağın içeriği veya işlevselliği nedeniyle gelirler. İnsanlar bilgi almak, bir şeyler satın almak, arkadaşlarının fotoğraflarına bakmak ve yorum yapmak vb. istiyor. Mobil uygulama kullanıcılarının da aynı şeye ihtiyacı var. Bilgi arıyorlar veya bir tür işlem yapıyorlar.
Bir işletmenin kendi başına bir web sitesi yapabileceği zamanı hatırlıyor musunuz? Henüz profesyonellerle işbirliği yapacak paranız olmadığında, ancak yine de WordPress veya Joomla'yı anlamaya zamanınız ve arzunuz var. Başvurularda da durum aynı. İOS ve Android için kendi kendine oluşturulan programlar, kabaca açık kaynak motorlar üzerine kurulu web siteleriyle karşılaştırılabilir.
Çalışmaya başlamak için kayıt olmanıza gerek yoktur. Şimdi Oluştur düğmesini tıklayın ana sayfa veya hizmetin herhangi bir sayfasında sağ üst köşedeki Uygulama Oluştur menüsünü seçin.
Uygun uygulama şablonunu seçin. Bir içerik projesinden bahsediyorsak aşağıdaki seçenekler ilginizi çekebilir:
- Manuel. Bu şablon bir rehber programı oluşturmanıza olanak sağlar.
- Blog. Uygulama, blog hedef kitlenizin bir akıllı telefon veya tablet ekranından yeni notları okumasına yardımcı olacaktır.
- İnternet sitesi. Şablon bir web sitesini uygulamaya dönüştürür.
- Sayfalar. Bu şablonla herhangi bir içeriği basit işlevselliğe sahip bir uygulamaya dönüştürebilirsiniz.
- Haberler. Şablon, sektör veya bölgesel haberlerin toplayıcısı olan bir uygulama oluşturmanıza olanak tanır.
- Sayfa. Şablon, e-kitap gibi çevrimdışı içeriği uygulamaya dönüştürür.
- VK Sayfası ve Facebook Sayfası. VKontakte ve Facebook'taki açık grupların güncellemelerini izlemenizi sağlayan bir uygulama oluşturun.
- Youtube. YouTube kanalınızı tanıtmak için şablonu kullanın.
Blog Uygulaması Nasıl Oluşturulur
Blog şablonunu kullanın. Uygun alana blogunuzun veya RSS feed'inizin URL'sini girin. Bir not başlığı rengi seçin.
Uygulamanın adını girin.
Bir açıklama ekle.
Standart bir simge seçin veya özel bir simge ekleyin. Uygun görüntü boyutu 512 x 512 pikseldir.
Bir indirme dosyası oluşturmak için Uygulama Oluştur düğmesini tıklayın. Bu işlemin ardından sisteme kayıt olmanız gerekmektedir. Kaydınızı onaylayın ve kişisel hesabınıza gidin. Buradan uygulamayı mobil cihazınıza yükleyebilir, Google Play ve Amazon App Store'da yayınlayabilirsiniz. Sistem aynı zamanda para kazanma seçeneği de sunuyor. Bu özelliği kullanırsanız uygulamada reklamlar görüntülenecektir.
Uygulamanın mobil cihazınızda nasıl çalıştığını kontrol edin. Bir tablette program, başlık ve duyuru biçiminde blog yazılarının bir listesini görüntülemelidir.
İÇİNDE kişisel hesap AppsGeyser ile kurulum sayısını izleyebilir, anlık bildirimler oluşturabilir, uygulamayı mağazalarda yayınlayabilir, reklamlarla programdan para kazanabilir ve ayrıca uygulamayı düzenleyebilirsiniz.
Daha fazla uygulama mı istiyorsunuz? Ardından Kılavuz şablonunu kullanarak bir rehber uygulaması oluşturun.
İçeriği düzenledikten sonra uygulamanın adını belirtin, açıklama ve simge ekleyin. Uygulama Oluştur düğmesini tıklayın. İndirilen dosyayı oluşturduktan sonra mobil cihazınıza kurun ve çalışıp çalışmadığını kontrol edin.
Lütfen unutmayın ki çoğu mobil cihazlar Varsayılan olarak bilinmeyen kaynaklardan uygulamaların yüklenmesini engeller. Bir kullanıcı sitenizden veya uygulama oluşturma sitesinden bir program indirirse, yüklemeye çalıştığında bir güvenlik uyarısı görecektir. Bazı istemciler muhtemelen programı yüklemeyi reddedecektir.
AppsGeyser'a benzer 8 kurucu
Evrensel AppsGeyser yapıcısı size uygun değilse benzer hizmetlere dikkat edin:
- AppsMakerStore. Hizmeti kullanarak uygulamalar oluşturabilirsiniz farklı şekiller: E-ticaret programlarından içerik projelerine yönelik çözümlere kadar. Tasarımcı iOS ve Android için uygulamalar yapar. Servis arayüzü Ruslaştırılmıştır. Yeni başlayanlar için yapıcının kullanımına ilişkin bilgilendirici bir kılavuz bulunmaktadır. Hizmet ücretlidir.
- Mobincube. iOS ve Android uygulamaları oluşturmaya ve bunlardan para kazanmaya yönelik bir araç. Hizmetin temel işlevleri ücretsiz olarak sunulmaktadır. Tasarımcı farklı türde uygulamalar oluşturmanıza olanak tanır.
- İyi Berber. Bu hizmeti kullanarak Android ve iOS uygulamaları geliştirebilirsiniz. İnşaatçıya ödeme yapılır, kullanım maliyeti aylık 16 USD'dir.
Sunulan hizmetlerin çoğu İngilizce arayüze sahiptir. İnşaatçılarla çalışmaktan rahatsızlık duyuyorsanız ingilizce dili, Ruslaştırılmış içeriğe sahip platformları seçin.
Uygulama tasarımcıları: taş balta mı yoksa ince, modern bir alet mi?
Bir aşırı uçtan diğerine gitmeyin. Önerilen hizmetlerin yardımıyla gerçekten uygulanabilir şeyler yaratabilirsiniz. fonksiyonel uygulamalar. Ortaya çıkan programlar, çevrimiçi ticareti kolaylaştırmaktan içerik dağıtımına ve izleyicileri eğitmeye kadar çeşitli sorunları çözmek için kullanılabilir. Tasarımcıda oluşturulan uygulamalar Google Play'de ve App Store'da yayınlanabilir, düzenlenebilir ve reklam veya ücretli kurulumlar kullanılarak para kazanılabilir.
Sunulan hizmetleri abartmayın. Bariz dezavantajları, kalıplaşmış doğaları olmaya devam ediyor. Hakkında programların hem tasarımı hem de işlevselliği hakkında. Ayrıca, iyi işlevselliğe sahip platformlara erişim ücretlidir. Hangisi daha iyi: Geliştiricilere çalışmaları için bir kez ödeme yapmak mı yoksa tasarımcının sahiplerine uzun yıllar boyunca ödeme yapmak mı? Matematiği kendiniz yapın.
Ve bir şey daha: Eğer kendinizinkini yaratmak için zamanınız yoksa mobil uygulama, lütfen firmamızla iletişime geçin. Mobil uygulamalar geliştiriyoruz ve .
Bize Ulaşın Tartışalım mı? Ücretsiz danışmanlık siparişi verin
çalışmaya başladım grafik Tasarım 13 yaşımdayken. Çevrimiçi kurslar aracılığıyla web sitelerinin nasıl tasarlanacağını öğrendim ve Photoshop ve Affinity Designer ile günlerce uğraştım. Bu deneyim bana bir tasarımcı gibi düşünmeyi öğretti.
Yaklaşık bir yıldır uygulama tasarlıyor ve geliştiriyorum. MIT'de Universeaty uygulamasını geliştiren ekipte çalıştığım bir programa katıldım. İki ay önce, 28 Ocak'ta yakın zamanda piyasaya sürülen yeni bir uygulama olan Crypto Price Tracker üzerinde çalışmaya başladım.
Bu yazımda uygulamalar üzerinde çalışırken izlediğim tasarım sürecini adım adım paylaşacağım. Bu, dijital tasarım becerilerini öğrenmek veya geliştirmek isteyenlere yardımcı olacaktır. Tasarım sadece tasarım yazılımının nasıl kullanılacağı ile ilgili değildir ve bu makale size onu nasıl kullanacağınızı öğretmeyecektir. İnternette yüzlerce kaliteli eğitim programı var. Tasarım aynı zamanda ürününüzün özünü, işlevselliğini anlamak ve son kullanıcıları göz önünde bulundurarak tasarlamakla da ilgilidir. Bu makalenin size öğreteceği şey budur.
Dizayn süreci:
- Her ekran için bir kullanıcı akışı oluşturun.
- Prototipler oluşturun/çizin.
- Tasarım şablonlarını ve renk paletlerini seçin.
- Bir tasarım oluşturun.
- Uygulamanın animasyonlu bir prototipini oluşturun ve insanlardan uygulamayı test etmelerini ve geri bildirimde bulunmalarını isteyin.
- Tüm son ekranların geliştirmeye hazır olması için mizanpajlarda son rötuşları yapın.
Hadi başlayalım!
Kullanıcı akışı
İlk adım, uygulamanızda hangi özellikleri istediğinizi bulmaktır. Fikirleriniz olduğunda bir kullanıcı akışı oluşturun. Bu, uygulamanızın nasıl çalıştığını gösteren bir akış şemasıdır.
Tipik olarak bir kullanıcı akışı üç tür rakamdan oluşur.
- Ekranları temsil etmek için dikdörtgenler kullanılır.
- Elmaslar koşullar için kullanılır (örn. giriş düğmesine tıklama, sola kaydırma, yakınlaştırma).
- Oklar ekranları ve koşulları birbirine bağlar.
Kullanıcı akışları çok faydalıdır çünkü uygulamanın nasıl çalışacağına dair iyi bir mantıksal anlayış sağlarlar.
İşte uygulama tasarımım üzerinde çalışmaya başladığımda çizdiğim bir kullanıcı akış şeması.
Ana arayüz için kullanıcı akışı.
Prototipler
Her ekran için kullanıcı akışları oluşturmayı tamamladıktan sonra tüm ekranlar için prototiplerle çalışmaya başlayacaksınız. Prototipler aslında uygulamanızın düşük detaylı çizimleridir. Temel olarak görsellerin, etiketlerin, düğmelerin vb. nereye yerleştirileceğini gösteren bir çizim veya diyagramdır. Uygulamanızın nasıl çalışacağına dair kaba bir taslak.
Tel çerçeveler çizmek için UI Stencils'deki yazdırılabilir şablonları kullanıyorum. Bu, zamandan tasarruf sağlar ve çizim yapmak ve not almak için güzel bir çalışma alanı sağlar.
İşte bir örnek prototip.
Mobil uygulama arayüzü prototipi Prototiplerinizi oluşturduktan sonra Pop adlı uygulamayı kullanarak tüm çizimlerinizin anlık görüntüsünü alabilir ve butonlar yardımıyla tüm ekranları birbirine bağlayarak tıklanabilir bir prototip elde edebilirsiniz.
Tasarım eskizleri ve renk paletleri
Bu en sevdiğim bölüm. Vitrin alışverişi gibi. Aralarından seçim yapabileceğiniz çok sayıda tasarım deseni ve renk paleti. Beğendiklerimi seçip onlarla deneyler yapacağım.
Kalıp bulmak için en iyi platformlar Mobil Kalıplar ve Pttrns'dir. İyi renk paletleri bulmak için Renk Avı'na göz atın.
Tasarım
Sonunda kullanmaya başlıyorsun yazılım bir tasarım oluşturmak için. Sanki gelecekte uygulamanıza giriş yapmışsınız ve bazı ekran görüntüleri almışsınız gibi. Gerçekçi görünmeli ve gerçeğe çok benzemelidir.
Var olmak yazılım tasarım oluşturmaya yönelik geliştirme ve araçlar. Affinity Designer'ı kullanıyorum. En sık kullanılan iOS tasarım aracı Sketch'tir.
İşte uygulamamın bazı erken tasarımlarına bir örnek.
Çiziminizi piksellere aktarıyoruz! Farklı renk paletleriyle daha fazlasını denedim.
Geri bildirimlerini almak için ilk tasarımları arkadaşlarımla paylaştım. Birçok kişi altın ve siyah degrade şemasını beğenmiş görünüyordu.
Geri bildirim almaya ve yeni önerileri denemeye açık olun! Kullanıcılarınızdan çılgınca Dribbble veya Behance'e göz atarken değil, onlarla konuştuğunuzda harika geri bildirimler alacaksınız.
Bu yüzden düzeni yeniden tasarladım ve arka plan grafiklerini kaldırdım çünkü bunların oluşturulması teknik açıdan yoğun bir süreçti ve okunabilirliği azaltıyorlardı. Sonuçta ne oldu:
Altın ve siyah degrade şaşırtıcı derecede iyi görünüyor! Renk şemasından, sekme çubuğu simgelerinden ve genel düzenden memnun kaldım. Devam ettim ve ekranların geri kalanını aynı tasarım ilkelerine göre tasarladım. Uzun ama inanılmaz derecede heyecan verici bir süreçti!
Tüm ekranlarım hazır olduğunda Adobe XD'de bir prototip hazırladım ve birkaç arkadaşımdan deneyip bana geri bildirimde bulunmalarını istedim.
Son rötuşlardan sonra tasarımımın son hali bu şekilde görünüyor.
Son sürüm tasarım Tüm ekranlar tamamlandıktan sonra Xcode'a aktardım ve uygulamayı geliştirmeye başladım.
Bu kadar! Umarım bu makale, uygulama tasarımınıza başlamanıza veya en iyi tasarımcı. Ve uygulamamı beğendiyseniz indirebilirsiniz.
Bu makaleyi en sevdiğim tasarım alıntılarından biriyle bitiriyorum.
“Tasarım sadece bir şeyin nasıl göründüğü ve hissettirdiği ile ilgili değildir. Tasarım nasıl çalıştığıdır."
-Steve Jobs
Mobil uygulama geliştirme, tam teşekküllü bir yazılım geliştirme olan karmaşık ve oldukça emek yoğun bir süreçtir. Mobil uygulamaları nasıl oluşturduğumuzu anlamanızı kolaylaştırmak için çalışmalarımızın her aşamasından kısaca bahsedeceğiz.
İnsanlar bir mobil uygulama, web kaynağı veya iş süreçlerini otomatikleştirme fikirlerini hayata geçirmek için şirketimize geliyorlar. Ücretsiz bir iş incelemesi yapıyoruz, müşteriye tavsiyelerde bulunuyoruz ve kullanıcıların ihtiyaçlarını dikkate alarak projenin ideolojik bileşenini sonuçlandırıyoruz.
Röportajların yürütülmesi. Uygulamanın amacı ve değeri? Hedef seyirci kitlesi? Temel işlevsellik? Platformlar mı? Yüklenici seçimi için başvuru geliştirme süreci kriterleri? Benzer çözümlerin gözden geçirilmesi: işlevsellik, kullanıcı sayısı, derecelendirmeler, incelemeler, para kazanma. Kullanıcı analizi.
Ek sorular. Teknik uzmanların bağlanması. Başvurunun uygulanmasına yönelik gerekliliklerin onaylanması.
Proje geliştirme ekibi tarafından değerlendirilir. Bundan sonra müşteri, uygulama geliştirme için bir ön ticari teklif alır: uygulama geliştirme aşamaları; zamanlama ve maliyet; uzmanlar; garanti eder.
İşin aşamalarını ve yükümlülüklerimizi ayrıntılı olarak tanımladığımız bir sözleşme imzalıyoruz. Yasal olarak korunacaksınız. İşin her aşaması kesinlikle şeffaftır, tüm ana noktalar sizinle mümkün olduğunca ayrıntılı olarak tartışılmaktadır.
Kullanıcıların uygulamadan ne beklediğini anlayarak prototip oluşturma sürecine başlıyoruz. İyi tasarlanmış bir arayüz, kullanıcının uygulamanın sorununu çözmeye nasıl yardımcı olacağını hızlı bir şekilde anlamasını sağlamanın anahtarıdır. Gelecekteki uygulamanın işlevselliğini yazılım kısmı olmadan görme fırsatına sahip olursunuz.
Tüm ekranların tasarımını ve elemanların durumlarını çiziyoruz. Uygulama tasarımı için Google ve Apple önerilerini kullanıyoruz. Grafik çözümlerinin net ve kullanışlı olmasını sağlıyoruz. Sizi rakiplerinizden ayıracak bir tasarıma sahip olursunuz.
Referans şartları - geliştiricilerin ve test mühendislerinin projeyi geliştirmesi ve test etmesi için gerekli olan, onaylanmış bir etkileşimli prototip ve ürün tasarımı temelinde geliştirilen bir belge.
Bir web kaynağının veya mobil uygulamanın programlanması, SCRUM metodolojisi kullanılarak gerçekleştirilir - görevlerin adım adım planlanması ve bunların uygulanmasının sprintlere bölünmesi.
Sonuçların müşteriye gösterilmesi 2 hafta içinde. Ekip riskleri ve sorunları analiz eder, sprint'i tamamlar ve daha sonraki uygulama geliştirme sürecini optimize eder.
Yaptığımız işin farkı, sadece uygulama geliştirmekle kalmıyor, aynı zamanda bunları tanıtıma da götürüyoruz. Müşterilerimiz, işin tüm aşamalarından sorumlu olan bir şirket alırlar: ilk düğmeden uygulamayı indirmeye ve minnettar kullanıcı incelemelerine kadar.
Röportaj
Görüşmeleri şahsen veya Skype üzerinden gerçekleştiriyoruz. Görüşme birkaç saat sürebilir. Uygulama geliştirmenin bu aşaması önemlidir. Müşterinin sorulara ne kadar doğru ve eksiksiz cevap vereceği, ürünün nasıl sonuçlanacağını belirler.
Sorduğumuz ana sorular şunlardır: proje hedefleri, mevcut iş süreci, hedef kitle, rakipler. Bu aşamada gelecekteki işlevsellik tartışılmaktadır.
Zihin haritası
Müşteriden alınan tüm bilgileri yapılandırmanıza olanak tanıyan entelektüel bir harita olan bir MindMap yaratıyoruz. Bu, tüm uygulama verilerinin tek bir yerde olması sayesinde projenin görsel bir diyagramıdır.
Analiz
Elle çizim yapmak
Rakiplerin uygulamalarını inceliyoruz. Kullanıcıların görevlerini yaparken nerede rahatsız olabileceğini veya nerede tökezleyeceğini analiz ediyoruz. Bunu yeni uygulamanın mevcut analoglardan nasıl farklı olacağını belirlemek için yapıyoruz.
Prototip geliştirme
Çizimlere dayanarak, uygulama sayfalarının yapısal bir diyagramı olan tel çerçeveler oluşturuyoruz. Bu, gelecekteki ürünün her detayının tasvir edildiği tasarımın iskeletidir.
Bir UX uzmanı sayfa düzenleri üzerinde çalışır. Tel çerçeve oluşturma süreci sanat yönetmeni ile tartışılır.
Onaylandıktan sonra tıklanabilir bir prototip yapılır ve teknik departmanın onayına gönderilir.
Kullanıcı görüşmeleri
Bitmiş prototipi kullanıcılar - ofisimizin çalışanları veya gönüllü grupları - üzerinde test ediyoruz. Prototipi gösterip sorular soruyoruz: “Bu buton nedir sizce?”, “Sepete nasıl ürün eklersiniz?” ve benzeri.
Bu, mobil uygulama geliştirmenin bu aşamasında kullanıcılar için net olmayan noktaların tespit edilmesine ve hataların düzeltilmesine yardımcı olur.
Prototipin müşteriye sunulması
Bir sunum yapıyoruz: Prototipi müşteriye gösteriyoruz, neyin ve nasıl çalışacağını açıklıyoruz. Gerekiyorsa değişiklik yapıp geliştiriyoruz. Tüm detaylar üzerinde anlaşıyoruz ve onaylıyoruz.
Tasarım konsepti geliştirme
Mobil uygulama geliştirmenin bu aşamasında çeşitli tasarım konseptleri oluşturuyoruz. Müşterinin seçeceği konsept tüm uygulamanın tasarımının temelini oluşturacaktır.
Tüm ekranların ve durumların tasarımı
Bu aşamada tüm ekranlar ve eleman durumları çizilir. Ortalama 120-150 ekran var. Bu, tüm senaryoların dikkate alınmasına ve programlama süresinin uzatılmamasına yardımcı olur.
Teknik özellikler ve istemci-sunucu mimarisi
Bir tasarımımız hazır olduğunda geliştirmeye başlıyoruz Teknik özellikler. Tüm senaryoları, ekran geçişlerini ve ekran durumlarını açıklar. Bu aşamada uzman, projenin üst düzey mimarisi ve veri depolama modeli üzerinde çalışıyor.
Bu önemli bir aşamadır. Yazılım kısmının nasıl oluşturulacağını, uygulamanın hızını ve “istemci-sunucu” isteklerinin konfigürasyonunu belirler. Veriyi nereden alıyoruz, nereye kaydediyoruz, nasıl kaydediyoruz vb. Teknik şartname, senkronizasyonun gerekli olduğu tüm sistemleri içerir.
Programlama ve Test Etme
İş programcıların eline geçiyor. Geliştirme süreci metodolojiye dayanmaktadır. çevik gelişim Scrum. Oluşturulan tam liste görevler ("back-log" olarak adlandırılır) ve küçük bölümlere ("sprintler" adı verilen) bölünmüştür.
Bunu adım adım programlıyoruz ve her sprint sonrasında sonucu gösteriyoruz. Yazılım kısmı hazır olduğunda uygulamayı teste gönderiyoruz. Test uzmanları ürünü kontrol eder. olası hatalar. Gerektiğinde uygulama iyileştirme için programcılara iade edilir.
Bir uygulamayı yayınlama
Mobil uygulama geliştirmenin ana aşamaları tamamlandı, geriye yalnızca uygulamanın yayına hazırlanması kaldı. Bunun için Google Play ve AppStore mağazalarının kurallarına uygun bir ürün açıklaması ve grafikler oluşturuyoruz. Bunlara uymadığınız takdirde uygulama moderasyondan geçmeyecektir.
Mağazalarda kullanıcının gördüğü ilk şey uygulama simgesidir, bu nedenle onu çekici kılmak önemlidir.
Uygulama açıklamaları için grafikler oluştururken yazarların belirli görselleri kullanma izninin olup olmadığını, fotoğraflarda ünlü yüzlerin bulunup bulunmadığını ve mağazanın diğer gereksinimlerinin karşılanıp karşılanmadığını kontrol ediyoruz.
Ürün teknik desteği
Projeler tamamlandıktan sonra teknik destek aşamasına geçilir.
