Mobil cihazlar için web siteleri tasarlamanın ilk günlerinde, çoğu geliştirici ürün tekliflerini dağıtır. Tamamen işlevsel bir masaüstü sürümü yayınladılar ve daha sonra markanın ve görüntülerin çoğunu, sınırlı kapasitelere ve şeker çubuğu telefonlarının ve 3G kablosuz ağlarının ağ hızlarına uygun hale getirmek için kullandıkları "mobil cihazlar için optimize edilmiş" bir sürüm yayınladılar.
Bununla birlikte, çağdaş akıllı telefonlar, web sayfalarını, masaüstü PC'ler kadar verimli bir şekilde, dünün DSL hatlarından daha iyi ya da daha iyi ağlar üzerinden oluşturabilirler.
Tasarım, daha sonra tek kullanıcılı bir arayüze dönüşür. Ancak tasarımcılar için risk, akıllı telefon veya tabletin modern ve duyarlı bir web sitesi oluşturamamasıdır. Bunun yerine, bir dokunmatik ekran cihazındaki kullanıcı girişi yönteminin, temel site tasarımında anlamlı değişiklikler gerektirmesidir. Ziyaretçilerin bir klavyeye sahip olduğu ve bir farenin farz edildiği bir web sitesi oluşturma günleri bitti.
Temel Dokunmatik Ekran Tasarım Kuralları
Dokunmatik ekranlı bir Web arayüzü için tasarlama, geçmişin geleneksel monitör-fare-klavye yaklaşımının bir evrimini gerektirir. Özellikle, hareketler, musluklar ve çoklu dokunma girişi gibi etkileşimlere uyum sağlamalısınız.
- Dokunma doğru değil.Müşterinin bir çocuğun parmakları olmadığı sürece, çok hassas yazılım kontrolleriyle bile, dokunmak ve hassas olmak zor olabilir.
- Hareketler musluklardan farklıdır.Dokunmatik ekranda uzun bir sayfa ilerlemek için kullanıcı bir parmağını kaydırır yukarı tarayıcı penceresi. Bu, fareyle gezinmenin fareyi hareket ettirdiğini fark edene kadar önemli görünmeyebilir. aşağı .
- İki (ve daha fazla) parmak dokunuşu.Bir kullanıcı, kontrol etmek için aynı anda cihaz üzerindeki çoklu parmak musluklarını kullanabilir. Bu ilave musluklar, kullanıcının cihazının işletim sistemine bağlı olarak belirli bir anlama gelebilir.
- Yüksek parlama cihazları.Çoğu dokunmatik tabletin ekranları sağlam bir camdan yapılır. Bu malzeme parlak ışık koşullarında çok parlamalarla okunması çok zor olabilir. Ayrıca, tüm dokunuşlarla, ekranda, sayfalarınızın nasıl görüneceğini etkileyebilecek parmak izleri ve lekeler oluşur.
- Ekran klavyesi.Bazı kullanıcıların kablosuz klavyeleri tabletlerine bağlanırken, çoğu tablet kullanıcısı veri girişi için ekran klavyesini kullanır. OSK girişi, bazı komik yazım hatalarının yanı sıra uzun süreler boyunca kullanmaktan rahatsızlık duyabilir.
Aygıtın bu özellikleri nedeniyle, Web tasarımcıları, dokunmatik ekran kullanıcıları için çeşitli temel tasarım kurallarını vurgulamalıdır:
- Tıklanabilir öğeleri birbirine çok yakın yerleştirmeyin.Yakınlığın ne kadar yakın olduğunu tanımlayan zor ve hızlı bir kural yoktur, ancak özellikle küçük bir yazı tipi boyutundaki bağlantı listelerinin, bir şişman parmağınızla (dokunarak) tıklatılarak gezinmesi zor olabilir. Bir bağlantıyı denemek ve tıklamak için yakınlaştırmak zorunda kalmak can sıkıcı olabilir. Bu ilke, düğmelerin yanı sıra bağlantılar için de geçerlidir.
- Hiyerarşileri açık tutmak zor olabilir.Bir popüler dinamik menü formu, kullanıcı tıklattığında alt menüyü açmak için JavaScript'i kullanır ve sonra alt menünün üzerinden fareyi açar. Bu devletler, ya açık kalmadıkları ya da kapanmayacakları için dokunmatik ekranlarda çok zor ya da imkansız olabilir.
- Bağlantıları ve tıklanabilir alanları pencerenin sağ kenarından uzaklaştırın.Çoğu insan sağ elini kullanmaktadır ve ekranın bu tarafında ilerlemeye eğilimlidir. Kaydırma bir hareketle yapıldığı için, bazen kaydırmanın yanlışlıkla bir bağlantıya başlaması mümkündür. Kullanıcılar sayfada kaydırmak istediklerinde rahatsız olabilirler ve bunun yerine bir bağlantıya dokunmaktan kurtuldular. Bağlantılarınızı sağdan uzağa taşıyarak, bu rahatsızlıktan kaçınmanıza yardımcı olabilirsiniz.
- Fare yok.Ve bu, farenin olmadığı anlamına gelir Işaretçi . Bir şeyin tıklanabilir olduğunu belirtmek için fare imlecini değiştirmeye güvenmemelisiniz.
- Vurgulu durumları mevcut değil.Yukarıdakilerin bir sonucu olarak, fare olmadığı için, üzerinde durulacak bir şey yoktur. Bir bağlantı, bir dokunmatik ekran cihazında tıklanır (tıklanır) veya olmasın, bu nedenle kullanıcılar, renk değişiklikleri, araç ipuçları veya durum çubuğu değişiklikleri gibi bu tür durum durumlarından yararlı bilgiler elde edemez.
- Siyah arka planlar parlamayı artırır.Siyah bir arka plana sahip bir site, parlama nedeniyle bir dokunmatik ekran cihazında okumak için çok zor olabilir. Siyah, cihazlardaki parmak izlerinin daha net görünmesini ve ekranın bulanıklaşmasını sağlar. Ve siyah, ekranı, kullanıcıların ekrandaki metinden daha sık karşılaştıkları geri yansıtan bir aynaya dönüştürebilir.
- Formlardaki metinlerin uzun bloklarını yazmak zor.Tüm romanları bir iPad veya bir Android veya Windows tabletinde yazmak mümkün olsa da, çoğu kişi uzun metinler için ekran klavyesini kullanmayı sevmez. Tasarımınız veri girişini mümkün olduğunca kısa ve kolay hale getirebilir, daha iyi.
Touchscreens ile tasarlamanın en önemli yönü, sayfalarınızı bir dokunmatik ekran cihazında test edin. Çok sayıda iPad ve Android emülatörünün yanı sıra bol miktarda Windows tableti olsa da, yine de dokunmatik ekran hissi vermiyorlar. Bu bağlantıların çok yakın olduğunu ya da düğmelerin çok küçük olduğunu ya da parıltıların sayfayı okumayı çok zorlaştırdığını söyleyemezsiniz. önce yeni web sitesi tasarımınızı yayınlıyorsunuz.
