Adım adım şehir ve turizm uygulaması geliştirme
Written by João Marcelo Martins on Salı 2 Mayıs 2017
Harita taşımak tarihe karıştı diyebiliriz! Artık seyahat ederken ihtiyacımız olan tek şey uygulamalar. Bulunduğumuz bölge ile ilgili hemen her bilgiye kolaylıkla ulaşabilmek ve uygulamalar sayesinde kolay ve ucuz.
Turizm uygulamaları yalnızca birer kılavuz görevi görmez aynı zamanda yerel bazı bilgilere kolaylıkla erişimi de mümkün kılar.
Bu yazımızda bir turizm rehberi oluştururken dikkat etmeniz gereken adımlara değineceğiz. Seçtiğimiz örnek şehir Portland, siz de kendi istediğiniz şehir veya ülke için bir app hazırlayabilir ve kullanıcılara sunabilirsiniz.
1. Bir Tema Seçin
Güzel bir uygulama oluşturmak için ilk adım budur. Arka ofiste tasarımcılarımız tarafından hazırlanmış 25'in üzerinde farklı tema bulabilirsiniz. Eğer isterseniz, klasik "White" temasını uygulamak ve istediğiniz tüm düzenlemeleri yapmak da mümkündür.
Bu uygulama için "Budapest" teması ile başlamaya karar verdim. Ancak önceden de belirttiğim gibi, uygulamanız için istediğiniz şekilde kendi tasarım kriterlerinize uygun bir tema ile devam edebilirsiniz.
2. Ana sayfanızı Oluşturun
Ana Sayfa kullanıcılarınızın uygulamanızı açtığında gördüğü ilk sayfadır. Bu sebeple de uygulamanızın önemli bir özelliğidir, hem görsel hem de pratik olarak. GoodBarber 4.0 ile, uygulamanız açıldığında hangi içeriğin ön plana çıkacağını seçebilirsiniz.
GoodBarber 4.0 ile tanıttığımız modüler ana sayfa iki farklı parçacıktan oluşur, içerik parçacıkları ve navigasyon parçacıkları (linkler) — toplam 66 parçacık bulunmaktadır. Parçacıklarla bağlantılı şablonlar mobil, tablet ve masaüstü uyumludur.
Burada mCMS metinler bölümü görüntülemek için eklediğimiz ilk parçacığı görebilirsiniz, İçerik parçacığı. ("Gitmeden Önce" makalesi için)
*Uygulama içinde görülen içerik yalnızca bir örnektir, kendi uygulamanızdaki içeriği istediğiniz şekilde değiştirebilirsiniz.
Bir şablon seçtikten sonra (Banner > Minimal), farklı bir görünüm ile başka bir İçerik parçacığı ekledik (Banner > Visual) "Shopping" adında adında diğer bir metinler bölümü görüntülemek için:
Sonra da uygulamamızda "Eating out, Culture, Leisure recommendations" mCMS metinler bölümlerini bulundurmak için 3 benzer İçerik parçacığı ekledik:
Şimdi de, etkinlikler için diğer bir İçerik parçacığı ekleyelim ve bir şablon seçelim, Liste > Classic:
Ana sayfamız şimdi toplam 6 parçacıktan oluşuyor.
3. Menünüzü Oluşturun
GoodBarber 4.0 ile, Menü uygulamanızda ikincil navigasyon için kullanılır. Ana sayfa seçtiğiniz bölümlere giriş yapmanızı sağlar, bu sebeple herhangi bir menü görüntülememek de mümkündür. Eğer Menü görüntülemeyi seçerseniz (veya arka ofiste Tarama modu) uygulamanızdaki trafiği yönetmek için 7 farklı "menü" türü veya tarama modu arasından seçim yapabilirsiniz.
Menü oluşturmak uygulamanızda tam navigasyon kontrolü sağlamak amaçlı uygulamadaki bölüm sayısından bağımsız olabilir.
Burada Swipe şablonunu seçtik ve Menü'deki üst bilgiye logomuzu ve Alt bilgi alanına telif hakkını ekledik:
Menünüz ayrıca farklı noktalara erişim sağlayan linkler ve kısayollar bulundurabilir (dahili veya harici) bunun yanı sıra başlıklar ve ayırıcılar menüdeki bilgiye öncelik vermek için kullanılabilir.
Üst bilgide logonuzu göstererek de uygulamanızı kişiselleştirebilirsiniz:
4. İçeriğinizi ekleyin
Bu uygulamanızın en önemli bölümüdür, bu sebeple üzerinde en çok düşüneceğiniz bölüm de büyük ihtimal budur.
Başlamak için ve her içerik türünü organize edebilmek ve etkinlikleri gösterebilmek için uygulama içinde alt-menü ve orijinal menüdeki diğer bilgileri oluşturdum (Menü bölümü).
App yapısı ayarlandıktan sonra, bölümlerin içine oluşturduğunuz içeriği ekleme zamanı. Burada, Portland uygulaması örneğinde, bu aktivite ile ilgili şehirdeki noktaları girerek "Leisure" bölümü üzerinde çalıştım.
Noktaları eklemeden önce bu bölüm içinde kategoriler oluşturmak kullanıcıların uygulama içindeki navigasyonunu kolaylaştırır ve bölüm sayısını aşmanızı önler. Bu adım önemlidir çünkü kullanıcı deneyimi konusunda büyük fark yaratır. Sezgisel ve iyi düzenlenmiş olması daha iyi sonuçlar oluşturur.
Kategoriler tanımlandıktan sonra, bölümün "İçerik" sekmesindeki haritaya noktalar eklemeye başlayabilirsiniz.
Her bir konum için belirli detaylar eklemek mümkündür (bilgi, açılış saatleri, geçmiş...),resim ekleme, telefon ve e-posta, websitesi, vb. Ayrıca her noktanın ait olduğu kategoriyi seçmelisiniz, buradaki örnek resimde The Victoria Building Museum Tüm kategoriler ve "Leisure" altında görülecektir.
Kategori oluşumu farklı bölümlerde (metinler, videolar...) gerçekleşebilir ve uygulamayı hafifletmek için etkili bir araçtır. "Eating Out" bölümünde örneğin, tüm bilgiyi tek bir bölümde tutmak için kategorileri mutfağa göre sınıflandırabiliriz (İtalyan, Japon, Meksika, Amerika...).
Farklı bölümler oluşturmak için de yöntem benzer. Eğer içerik CMS bölümünde oluşturulduysa, metinleri yazmadan etkinlik oluşturmaya kadar her şey GoodBarber arka ofisi üzerinden gerçekleştirilebilir. Eğer harici kaynaklardan (WordPress, Facebook, Flickr...) içerik almayı seçtiyseniz, bölümü oluşturduğunuzda bölüm ayarlarını yeniden yapılandırmanız gerekir. Yardıma ihtiyacınız varsa Çevrimiçi Yardım veya Destek Hattı'ndan yararlanabilirsiniz.
2 öğe daha ekledikten sonra uygulamanız hazır!
5. Açılış Ekranı ve App İkonu
Tasarımda uzmanlaştıktan ve içeriğinizi girdikten sonra, artık son düzenlemeleri yapabilirsiniz.
Burada önemli olan farklı cihaz türleri ve işletim sistemleri için özel resimleri yüklemeniz. Bu uygulamada mükemmel bir çözünürlük ve resim kalitesi için bir şarttır.
Açılış ekranı kullanıcılarınızın uygulamayı açtığında karşılaştıkları ilk ekrandır (Ana sayfadan önce). Uygulamanızın içeriği yüklenirken bir kaç saniye boyunca görülür (tarayıcı üzerinde de). Burada, tasarımcımız açılış ekranını oluşturdu fakat ayrıca parçacık aracını kullanarak da doğrudan arka ofis üzerinden tasarlamak mümkündür.
Uygulamanızın ana ekranında kullanıcılara gösterilecek app ikonu için farklı işletim sistemleri, boyutlar ve web app özellikleri ile uyumlu olmanız gerekiyor. Doğru app ikonunu oluşturmak, yaratıcılığınızı limitlediği için yanıltıcı olabilir. Örneğin, logonuzu kare formatına uyumlu olması için kırpmanız gerekebilir.
Son olarak da, uygulamanızın adını girmeyi unutmayın. İkonun altında yer alan bölüm uygulama adıdır ve kullanıcıların akıllı telefonunda Ana sayfa üzerinde görülür: örneğimize göre "Portland".
Uygulamanızı oluşturmak için bu adımları izlemek başarılı bir uygulama oluşturmada temel adımları izlediğiniz anlamına gelir. Ancak mağazalarda gerçek bir başarı için uğraşınız uygulamanızı oluşturmaktan öteye gitmelidir. Uygulamanızın tanıtımını yapmayı ve kullanıcı istatistiklerinden yararlanarak bir strateji geliştirmeyi unutmayın.
Tüm bu bilgiler ilham kaynağı olabildiyse siz de kendi uygulamanızı oluşturmaya başlayabilirsiniz.
GoodBarber ile oluşturulan bazı turizm uygulamalarını incelemek için: