Mobil Uygulama Dünyasında Temel Kurallar | Ömer Korkmaz

Mobil Uygulama Dünyasında Temel Kurallar

mobil-tasarim-dunyasi

Mobil uygulama dünyası her geçen gün büyüyor ve bize bu alanda çok iyi fırsatlar sunuyor. Artık kişiler sürekli mobil cihazlarıyla iç içe yaşadıkları için kullanıcılara temas etmemiz daha kolay ve etkili bir hale geldi. Ancak bunu yaparken nelere dikkat etmemiz gerekiyor, olmazsa olmaz kurallar neler, doğru kararlar nasıl alınır, hangi tasarım, prototip, test araçları kullanılır bunlara çok iyi şekilde hakim olmamız gerekiyor. Bu yazımızda ilk olarak mobil dünya ile ilgili temel kavramlardan bahsedeceğiz.

 

Adım Adım İlerlemeliyiz

Mobil uygulamanın tasarım aşamasına gerek kalmadan material guideline ile sadece geliştirme aşamasında çözülebileceğini savunanlar var.  Bu doğru bir yaklaşım değil. Bu şekilde ortaya mühendis kafası bir iş çıkacaktır. Uygulamanın kendine has görsel bir kimliği olmalıdır, bunu da Arayüz Tasarımcıları (UI Designer) yapar. Tabi sadece tasarım ve yazılımdan ibaret olarak bilinmemeli. İdeal bir proje ortaya koymak için tüm aşamalar detaylı bir şekilde ele alınmalıdır.

Tasarımdan önceki stepler ile ilgili de kısaca bilgi verelim:

mobil-uygulama-tasarimi

 

İlk olarak mobil platform üzerinde geliştirilecek proje fikri ortaya çıkar. Bu proje için mantık olarak benzer yapıdaki diğer yapılan iyi örneklerin nasıl çalıştıkları detaylı bir şekilde araştırılır. Özellikle ürün yönetimi, kullanıcı deneyimi ve arayüz tasarımı konumundaki uzman kişiler bu örneklere ve mevcut trend olan yapı layoutlarına çok hakim olmalılar. Arayüz tasarımı tamamlandıktan sonra yazılım aşamasına geçilir. Bu aşamada android tarafında geliştirme ortamı olarak Android Studio, dil olarak JAVA ve C kullanılıyor. IOS tarafında ise ortam olarak xCode, dil olarakta Objective-C, Swift, C++ kullanılıyor. Geliştirme tamamlandıktan sonra hem işlev hem tasarım olarak ürün test edilip optimizasyon sürecine geçilir ve markete o şekilde yüklenir.

MVP (Minimum Viable Product) Nedir?

mvp-mobil-tasarim-omer-korkmaz

MVP, sunulacak olan ürünün en net, en basic hali diyebiliriz. Ürünün tüm özelliklerini ortaya koyarız ancak bunları kullanıcıya belirli fazlar ile sunmalıyız. İlk olarak gerekli araştırma ve müşteri görüşmeleri ile ürünümüz için olmazsa olmazları en minimum düzeyde tutarak belirlemeliyiz. Bunun temeli de 80/20 kuralından geliyor, yani pareto ilkesi. Bu ilkenin mantığı; çoğu olay için, etkilerin kabaca % 80’i etkenlerin % 20’sinden kaynaklanır şeklindedir. Bunu ürün bazında yorumladığımızda aynı ilkenin yine geçerli olduğunu görüyoruz. Yapılan araştırmalara göre bir üründe yer alan özelliklerin sadece %20 ‘si aktif olarak kullanılıyor. Bu yüzden sadece en temel özellikler öne çıkacak şekilde diğer özellikleri sonraki fazlara bırakmalıyız.

Wireframe ve Mockup Kavramları

Fikir, araştırma ve strateji belirleme aşamalarını en basic biçimde belirledikten sonra ürünün şekillenmesi aşamasına geçiyoruz. Yani top şuan kullanıcı deneyimi  ve arayüz tasarımcılarında. Normalde uygulanması gereken wireframe ve mockupların kullanıcı deneyimi tasarımcıları tarafından hazırlanıp arayüz tasarımcılarına aktarılması şeklindedir. Ancak ülkemizde bu süreç tek bir tasarımcı tarafından sürdürülebiliyor.

wireframe-mobil-tasarim

Wireframe tasarımın en basit halidir. Amacı, üründeki öğelerin nerede duracağını belirlemektir. Genellikle dijital ortamda değil hızlı şekilde kağıt kalem ile çizilerek oluşturulabilir. Bu çizimleri bir fikir oluşması amacıyla ilgili kişilere sunarken çizimlerin fotoğrafını çekip belirli online araçlar ile linklendirerek aktarabilirsiniz. Bunun için Popapp ya da Invisionapp ‘i kullanabilirsiniz. ( Invisionapp ‘in kullanımına dair temel bilgileri buradaki yazımdan inceleyebilirsiniz.)

Mockup yani tasarım maketi, ürüne en yakın çizimdir. Müşterinin ürünü en iyi şekilde anlayacağı kısım burasıdır. Mockuplar dijital ortamda ilgili araçlar ile oluşturulur. En popüler araçlar UXPin, balsamiq, mocqups şeklinde. Bu araçlar ile mockup oluşturulur, kullanıcı ve müşteri görüşleri değerlendirerek son hali şekillendirilir ve kullanıcı arayüzü tasarımcısına aktarılır.

Etkileşim ve Animasyonlar

animation-mobile

Tasarım aşamasında bir menü açılışı ya da ekran geçiş animasyonu gibi noktalarda yazılım geliştiriciye isteğinizi anlatmak için hızlı ve basit bir şekilde animasyon hazırlayabilirsiniz. Bunun için Atomic ya da sadece mac ortamında çalışan Flinto araçlarını kullanabilirsiniz.

Mobil App & Mobil Web

Mobil uygulama ile mobil site kavramları farklıdır. Her projeyi mobil app formatında oluşturmamız çok da doğru sonuçlar almamızı sağlamayabilir. Bu yüzden araştırma ve strateji aşamalarında bunun kararı doğru şekilde belirlenmeli ve o şekilde start verilmelidir. Örneğin e-ticaret ile ilgili bir girişim düşünüyoruz. İlk aşamada hem zaman hem maliyet açısından tasarruf etmemiz adına mobil uyumlu web sitesi oluşturarak ideal bir çözüm elde edebiliriz. Yani kullanıcıya desktoptan da mobil tarayıcıdan da ürünü düzgün şekilde deneyimleme şansı verebiliyorsak ilk aşamada başarılı bir sonuç yakalarız.

mobil-uygulama-site

Mobil uygulama ile projemizi daha da kişiselleştirilmiş bir hale getirebiliriz. Native uygulamalar sayesinde cihazın yeteneklerine erişme imkanı ile kişilere direkt olarak temas edebiliyoruz. Oluşturduğunuz bir kampanya ile kişiye notification gönderebilir, ürününüzü kullanması için onu dürtebilirsiniz. Ancak başarıyı mobile app ile mi mobile web ile mi elde edeceksiniz bunu iyi belirlemelisiniz. Kullanıcı olarak siz de biliyorsunuz ki çok da işe yaramayan uygulamalar cihazda yer işgal etmemesi adına marketten indirilmiyor. Avantaj ve dezavantajları belirlemek önemli.

Cihaz Ebatları ve Ergonomi

mobil-sicaklik-haritasi

Artık bir çok ebatta mobil cihaz mevcut. Bunlar arasında en çok kullanılanlar 5.5 – 5.7 inc şeklinde. Cihazların ebatlarına göre ekran hakimiyet alanı da doğal olarak değişiyor. Bu yüzden mobil tasarım oluşturulurken ergonomik yapı dikkate alınmalıdır. Steven Hoober ‘ın araştırmasına göre kullanıcıların %75’i mobil cihazı tek baş parmak ile kullanıyor. Bu veriyi baz aldığımızda yukarıdaki görselde yer alan bir sıcaklık haritası ortaya çıkıyor. Tasarımda yerleşimi yaparken bu ve bunun gibi verileri dikkatlice analiz ederek bu doğrultuda çalışmalıyız.

Bir sonraki yazımda mobil tasarım nasıl yapılır, ebatlar nasıldır, neler kullanılır, işinize yarayacak çok güzel toollar neler vb. detaylı bir yazı ile mobil dünyayla ilgili geniş bir bilgi edinmenizi sağlamaya çalışacağım 🙂

Görüşmek üzere.

1 Comments

Leave a Reply

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Sen gerçek misin? * Time limit is exhausted. Please reload CAPTCHA.