Arka plan: Arkaik web sitelerini bırakmaya hazır olmayan bir müşteriyle çalışıyorum. Gelecekte iki siteyi entegre etmek amacıyla markaları altında ayrı bir alanda barındırılacak yeni bir özellik tasarlıyoruz. Müşteri, iki sitenin olabildiğince kesintisiz olmasını istiyor.
Tabii ki, bu zor çünkü sitelerinin ayrı bir uzantısı oluşturmak güncellenmiş tasarım prensipleri ve teknolojileri gerektirecek. Ayrıca, her iki site arasında bağlantı kurmak başlı başına bir sorundur (nereye bağlanacağı, her iki site arasında nasıl kullanıcı kaybedilmeyeceği). Orada meraklı UX tasarımcılarından ipuçları var mı?
Buna genel bir soru olarak cevap vermek biraz zor, ama deneyeceğim.
İki siteyi sorunsuz hale getirmek için ihtiyacınız olan iki ana seçeneğin ya tam olarak aynı görünmesini sağlamak ya da "doğal" ya da "mantıksal" farklı hale getirmek olduğunu düşünüyorum.
Bunları tamamen aynı hale getirmeye çalışırsanız, muhtemelen korumanız gereken ana şeyler sayfanın dış düzeni (yani gezinme çubuğu, yan sütun vb.) Ve renk şemasıdır.
Bununla birlikte, iki site arasında doğal bir bağlantı kurmanın akıllıca bir yolunu bulursanız, belki de onları farklı "bilerek" yapabilirsiniz, ancak bazı öğelerin birbirine bağlı olduklarını açıkça gösterebilirsiniz. Akla gelen iki örnek, renk paletini "tersine çevirmek" veya yığın taşmasına açıkça bağlı olan bu siteden örnek almaktır.
Müşterinizin onlar için kesintisiz ne anlama geldiğini ifade etmesi gerekir. Sadece renk paleti veya markanın temel temsili olabilir. Kullanıcı eski siteden yenisine geçebilir ve görevi en az yaygara, terk etme veya hata ile tamamlayabilir.
Gerçeklik muhtemelen ikisinin bir karışımıdır. Yapma eğilimim ilk olarak yeni siteye odaklanmak. Bakın ve mümkün olan en iyi şekilde çalışın. Ardından, eski sitede nelerin yenilenmesi gerektiğine bakın.
Bu yaklaşımı, sadece bir ana sayfa güncellemesi olan yeni bir proje için kullandı. Tamamen yeni bir sayfa (markanın özellikleri dahilinde) oluşturduk ve sitenin geri kalanındaki renk paletini yalnızca css güncellemelerini kullanarak yeniledik.