Şanslar, iPhone'un web sayfalarını nasıl çevirip genişletebileceğini gördünüz. Bir bakışta size tüm web sayfasını gösterebilir veya ilgilenebileceğiniz metni okunabilir hale getirmek için yakınlaştırabilirsiniz. Bir anlamda, iPhone Safari'yi kullandığından, web tasarımcıları iPhone üzerinde çalışacak bir web sayfası oluşturmak için özel bir şey yapmaları gerekmemelidir.
Ancak, sayfanızın gerçekten çalışmasını istiyor musunuz? Çoğu tasarımcı sayfalarının parlamasını istiyor!
Bir web sayfası oluştururken , kimin görüntüleyeceğini ve nasıl görüntüleneceğini düşünmeniz gerekir. En iyi sitelerden bazıları, çözünürlük, renk seçenekleri ve kullanılabilir işlevler de dahil olmak üzere sayfanın hangi tür cihazlarda görüntülendiğini hesaba katar. Bunu anlamak için sadece cihaza güvenmiyorlar.
Mobil Cihazlar için Site Oluşturma Genel Kuralları
- Mümkün olduğu kadar çok cihazda test edin. Yapmanız gereken ilk şey, sitenizi bir iPhone'da ve olabildiğince çok farklı mobil cihaz veya emülatörde görmektir. Emülatörleri tüm testleriniz için kullanabilmenize rağmen, gerçekten küçük bir ekranda bir web sitesinde gezinmeye çalışmakla aynı hissi vermezler, böylece gerçek cihazları mümkün olduğunca test edin.
- Sayfalarınızın hassas bir şekilde düşmesini sağlayın. Sayfalarınızı Flash özellikli, geniş ekran tarayıcılar için yazabilir, ancak kritik bilgilerin küçük bir monitörde bile görülebilmesini sağlayın (çerezler, Ajax, Flash, JavaScript vb. Gibi). XHTML Basic'in ötesindeki her şey bazı cep telefonlarının ötesinde olacak. Çoğu akıllı telefon tüm bu şeyleri üstlenebilir (elbette iPhone'da Flash hariç), diğer mobil cihazlar bunu yapamaz.
- Kablosuz bir sayfa oluşturun ve bulmayı kolaylaştırın. Cep telefonunuz ve kablosuz müşterileriniz için özel bir sayfa oluşturacaksanız, uygun hale getirin. Harika bir yol, kablosuz sayfanın bağlantısını belgenizin en üst kısmına yerleştirmek ve bu bağlantıyı elde taşınan aygıtlardan elde taşınmaz aygıtlardan gizlemektir. Sonuçta, çoğu insan ana sayfanıza, hatta cep telefonlarına gelir - ve kablosuz sayfanızın bağlantısının olmaması durumunda, sayfanın kullanımı çok zor olursa, ayrılırlar.
Akıllı Telefonlar için Web Sayfası Düzeni
Akıllı telefon pazarı için sayfa yazarken hatırlamanız gereken ilk şey, istemediğiniz takdirde herhangi bir değişiklik yapmanız gerekmemesidir. Kullanılabilir akıllı telefonların çoğu, web sayfalarını görüntülemek için Webkit tarayıcıları (iOS'ta iOS ve Chrome'da Android) kullanmalarıdır. Bu nedenle, sayfanız Safari veya Chrome'da tamam görünüyorsa, çoğu akıllı telefona iyi gelir (yalnızca çok daha küçüktür) ). Ancak tarama deneyimini daha keyifli hale getirmek için yapabileceğiniz şeyler var:
- Ekranın küçük olduğunu unutmayın. Akıllı telefonlar, tüm bu sütunları küçücük pencereye yoğunlaştırır ve bu da onları yakınlaştırmadan okumayı çok zorlaştırabilir. Çoğu kullanıcı yakınlaştırmak için kullanılır, ancak yorucu olabilir. Uzun bir metin sütunu okumak daha kolay.
- Sayfaları daha küçük parçalara ayırın. Bir cep telefonundaki uzun metin parçalarını okumak zor olabilir, bu yüzden bunları birden çok sayfaya yerleştirmek daha kolay okunmasını sağlar.
IPhone'larda Bağlantılar ve Navigasyon
- URL'ler ne kadar kısaysa, o kadar iyidir. Bir cep telefonuna bir URL yazmayı denediyseniz, bunun bir acı olduğunu anlayacaksınız (belki de çok sayıda metin mesajı göndermek için kullanılan gençler hariç). IPhone'da bile, uzun URL'leri yazmak sıkıcıdır. Onları kısa tut.
- Ancak uzun link metnine dokunmak daha kolaydır. Birbirinden farklı kelimelerin birbirinden çok farklı makalelere bağlı olduğu bir sayfada, yakınlaştırmadan doğru olana dokunmak çok zor olabilir. Birçok insan pes edecek ve başka bir yere gidecek. İçinde 3-5 kelime bulunan bağlantılar, 1 kelimelik bağlantılardan daha kolay bir şekilde telefonda tıklanabilir.
- Navigasyonunuzu ekranın en üstüne koymayın. İstediğiniz bilgileri bulmak için ekranlar ve bağlantı ekranları arasında gezinmekten daha can sıkıcı bir şey yoktur. Cep telefonları için tasarlanan web sayfalarına bakarsanız, ortaya çıkan ilk şeylerin içerik ve başlık olduğunu görürsünüz. Sonra, bunun altında gezinme.
- Navigasyonunu saklamaktan korkma. Gezinme bağlantılarını CSS veya JavaScript ile gizlemek ve yalnızca kullanıcı istediğinde görünmesini sağlamak, sayfayı akıllı telefon kullanıcıları için daha kolay hale getirmenin bir yoludur.
Akıllı Telefonlardaki Resimler İçin İpuçları
- Görüntüler küçük olmalıdır. Evet, Android ve iPhone'lar görüntüleri yakınlaştırabilir ve bunlara dokunamazlar; ancak daha küçük boyutlarda, her iki boyutta ve indirme süresinde kablosuz müşterileriniz daha mutlu olur. Görüntülerin optimize edilmesi her zaman iyi bir fikirdir, ancak cep telefonu sayfaları için kritik öneme sahiptir.
- Resimler hızlı bir şekilde indirilmelidir. Görüntüler, bir mobil cihazdan görüntülendiğinde web sayfalarında çok yer kaplar. Ve genellikle çok güzel ve tam ekran bir web tarayıcısında görüntülendiklerinde sayfaların daha iyi görünmesini sağlarken, çoğu zaman bir mobil cihazda yol alırlar. Ayrıca, bir akıllı telefon kullanıcısı hücresel ağda olduğunda, ödemek istedikleri son şey bir sürü büyük resim veya gezinme simgelerinin indirilmesidir.
- Sayfanın üst kısmına büyük resimler koymayın. Tıpkı navigasyonda olduğu gibi, sayfanın en üstünde yüklemek için 3-4 ekran dolusu görüntü alan bir görüntü beklemek çok can sıkıcı olabilir. Ve bu web sayfalarında son derece yaygındır. Bunun tek istisnası, okuyucunun bir fotoğraf galerisinde tıkladıklarında görüntü alacağını bilmesidir.
Mobil için Tasarım Yaparken Neleri Önleme
Mobil uyumlu bir sayfa oluştururken kaçınmanız gereken birkaç şey var. Yukarıda belirtildiği gibi, eğer bunları gerçekten sayfanızda yapmak istiyorsanız, ancak sitenin onlarsız çalıştığından emin olabilirsiniz.
- Flash - çoğu cep telefonu Flash'ı desteklemez, bu nedenle kablosuz sayfalarınıza eklemek iyi bir fikir değildir.
- Çerezler - Birçok cep telefonunda çerez desteği yoktur. iPhone'larda çerez desteği var.
- Çerçeveler - tarayıcı bunları desteklese bile, ekranın boyutlarını düşünür. Çerçeveler sadece mobil cihazlarda çalışmaz - okumak çok zor veya imkansızdır.
- Tablolar - mobil sayfada düzen için tablo kullanmayın. Ve genel olarak tablolardan kaçınmaya çalışın. Her cep telefonunda desteklenmezler (iPhone'lar ve diğer akıllı telefonlar onları desteklese de) ve son derece garip sonuçlarla sonuçlanabilir.
- İç içe geçmiş tablolar - bir tablo kullanmanız gerekiyorsa, onu başka bir masaya yerleştirmediğinizden emin olun. Bu, masaüstü tarayıcıların desteklemesi ve sayfa yükünün daha yavaş yüklenmesini sağlamak için zordur.
- Mutlak ölçümler - diğer bir deyişle, nesnelerin boyutlarını mutlak boyutlarda (piksel, milimetre veya inç gibi) tanımlamaz. Bir şeyi 100 piksel genişliğinde tanımlarsanız, ekranın yarısı ve diğeri üstünde olan bir mobil cihazda, genişliğin iki katı olabilir. Göreli boyutları (ems ve yüzdeler gibi) en iyi şekilde çalışır.
- Yazı Tipleri - Erişim için kullandığınız yazı tiplerinden herhangi birinin cep telefonlarında kullanılacağını varsayalım.
Daha fazla oku
- Web Sitenizi PHP Kullanarak Nasıl Kullanabilirsiniz?