Kullanıcı Deneyimini Optimize Etme Sektörünüz veya şirketinizin sunduğu ürün ve hizmetler ne olursa olsun, web sitenizdeki kullanıcı deneyimi son derece önemli olmalıdır. Duyarlı tasarımla, hedef kitleniz her zaman, herhangi bir zamanda, cihazlarının her birinde sitenizle sorunsuz bir şekilde etkileşime girebilir. Mobil ve tablet kullanımı giderek daha yaygın hale geliyor ve çevrimiçi varlığınızla başarılı olmak için […]
Ancak manzara, belki de bizim istediğimizden daha hızlı değişiyor. Mobil taramanın üç ila beş yıl içinde masaüstü tabanlı erişimi geride bırakması bekleniyor. Üç baskın video oyun konsolundan ikisinde web tarayıcıları var (ve bunlardan biri oldukça mükemmel). Fareler ve klavyeler için, T9 tuş takımları için, avuç içi oyun denetleyicileri için, dokunmatik arayüzler için tasarlıyoruz. Kısacası, her […]
Mobil deneyimi, “iPhone olmayan web sitesinden” farklı ve ayrı alt alanlarda, alanlarda karantinaya alabiliriz. Peki sırada ne var? Bir iPad web sitesi mi? N90 web sitesi mi? Her yeni kullanıcı aracısını kendi ısmarlama deneyimi ile desteklemeye gerçekten devam edebilir miyiz? Bir noktada, bu sıfır toplamlı bir oyun gibi hissetmeye başlar. Ama biz ve tasarımlarımız nasıl […]
Düzenimiz esnek olmasına rağmen çözünürlük veya görüntü alanı boyutundaki değişikliklere iyi yanıt vermiyor. Ancak hiçbir tasarım, sabit veya akışkan, başlangıçta amaçlandığı bağlamın ötesinde sorunsuz bir şekilde ölçeklenemez. Örnek tasarım, tarayıcı penceresi yeniden boyutlandırıldıkça mükemmel bir şekilde ölçeklenir, ancak stres noktaları daha düşük çözünürlüklerde hızla görünür. 800 × 600’den küçük görünüm alanında görüntülendiğinde, logonun arkasındaki resim […]
Duyarlı olmak Son zamanlarda, “duyarlı mimari” adı verilen yeni ortaya çıkan bir disiplin, fiziksel alanların içlerinden geçen insanların varlığına nasıl tepki verebileceğini sormaya başladı. Gömülü robotik ve germe malzemelerinin bir kombinasyonu aracılığıyla mimarlar, kalabalıklar yaklaştıkça bükülen, esneyen ve genişleyen sanat enstalasyonları ve duvar yapıları üzerinde deneyler yapıyor. Hareket sensörleri, bir odanın sıcaklığını ve ortam aydınlatmasını […]
Bağlantısız tasarımları, sayıları giderek artan web cihazlarının her birine uyarlamak yerine, bunları aynı deneyimin unsurları olarak ele alabiliriz. Optimal bir görüntüleme deneyimi için tasarım yapabiliriz, ancak standartlara dayalı teknolojileri tasarımlarımıza dahil ederek onları yalnızca daha esnek değil, aynı zamanda onları oluşturan medyaya daha uyumlu hale getirebiliriz. . Kısacası, duyarlı web tasarımı uygulamamız gerekiyor. Ama nasıl? […]
Ancak çoğu tarayıcı ve cihaz hiçbir zaman spesifikasyonun ruhunu gerçekten benimsemedi ve birçok ortam türünü kusurlu bir şekilde uyguladı veya tamamen göz ardı edildi. Neyse ki, W3C, CSS3 spesifikasyonunun bir parçası olarak medya sorguları oluşturdu ve medya türlerinin vaadini geliştirdi. Bir medya sorgusu, yalnızca belirli cihaz sınıflarını hedeflememize değil, aynı zamanda çalışmamızı gerçekleştiren cihazın fiziksel […]
Sonuç olarak, birçok web siteleri, soldan sağa, yukarıdan aşağıya akan ızgaralar üzerinde tasarlanmıştır (aynen Almanca ve latin temelli yazı dilleri gibi). Bir ızgara için en uygun şekilde duyarlı düzeni sunmak için, kesme noktaları bilgimizden bilinen cihaz genişliklerini seçerek başlıyoruz. Bu rakamları kullanarak, en büyük tam faktör sayısına bölünen en yakın site genişliği ve sütun sayısı […]
Bir ızgara düzeninde, sanal bloklar hizalanır ve bir sitenin veya konteynerin gövdesinin genişliği boyunca eşit olarak dağıtılır. Bu bloklar genişlikte sabitlenir, satır içi bloklar olarak hizalanır ve akışkan bir şekilde ölçeklenen bir ana kapla birlikte. Bunu yaparak, tarayıcı (ve nihayetinde konteyner) tüm blokların toplamının üst konteynerini aştığı noktaya ulaştığında, bloklar bir sonraki satıra bölünür. Bu […]
Sonuç olarak, aynı kesme noktasına (yani, tablet ortamı ve dizüstü bilgisayar) eşleşen iki aygıt bulabilir, ancak belirli bir aygıtın benzersiz bir boyuta sahip olduğunu da görebilirsiniz, bu nedenle bir sonraki ilkenin devreye girdiği yer burasıdır. Akışkanlık Akışkan ölçeklendirme birkaç farklı yolla elde edilebilir, ancak bir kabın ana öğelerinin ve nihayetinde tarayıcının sınırları içinde ölçeklenmesine izin […]