Dokunmatik Ekranlar için Ölçeklendirilmiş Web Arayüzleri Tasarlama
Gitti kıvrımlı javascript gösterim günleri ve başlığınıza sayısız eklenti içerir. Mizanpaj tasarımı, tasarımcıların abartılı konseptler oluşturduğunu gördüğümüz için büyük bir adım attı. Dokunmatik ekranlı cihazlar şu anda tasarımcının ve geliştiricinin bakış açısına en fazla ilgi duyuyor.
Dokunmatik ekran özellikli cihazları şimdi hiç olmadığı kadar çok kullanıcı kullanıyor. Buna tablet PC'ler ve cep telefonu işletim sistemlerinin tüm listesi dahildir. Bu cihazların tümü mobil olup, uzak konumların çoğundan erişime izin verir.
Tasarımcılar, yüksek talepleri karşılamak için güvenilirliklerini yeniden ölçeklendiriyor. Ancak standart bir web tasarımı ile dokunmatik ekran uygulaması arasında geçiş yaparken hayati önem taşıyan nedir? Tasarım topluluğu arasında, herhangi bir fikri fütüristik dokunmatik ekran teknolojisine ölçeklendirmek için kullanılabilecek birçok trend var.
Mevcut Uyum Durumu
Apple'ın iPhone ve iOS'ları anaakım medya ve teknoloji guruları arasında sıklıkla tartışılsa da, dokunmatik ekranlı cihazlardaki tek pazar başkenti değiller. Hewlett-Packard, Samsung ve Microsoft dahil olmak üzere üçüncü taraf üreticiler tarafından birçok taşınabilir dizüstü bilgisayar ve tablet PC piyasaya sürüldü.
Şu anda geliştiriciler dokunmatik ekran arayüzlerine standart klavye ve farenin yanı sıra yeni cihazlar olarak bakmalıdır. Geleneksel olarak bu, JavaScript çağrıları veya medya sorguları ile tamamlanır ve karmaşık dönüş verileri elde edilir. Bu yeni eğilimleri benimsemenin daha iyi bir yolu olmalı.
Örnek olarak, farklılıkları hemen fark etmek için bir Apple iPad'i Google Chrome çalıştıran herhangi bir netbook ile karşılaştırabiliriz. Ekran boyutları benzer olsa da, tamamen farklı iki seviyede çalışırlar. İşletim sistemlerinin bile büyük ölçüde farklı olması ve yeni bilgi işlem standartlarını desteklemesi.
Kazançlar ve Kayıplar
Dokunmatik ekran arayüzleri ile çok fazla esneklik kazanıyoruz. Tasarımcılar düğmelere ve kaydırma tekerleklerini sayfanın herhangi bir yerine yerleştirebilir, çünkü hepsine bir dokunuş veya dokunuşla erişilebilir.
Geliştiriciler ayrıca uygulamaların işlevselliğini tam olarak kontrol edebilirler. İOS için Cocoa SDK, dokunmatik ekran etkileşimlerini yansıtan birçok sınıf sunar. Geliştiriciler, her etkileşim arasında birden fazla parmağı ve hatta basınç algılamayı kontrol edebilir.
Bununla birlikte, hepimiz sevdiğimiz birçok önemli tasarım bilgisini de kaybediyoruz. Örnek olarak, tam dokunmatik ekran tabanlı bir arayüzle uğraşırken fareyle üzerine gelme durumlarına gerek yoktur. Bu, bir kullanıcı bir öğeye aktif olarak bastığında bir eylem durumu ile değiştirilebilir, ancak amaç büyük ölçüde farklıdır.
Herhangi bir farenin olmaması da giriş için bir problem oluşturur. Sayfalar arasında kaydırma ve çevirme, işlevsellikte bir azalma olduğu için çoğu uygulamadan daha pürüzsüz ve daha kolay olmalıdır. Klavyeler, kullanıcı deneyimine yepyeni bir his veren tablet veya el ekranına da yerleştirilmiştir.
Ortak Elemanları Birlikte Gruplama
Kümeleme öğeleri, dokunmatik ekran uygulamaları için düzen tasarımında iyi bir uygulamadır. Küme ile bir sayfadaki tüm düğmeleri ve öğeleri sağ üst köşeye sıkıştırmak istemiyorum. Gerçekte, her görünüm için bir harita tasarlayın ve hangi bilgilerin hangi görünüm için en uygun olduğunu hesaplayın.
Bu, kullanıcının sonundaki hayal kırıklığını ve karışıklığı azaltır. Hesap bilgilerini güncellemek için ayarlar ararken bunların tümünü tek bir ekran panelinde bulmak en kolayı olacaktır. Arayüz genellikle fare etkileşimleri için ayarlanmış olsa da, bu genellikle web uygulamalarında da geçerlidir.
Bir uzun kaydırma veri toplama oluşturmak yerine mobil işletim sistemi 'benzersiz avantajlar sunuyor. Çoğu dokunmatik ekranlı cihazla, her uygulama görünümünde sekmeler oluşturabilirsiniz. Bunlar, kullanıcıların çok fazla çaba harcamadan ayarlar ve diğer veriler arasında geçiş yapması için basit bir yol sunar. Bu sekme çubuğu, klasik bir web arayüzündeki sayfa bağlantılarıyla dolu bir gezinme çubuğuyla karşılaştırılabilir.
Sayısız Mobil Sistem Planı
Web sitenizin tam HTML5 ve CSS3 özellikleriyle çalıştığını düşünmek harika, ancak bu, dokunmatik ekran arayüzleri arasında birçok yaygın sorunu çözmez. Sayfanızın en yaygın DOM standartlarıyla çalıştığı hangi tarayıcıyı ayrıştırıyorsa, iyi olacaksınız.
Masaüstü için Google Chrome, mobil BlackBerry veya Opera Mobile'dan çok farklı bir ayrıştırma motoru çalıştırmasına rağmen. Aslında, büyük mobil operatörlerin her biri için birçok yeni tarayıcı görüyoruz.
iOS varsayılan olarak Safari ile birlikte gelir, ancak App Store'da daha fazlası bulunur. Mobil platformlar için tüm modern yazılım tarayıcıları HTML5 notlarını ve özelliklerini kontrol etme yeteneğine sahiptir. Mümkünse, sitenizin her düzen sürümünü ana dokunmatik ekranlarda test etmeyi düşünmelisiniz. Android, Microsoft Mobile ve BlackBerry arasındaki tarayıcıların tümü farklıdır ve ayrıntılı planlama gerektirir.
Elbette herkesi memnun etmek imkansızdır, ancak çoğunluk kesinlikle ulaşılması gereken bir hedeftir. Sitenize her ziyaret eden cihazı ayrıştıracak bir Google Analytics yüklemesi veya başka bir istatistik uygulaması uygulayın.
Google, hangi mobil tarayıcıların web sitenize en sık eriştiği ve her ziyaretin ortalama kaç sayfa ziyaret ettiği gibi inanılmaz ayrıntılı rapor verileri sunar.
ARANMADIK yer bırakmayın
Bu, genel tasarım bilgisi olarak da birleştirilebilir, ancak her bir dokunmatik ekran düzeni için her öğenin yolda olduğundan emin olun. Bir prototip veya mobil arayüze baktığımızda, tasarımcılar olarak sık sık işleri değiştirip yeniden konumlandırmaya çalışıyoruz.
Dokunmatik ekran arayüzleri ile serbest hareket için çok daha az yer olduğunu fark etmek önemlidir. Bu nedenle, en iyi çalışan ve yine de en kolay kullanıcı deneyimini sağlayan bir düzen bulmak ve ona sadık kalmak önemlidir!
Zor olabilir, ancak bir gün ne zaman çağrılacağına dair bilgi için bağırsağınıza ve tasarım anlayışınıza güvenin.
Tasarımınızı birkaç arkadaşınız veya aile üyeniz üzerinde test etmeyi düşünün. Hızlı bir demo veya uygulama ve kullanıcı arabirimi dış bir perspektiften geçmesi genellikle yararlı geribildirim toplar ve yeni bir göz kümesinden eleştiriler sunar.
Sonuç
Dokunmatik ekranlı cihazlar istilalarına devam ettikçe uygulama geliştirmede bir artış göreceğiz. Bu, sadece Apple'ın iOS cihazlarını içermeyen büyük bir pazar değil, Google ve Microsoft da mobil web'den paylarını toplamak için kampanyalar başlatıyor.
Bu cihazların her biri arasındaki karşılaştırma değişir ve her tasarımcıdan farklı olacaktır. Bu konuyla ilgili daha fazla fikir edinmek isterseniz, orada ne olduğunu görmek için dokunmatik ekran web sitelerinde düşüncelerinizi genişletmeyi düşünün. Dokunmatik ekran web arayüzleri gelişiyor ve tasarım topluluğu onlarla birlikte geliştikçe daha önce hiç olmadığı kadar yenilikçi kullanıcı arayüzü ilhamı göreceğiz!
