Genel anlamda, uygulama tasarımı ve web tasarımı çok farklı şeylerdir. Temel fark, tipik uygulamaların bir şeyler yapmak için tasarlanması, web sitelerinin sadece bir şey göstermesidir . Bununla birlikte, son zamanlarda, web siteleri ve uygulamalar arasındaki çizgi gittikçe bulanıklaşmıştır ve birçok web sitesi uygulamalar gibi davranarak ve hatta tüm uygulama süitlerini arayüzlerine dahil ederek çok fazla çakışma vardır.

Uygulama tasarımında önceden deneyime sahip olmayan geleneksel web sitesi tasarımcıları için bu durum kafa karıştırıcı olabilir ve son üründe oldukça sorgulanabilir sonuçlara yol açabilir. Uygulama tasarımı hakkında konuştuğumda, “uygulamalar” dan bahsetmiyorum. Uygulamalar genellikle telefonların telefonların normalde yapmaması gereken şeyleri yapmasını sağlayan tek amaçlı arayüzlerdir. Onlar bir uygulama sınıfı, ancak gerçek uygulamalar olarak kabul edilemezler, bu yüzden sadece “uygulamalar” olarak adlandırılırlar.

Takip eden notlarda, web sitesi uygulamalarının tasarımı, sıradan bilgi web sitelerinin tasarlanmasından nasıl farklılaştığını ve çaprazlama ile nasıl başa çıkabileceğinizi ve uygulama öğelerini doğru bir şekilde birleştiren işlenebilir karma sayfalar oluşturabileceğinizi anlatacağım.

Gerçek duyarlı tasarım genellikle uygulamalar için uygun değildir

Geleneksel yazılım uygulamaları sonlu ekran alanında çalışır (kaydırma normal değildir ve genellikle web sayfalarında olabildiğince çok sayıda ekran uzunluğuna erişemezsiniz). Uygulama arabiriminin kendisi kaydırma içerebilir, ancak kendi özel sabit alanı gerektirir.

Bu, duyarlı tasarım kullanırsanız, uygulama öğelerinizin sağlanan alana nasıl sığacağı konusunda son derece dikkatli düşünmeniz gerekir ve çoğu durumda duyarlı tasarımlar çok iyi çalışmayacaktır. Eski okula gitmeniz ve farklı platformlarda görüntülenecek şekilde tasarlanmış sitenin ayrı sürümlerini oluşturmanız, hatta uygulama öğelerinin mobil cihazlarda gösterilmesini engellemeniz gerekebilir.

Uygulama arayüzünden çıkmadan görüntülenebilen inline yardım tasarlayın

Test, herhangi bir web sitesi veya uygulama için önemlidir, ancak web uygulamaları söz konusu olduğunda, test için iş yükü önemli ölçüde artar, çünkü uygulamanızın farklı koşullar altında düzgün çalışmaması için çok daha fazla yolunuz vardır.

Geleneksel uygulamalarda, kullanıcıların bir problem olduğunda danışabileceği bir kullanım kılavuzunun lüksüne sahip olursunuz, web uygulamaları genellikle tüm yardımı sitenin bir parçası olarak sağlamak zorundadır (ve normalde bunun kötü bir işini yaparsınız!). Araç ipuçlarını, pop-up'ları, modelleri kullanmayı deneyin ve yardım bilgisi için harici sayfalara ayrılmanız gerekiyorsa, en azından target = ”_ blank” yöntemini kullanın.

Güçlü hata işleme kullanın

Uygulamanızın düzgün çalışmadığı ve ihtiyaç duyulduğunda incelikle kilitlenebileceğini bilecek kadar akıllı olması gerekir. Hiçbir şey sistemde bir taramayı yavaşlatır ve herhangi bir kullanıcı için daha can sıkıcı bir şey değildir, çünkü onlar hata işleme kullanmak için çok tembel olduğun ve uygulamayı sonlandırmak için bir yol sağladığından, uygulamanızı kapatamazlar.

Web uygulamalarını geliştirmek için bir ekip kurarken, geleneksel masaüstü uygulamalarını geliştiren deneyime sahip kişileri işe almak iyi bir fikirdir. Böyle bir deneyime sahip olanlar, hatalardan kaçınmanıza ve daha verimli bir gelişim süreci elde etmenize yardımcı olabilir.

Özellikli resim, UI tasarım resmi Shutterstock üzerinden.