Ürün, tasarım ve geliştirme seçenekleri çoğalmaya devam ettikçe, işletmelerin üzerine düşünmeleri gereken tüm noktaları anlamaları ve kendi özel hedeflerine, yeteneklerine ve kaynaklarına ilişkin uygun bir yol çizmeleri daha zor bir hâl alır. Bunun yanı sıra, bir işletme belirli bir yola girdiğinde büyük olasılıkla yıllarca bu doğrultuda gidecektir (batık maliyet amortismanı dolayısıyla). Örneğin, bir ürün yolu seçmek için Web Sitesi veya Mobil Uygulama oluşturabilir; bir Web Sitesi tasarlamak için özel, duyarlı veya uyarlanabilir tasarım kullanabilir ve bir Mobil Uygulama geliştirmek için Web teknolojisi veya Yerel kod kullanabilirsiniz. Google'dan Stephen Griffiths, işletmelerin hedeflerine ulaşmak için geçmeleri gereken engebeli yollarda yönlerini bulmalarına yardımcı oluyor.

Birinci Adım: Ürün Yoluna Karar Verme

Bir işletmenin takip edebileceği iki temel ürün yolu vardır: bir Web Sitesi veya bir Mobil Uygulama oluşturmak. Bir işletmenin farklı veya birden çok kullanım şekline yönelik ihtiyaçları karşılaması gerekiyorsa farklı teklifler şeklinde hem bir Web Sitesi hem de Mobil Uygulama oluşturması gerekebilir (ürünler birbiriyle ilişkilendirilebilir). Farklı ürün yollarında ortaya çıkan dikkat çekici noktalar şunlardır:

Müşteriye öncelik verin ve müşteri odaklı olun

  • Ürün yolu için alacağınız karar müşterilerinizin hangi sorunlarını çözmeye çalıştığınızın bilincinde olarak verilmelidir. Bunun için müşteriyle etkileşim kurulması, sorunlarına ve gündemlerine empatiyle yaklaşılması gerekir. Böylece, seçtiğiniz ürün yolu müşteri memnuniyeti odaklı olacaktır

Her bir ürünün benzersiz özelliklerini göz önüne alarak teklifleriniz üzerinde yeniden düşünün

  • Her bir ürünün kendine has özellikleri olduğunun ve müşterinin yaşam döngüsü boyunca farklı bir rol oynadığının farkında olun (mesela masaüstü cihazlara yönelik bir site, uygulama olmayan bir Mobil Site değildir)

Erişim amacınıza veya kullanacağınız özelliklere ilişkin hedeflerinizi bilerek hareket edin

  • Hedefiniz erişim ise bir Web sitesi, Web'in sunduğu geniş erişim olanağından yararlanacak ve Arama Ağı ile sosyal kanallardan yapılan rastgele satışların büyük bir kısmını elde etmenizi sağlayacaktır
    • Mevcut sitenizin kapsamını, dönüşümü ve etkileşimi artıran temel Google Polymer Web bileşenleri ekleyerek daha da genişletebilirsiniz
  • Hedefiniz özellikler ise bir Yerel Uygulama, en son sensörler ile hizmetlerden yararlanacak ve tekrar satışlar ile zengin etkileşimin büyük kısmını elde etmenizi sağlayacaktır
    • Zamanlaması iyi olan ve alakalı widget veya bildirim içeriği sayesinde, müşterilerle Akıllı telefonlarda (kendi Uygulamanızı pas geçerek) proaktif olarak yeniden etkileşime geçebilirsiniz

Hedefiniz, erişim ve özelliklerin bir karışımına yönelikse Web Uygulaması yolunu değerlendirin

  • Sitenizi çevrimdışı çalışma, push bildirimleri, ana ekrana ekleme vb. özelliklerle, daha ziyade bir Uygulamaya benzetmek (veya önceden hazırlanmış bir Web Uygulaması oluşturmak) için sitenize zengin Web bileşenleri ekleyebilirsiniz
    • Bu yaklaşım, en son özelliklere ihtiyacınız yoksa bir Yerel Uygulamanın yerini alabilir
[image 1] [Title] GÖZ ÖNÜNDE BULUNDURULMASI GEREKEN DÖRT ÜRÜN YOLU

İkinci Adım: Tasarım Yoluna Karar Verme

Cihaz sayısındaki çoğalma ve artan ekran çeşitliliği, dijital ortamlar için tasarım yapmayı hiç olmadığı kadar karmaşık hale getiriyor. Akıllı televizyonlar ve akıllı saatlerin dahil olduğu yeni platformlarla birlikte, yeni giriş türlerinin ve ortamların desteklenmesine ihtiyaç var. Kullanıcılar, ekran boyutlarının ve yönlerinin neredeyse sınırsız bir kombinasyonuyla, platformlara farklı mesafelerden bakıyor ve farklı tutumlarla yaklaşıyor. Farklı tasarım yollarında ortaya çıkan dikkat çekici noktalar şunlardır:

Cihazların ve kullanıcı davranışlarının çeşitliliği ve karmaşıklığı bir tasarım sorunudur

  • Platformlarda (ör. masaüstü, Akıllı telefon, Akıllı saat), cihazlarda (ör. iOS ve Android Akıllı telefonlar), ekran boyutlarında, yönlerde ve çözünürlüklerde, giriş yöntemlerinde (ör. fare, dokunma, ses) ve tutuşta (ör. bir Akıllı telefonu tutmanın/etkileşimde bulunmanın çeşitli yolları) vs. çeşitlilik yaşıyoruz.
  • Kullanıcılar, belirli bir amaç için birden çok cihaz ve ekran kullanıyor ve tutarlı bir deneyim bekliyor
  • Karmaşıklık, kullanıcıların davranış biçimlerini göz önüne alarak tasarım yapabilmek adına benimsenmesi gereken yeni bir acı gerçek

Duyarlı veya uyarlanabilir bir tasarım, en esnek ve sürdürülebilir site tasarım yoludur

  • Duyarlı tasarım; görseller, ortam ve içerik dahil olmak üzere öğeleri kullanıcının cihazına göre yeniden şekillendirmek ve konumlandırmak için akışkan sayfa düzeninden yararlanan esnek ve sürdürülebilir bir yaklaşımdır. Duyarlı siteler her cihazı algılar ve kendini cihaza uyarlar, ayrıca kısmen gelecekte de işlev görecek bir kullanıcı deneyimi sistemidir
    • Duyarlı bir tasarımı bir defada tüm cihazlar için uyarlamak istemeyen işletmelerin izleyebileceği geçici bir yol, özel bir Mobil Siteyi duyarlı olarak tasarlamaktır. Bu tasarımın kapsamı, dönüşüm oranı ve kullanıcı deneyimi dengesi sağlandıktan sonra tabletlere ve masaüstü bilgisayarlara da genişletilebilir
  • Uyarlanabilir tasarım, her bir cihazda en iyi kullanıcı deneyimini sunmak için duyarlı bir tasarımın kapsamını daha da genişletir. Uyarlanabilir tasarım, akışkan sayfa düzeni ve kesme noktaları ile, bir cihazın farklı bir kullanım şeklini desteklemesi gerektiği zamanlarda farklı içeriklerin sunulabildiği her bir cihaza, ekrana ve çözünürlüğe uyarlanır.

Materyal Tasarım, cihazlarda, Web'de ve Yerel Uygulamada aynı kullanıcı arayüzü deneyimini sunan bir çözümdür.

  • Akıllı telefon çeşitliliği, ortaya çıkan birden çok yerel platformun karmaşıklığı daha da artırması nedeniyle Yerel Uygulama tasarımını da etkiler. Çözüm, duyarlı ve uyarlanabilir tasarım ilkeleridir
  • Materyal Tasarımın görsel dili, her bir cihazın kendi temelindeki aynı sistemin farklı bir görünümünü yansıtmasını, tutarlı bir şekilde cihazlarda, Web Sitelerinde ve Yerel Uygulamalarda aynı kullanıcı arayüzünü sunmasını sağlar

Tasarımda Önce Mobil yaklaşımından hareket edin

  • Birincil içeriğe öncelik vermek ve onu görüntülemek, ikincil içeriği ekran dışında bırakmak (veya kaldırmak) için akıllı telefonlara özgü ekran alanı gibi sınırlamaların avantajlarından yararlanın
  • Akıllı telefonların temel deneyimi sunması için, kapsamı, daha büyük platformlara genişletmeden önce en küçük ekran için tasarım oluşturun ve kod yazın (eklemek kaldırmaktan daha kolaydır!)
[Image 2] [Title] TASARIM EKİBİNİZ NELERİ DESTEKLEMEYİ HEDEFLEMELİDİR? [image source] ScientiaMobile (MOVR 2015 Ç1 Bilgi Grafiği); Scott Hurff

Üçüncü Adım: Geliştirme Yoluna Karar Verme

Geliştirme için önemli olan iki temel yol vardır: web teknolojisi (HTML, CSS ve JavaScript ile kodlama) ve yerel kod (Java, Objective C vb. ile kodlama). Tarayıcılardan erişilebilen Web Siteleri ve Web Uygulamaları, web teknolojileri kullanır. Oysa, uygulama mağazalarından yüklenebilen Mobil Uygulamalar ister yerel kod (Yerel Uygulamalar için) ister web teknolojileri (Karma Uygulamalar için) kullanır. Farklı geliştirme yollarında ortaya çıkan dikkat çekici noktalar şunlardır:

Web sitesi teknik performansını en son geliştirme araçlarıyla optimize edin

  • Web sitesi geliştirme olgunlaşmış bir alandır, dolayısıyla bu geliştirme yolunu kısmen kolaylaştıran devasa bir geliştirici popülasyonu bulunmaktadır
  • Birçok işletme Kullanıcı Deneyimi / Kullanıcı Arayüzü optimizasyonuna odaklansa da, kullanıcı deneyimini daha da iyileştirmek ve dönüşüm sayısını daha da artırmak (ve eskiden karşılaşılan performans zorluklarının üstesinden gelmek) için teknik performansa odaklanmak önemlidir. Google'ın web performansı araçları, başlatma ve yükleme performansı ve bunun gibi şeyleri optimize etmenize yardımcı olur.
  • Mevcut sitenizin kapsamını genişletmek ve dönüşümü artırmak için, sitenize Form Girişi Optimizasyonu veya Otomatik Tamamlama gibi Google Polymer temel öğelerini ve Web bileşenlerini eklemeyi deneyin

Sitenizi daha ziyade bir uygulamaya benzetmek veya önceden hazırlanmış Web Uygulamaları oluşturmak için Google Polymer gibi modern Web geliştirici araçlarını benimseyin

  • Geliştiriciler, bir Web sitesinin zenginliği ve etkileşimini çevrimdışı çalışma, giriş ekranları, arka planda senkronizasyon, push bildirimleri ve kullanıcının ana ekranına eklenme gibi uygulama benzeri özelliklerle artırabilir
  • Google'ın Polymer aracı, cihazlarda ve ekranlarda aynı kullanıcı deneyimini sunan Web Uygulamaları geliştirmek için kullanılabilecek tek araçtır. Küçük ve hızlı modüler, tekrar kullanılabilir, standart tabanlı öğeler ve Web bileşenleri kullanır ve tüm modern web tarayıcılarında çalışır
  • Polymer öğeleri kataloğu geniştir ve daha da genişlemektedir; tüm markalara uygun şekilde özelleştirilebilir ve bazıları Materyal Tasarım stiline sahiptir.
  • Öğeler bir siteye aşamalı olarak eklenebilir veya yeni bir Web Uygulaması geliştirmek için kullanılabilir

Geniş bir geliştirici popülasyonundan ve uzman araçlardan yararlanarak zengin Yerel Uygulamalar geliştirin

  • Yerel kod ve iki platform (Android ve iOS) için geliştirici önceliklerini göz önüne alarak, pazarın büyük bir kısmına erişmek amacıyla yalnızca iki uygulama geliştirmeniz gerekir
  • İşletmenin hedefi optimum bir özellik seti ve performans ise, yerel uygulamalar aranan çözümü sunar. İşletim sisteminde çalışan yerel kod sayesinde en duyarlı ve sorunsuz deneyimi, en zengin kullanıcı etkileşimi sunulabilir ve en son sensörler ile hizmetlere / API'lara erişilebilir

Yalnızca basit uygulamalar geliştirmek niyetinde değilseniz, Karma Uygulama yolundan uzak durun

  • İşletme, müşteri deneyiminin ötesinde hızı ve maliyeti ön plana alıyorsa ya da basit kullanıcı / çalışan uygulamaları veya prototipleri geliştirmek istiyorsa, karma geliştirme yolu yerel geliştirme yolundan daha uygun olabilir
  • Ancak Karma Uygulamalar çokça taviz gerektirir ve yerel uygulamalarla karşılaştırıldığında şu noktalarda zayıf kalır: teknik performans (yerel bir kabuğa bürünmüş web teknolojisi); kullanıcı deneyimi (Android ve iOS Kullanıcı Arayüzleri görsel olarak farklıdır); test karmaşıklığı (web görünümü çeşitliliği) ve tedarikçi bağlayıcılığı tehdidi
[image 3] [Title] TÜM GELİŞTİRME YOLLARININ ÖZELLİKLERİ VE KURULUŞA YÖNELİK ÖZELLİKLER İÇİN GEREKENLER

Özet: Yollarınızı dikkatli seçin

  • Bir yolu takip etmeye başladığınızda, büyük olasılıkla yıllarca bu doğrultuda gideceksiniz
  • Erişim ve / veya işlevsellik için hem kısa hem de uzun vadeli gereksinimlerinizi düşünün
  • Hem başlarkenki (lansmana kadar) hem de süreç içindeki (normal iş sırasındaki) çabanızı ve maliyetleri göz önünde bulundurun
  • Doğru karışıma ve tasarım, geliştirme ve test özellikleri olgunluğuna eriştiğinizden emin olun

Her üç karar aşamasında da (ürün, tasarım ve geliştirme) temel yolları, göz önünde bulundurulacakları, duruma özgü faydayı belirler ve net önerilerde bulunuruz. Bu önemli ve birbiriyle ilgili kararları bilinçli şekilde almak için Tam Raporu veya şu tek bölümleri indirebilirsiniz: Ürün, Tasarım, Geliştirme.