Mobil İlk Tasarımlar – Önemi ve Son Trendler
Yayınlanan: 2018-06-29Adından da anlaşılacağı gibi, mobil ilk tasarım, masaüstü sürümlerinden önce mobil için bir web sitesi veya uygulama tasarlamaya öncelik veriyor.
Mobil İlk Tasarımlar, geliştirme alanındaki en son trenddir. Hepimizin bildiği gibi cep telefonu kullanıcıları için pazar önemli ölçüde büyüyor, bir cep telefonu kullanıcısının ihtiyaçlarına odaklanan geliştirmeye öncelik vermek bize daha iyi erişim ve indirmeler sağlayacaktır.
Peki Mobile First temelde nedir?
2019 yılına kadar toplam akıllı telefon kullanıcılarının sayısının 2,7 milyara ulaşması beklenirken, toplam cep telefonu kullanıcılarının sayısının beş milyarı geçmesi bekleniyor.
Dolayısıyla, tüm dünyada cep telefonu kullanıcılarının katlanarak büyümesiyle birlikte, mobil uyumlu web sitelerine ve uygulamalara olan talep arttı.
Tarihsel olarak, biri bir web sitesi veya uygulama oluşturmak istediğinde, mobil uyumlu sürümü ikinci seçenek olarak tutarak masaüstü sürümünü oluşturmaya odaklandılar.
Mobil ilk tasarımlara odaklanan son yaklaşım, işletme için daha fazla fırsat yaratmakla kalmayacak, aynı zamanda kullanıcı deneyimini de artıracaktır.
Önce küçük ekrandan başlayıp daha sonra size daha büyük ekrana ulaşmak aşamalı geliştirme olarak bilinir. Kullanıcıya en önemli içeriği sağlamak için kompakt ekrana odaklanmak ve ardından geliştirmeleri daha büyük ekrana eklemekle ilgilidir.
Önce Mobil'in önemi
Bu günlerde insanlar internete erişmek için masaüstü veya dizüstü bilgisayar kullanmaktan daha fazla cep telefonlarını kullanıyor. Alışverişten okumaya, işten oyun oynamaya kadar, cep telefonu kullanımı son 5-10 yılda önemli ölçüde arttı ve masaüstü kullanımını geçmesi bekleniyor.
Bu nedenle, masaüstünde veya daha büyük ekranda çalışmadan önce bir web sitesi veya uygulama için mobil yerleşime odaklanmak çok önemlidir.
Mobil tasarımlar/düzen, istediğimiz her şeyi küçük ekrana yerleştirmek için fazla bir seçenek değil, yalnızca kullanıcıya ulaşması gereken önemli içeriği sunuyor.
Bu, kullanıcı deneyimini artırır ve kullanıcının web sitenizde kalma şansını artırır ve hemen çıkma oranını düşürür.
Küçük ekran, kullanıcı deneyimini en üst düzeye çıkaran yalnızca önemli ve önemli içeriğin kullanıcıya sunulmasına izin verdiğinden, Öncelikli İçerik olarak da kabul edilir. Cep telefonu kullanıcısı, tam olarak görmek istediklerini sağlayarak web sitesinin veya uygulamanın hızlı, hafif ve hedefe uygun olmasını bekler.
Mobil İlk Nasıl Çalışır?
Mobile First yaklaşımı, masaüstü bilgisayarlar ve tabletler gibi daha büyük ekranlı sürümlerin tasarımını güçlendiren bu güçlü temeldir.
Mobile First yaklaşımı, gezinme yerine içeriğe odaklanır. Başka bir deyişle, içeriğe ve bilgilere çok fazla kaydırma yapmadan daha hızlı erişme konusunda kullanıcı deneyimine vurgu yapar.
Kullanıcıya ne zaman bilgi sunulursa, bu, indirmelerin yanı sıra dönüşüm oranını da artırır ve işletmeniz için kâr sağlar.
Mobil ilk tasarım, tasarımcıyı yalnızca kullanıcı tarafından en çok ihtiyaç duyulan içeriği kullanmakla sınırlandırır ve fazladan öğeleri kaldırır.
Ekstra öğeler gerekli olmayanlar değil, mobil kullanıcılara gösterilmesi zorunlu olmayanlardır. Bu öğeler masaüstü/tablet sürümlerinde kullanılabilir.
Bir mobil kullanıcının bir masaüstü kullanıcıdan farklı gereksinimlerinin olması anlaşılabilir bir durumdur. Mobil kullanıcılar, derinlemesine bilgi ve ek özellikler gerektiren masaüstü kullanıcılarına kıyasla kompakt bilgileri ve sınırlı ancak önemli özellikleri tercih ederler.
Önce Mobil Tasarımların Öne Çıkan Örnekleri
YouTube – YouTube'un masaüstü sürümü, YouTube uygulamasının genişletilmiş sürümüdür. Ayrıca, web sitesi duyarlı bir tasarıma sahiptir, yani tarayıcının boyutunu veya çözünürlüğünü azaltırsanız, kendisini daha küçük ekran sürümüne ayarlayacaktır.
Mobil uyumlu özellik – gece modu, metin ekranı
Apple mobil web sitesi – Apple web sitesinin mobil versiyonu, içerik tabanlı düzene iyi bir örnektir. Gezinme düğmesi yerine, kullanıcının oldukça kolay ve kullanışlı olan ekranı kaydırmasına izin verir. Gerekli alışveriş çantası görüntülenerek kullanıcıya ilk bakışta alışveriş için bilgi ve seçenek sunulur.
Mobil uyumlu özellik – kolay ve kullanışlı kaydırmalı gezinme
Facebook – Facebook tamamen kullanıcı deneyimine odaklanır. Facebook web sitesinin sağladığı animasyonlar, Facebook Uygulaması'na ve hatta Facebook uygulamasından çok daha hafif olan Facebook Lite uygulamasına uygulandı. Facebook Uygulamasının Lite sürümü, telefonunuzda daha az yer kaplayarak Facebook'un gerekli özelliklerini sağlar ve daha hızlıdır, bu da düşük hızlı internette bile kullanımı kolaylaştırır. Facebook'un mobil web sitesi bile artık ifadelerdeki animasyonları destekliyor, bu da hangi sürümde olursak olalım insan duygularını onlar aracılığıyla aktarmamızı kolaylaştırıyor.
Mobil uyumlu özellik – etkili animasyon, daha az yer kaplar, hafif ve hızlı
Evernote – Evernote, temel olarak tüm platformlarda belge depolama hizmeti sağlar. Evernote'un mobil versiyonu, net bir kullanıcı arayüzü ile masaüstü versiyonuna oldukça benzer. Evernote'u mobil cihazlarda en uygun not depolama hizmeti yapan, yeni ve temiz kullanıcı arayüzüdür.
Mobil uyumlu özellik – Temiz ve yeni mobil arayüz
Mobil İlk Tasarımda Son Trendler
Aşağıdakilerden biri ile Kullanıcı deneyiminin basitleştirilmesi :
Doğrusal akış – kullanıcının belirli bir başlangıç, orta ve son sağlayarak her seferinde bir adımı tamamlamasını sağlar. Örneğin, Uber gibi taksi rezervasyon uygulamaları.
Aşamalı açıklama - bilgileri yalnızca kullanıcı tarafından ihtiyaç duyulduğunda ifşa etmek. Örneğin, kullanıcının bilgileri görmek için tıklamasına veya dokunmasına izin veren oyun uygulamaları.
Harekete Dayalı Animasyonlar
Metin talimatları, geçişler ve hareketlerle ilgili geri bildirim içeren animasyonlar. Örneğin, Tinder'da kaydırma, galerideki slayt gösterileri vb.
İçerik odaklı deneyim
Mevcut en alakalı ve gerekli bilgilerle kolay erişilebilir içerik, bir mobil uygulamayı kullanıcılar için çekici hale getirir. Bu iki şekilde yapılabilir:
Dağınıklık - Alakasız bilgileri kaldırmak ve ilgili içeriğe öncelik vermek, Kullanıcı Deneyimini geliştiren şeydir. Görsel dağınıklığı ortadan kaldırmak ve içeriği ilk sıraya koymak, mesajı mümkün olan en iyi şekilde iletmeyi kolaylaştırır.
Net Görsel Hiyerarşi – Temiz ve net görsel öğeler, kullanıcı arayüzünü daha anlaşılır ve anlaşılması kolay hale getirir. Harekete geçirici mesaj düğmeleri için zıt renkler gibi görsel göstergeler, kullanıcıyı temel bilgileri belirlemeye yönlendirir.
Tam Ekran Deneyimleri
Günümüzde akıllı telefonların ekran boyutundaki en son trend Infinity Display. Samsung Galaxy S8 ve iPhone X gibi telefonlarda, kullanıcı için daha fazla ekran alanı mevcuttur ve bundan maksimum deneyimi beklerler. Bu nedenle, mobil ekranda pikselleşmeyen HD görüntü ve videoların sunulması, kullanıcı deneyimini yükseltir.
Kişiselleştirilmiş Kullanıcı Deneyimi
Tüm kullanıcılar farklı olduğundan, bir uygulama tasarlarken kullanıcı deneyiminin kişiselleştirilmesi yapılması gereken bir şeydir. Bu nedenle, kullanıcı arayüzü herkes için farklı olmalı veya en azından kullanıcının tercihine ve gereksinimine göre özelleştirmesine izin vermelidir. Konum tabanlı içerik için GPS kullanımı, gece modu, yazı tipi boyutundaki değişiklikler ve uygulamanın boyutundaki değişiklikler gibi özelliklerin sağlanması, bir uygulamanın kişiselleştirme örneklerinden birkaçıdır.
Çözüm
Önce web tasarımı tercih edip ardından mobil tasarıma geçmek günümüz dünyasında artık geçerli değil. Keyifli bir kullanıcı deneyimine odaklanmamız gereken şey, bizim için kâr sağlayacak olan şeydir. Mobil öncelikli yaklaşımı kullanmak, tasarım ve geliştirme alanındaki en yeni trend olmakla birlikte, İnternet endüstrisinde kesinlikle daha yaygın bir yaklaşım olacaktır. Mobil web sitesinin basit, hızlı ve hafif olması beklenirken, masaüstü web sitesi daha büyük ekranlar için muhteşem tasarlanmış bir arayüz ile gerekli tüm bilgilerle dolu olmalıdır. Mobil öncelikli yaklaşım yalnızca gelecekte masaüstü sürümünü geliştirmeyi kolaylaştırmakla kalmaz, aynı zamanda neredeyse her şey için tek durak çözüm olarak cep telefonlarını kullanan nüfusun çoğunluğuna mümkün olan en yüksek kullanıcı deneyimini sağlar.