Web sitenizi nasıl denetlersiniz?
Web sitenizin büyümesi olarak, tasarımın oldukça bayat görünmeye başlaması olasılığı vardır. Unutmayın, tasarım trendleri gelişmeye devam eder ve sitenizin modern ve ‘taze’ görünmesini istiyorsanız bu sorunu bulma yeteneği önemlidir. Ayrıca, tasarımınızın tüm yönlerini iyi bir deneyim sağlamak için tek tip (ve kullanılabilir) tutmalısınız. Bu sorunu bulmanın ve düzeltmenin en iyi yolu, tüm web sitelerinizin tasarım denetimidir. Bu makalede, size bir denetimin ne olduğunu ve size nasıl yardımcı olabileceğini öğreteceğiz. O zaman nihayet size üç basit adımda nasıl yapacağınızı göstermeden önce, bunu yapmanıza yardımcı olacak bazı araçlar hakkında konuşacağız. Hadi çalışalım!
Tasarım denetimi nedir (ve size nasıl yardımcı olabileceği) tasarım denetimi, web sitenizin veya şirketinizin görsel markalaşma öğelerini gözden geçirmek için oturduğunuz zamandır. Çoğu durumda, tekdüzelik arıyorsunuz, ancak süreç aynı zamanda tasarımınızın hala taze olup olmadığını kontrol etmek için iyi bir fırsat sunuyor. Dürüst olmak gerekirse, “denetim” terimi her şeyi gerçekte olduğundan çok daha tehdit edici hale getirir. Ancak, web siteniz için düzenli tasarım denetimleri yapmak için çeşitli avantajlar vardır. Örnek olarak:
Tasarımınızı kontrol etme fırsatları. Tasarım trendleri stile girip çıktıkça, görsel öğenizin olasılığı da oldukça bayat görünmeye başlar. Tasarım denetimleri size bir gerçeklik kontrolü ve artış yapma fırsatı verebilir.
Markanızı gözden geçirin. Çoğu web sitesi, logolar, etiket satırları, başlık görüntüleri vb. Gibi çeşitli görsel öğelere dayanan kendi markaları vardır. Zamanla, bu unsurlar uyumsuz olabilir, bu da marka algınızı etkileyebilir. Bunu bir danışma hizmeti olarak sunabilirsiniz. Başarılı bir tasarım denetim deneyiminiz varsa, hizmetlerinizi diğer şirketlere pazarlayabilir ve bu süreçte onlara yardımcı olabilirsiniz. Birçok işletme sundukları faydaların farkında değildir, bu nedenle onları ihtiyaç duyduklarına ikna edebiliyorsanız, şansı olgunlaşır.
Hizmetinizi başka bir web sitesine sunmadan önce, her tasarım denetiminin temel adımlarını bulmak önemlidir. Tahmin edebileceğiniz gibi, size yardımcı olacak bazı araçlara ihtiyacınız var, bu yüzden en iyi seçenekleri kontrol edelim.
3 Araç Web sitenizin kullanımını denetlemenize yardımcı olacak araçlar bir tasarımcıysanız, hayatınızı kolaylaştırabilecek sayısız çevrimiçi araç olduğunu bileceksiniz. Ancak, bu bölüm için, yalnızca site öğelerinizi denetlemenize ve tasarımınızdaki her sıkıntıyı kontrol etmenize yardımcı olabilecek şeylere odaklanmaya karar veriyoruz. Üçüne bakalım. 1. Çılgın Yumurtalar
Crazy Egg, sitenizdeki sorun alanını bulmanıza yardımcı olan analitik bir araçtır. Hangi öğelerin sayfanızdaki en fazla ilgiyi çektiğini ve hangilerinin yeterince ilginç olmadığını görmek için sıcak harita teknolojisini kullanır. Ayrıca, kullanıcının içeriğinizi kaydırıp kaydırmadığını bilmenize yardımcı olacak işlevselliği de içerir. Crazy Egg ayrıca ziyaretçilerinizin nereden geldiğine dair değerli veriler verir, daha sonra bu verilere dayanarak davranışlarını gruplandırır. Tasarım perspektifinden, bu tür bir araç çok değerlidir, çünkü tasarım alanınıza en çok ihtiyaç duyulan yardıma hedeflemenize izin verir. Örneğin, ısı haritanız hareket etme davetinin (CTA) mümkün olmadığı kadar olmadığını gösteriyorsa, bir sonraki tasarım denetimi sırasında analize öncelik verebilirsiniz. Ana özellik:
Ziyaretçilerinizin sayfanızı ne kadar aşağı kaydırdığını izleyin.
Trafik kaynaklarınızı denetleyin ve kullanıcı verilerinizi bu kaynaklara göre gruplayın.
Fiyat: Aylık 9 $, her yıl ödenmiş | Daha fazla bilgi
2. Kullanım Araçları
Sıcak harita, kullanıcınızın davranışını anlamanıza yardımcı olacak güçlü bir araçtır, ancak hiçbir şey sitenizle nasıl etkileşime girdiklerine bakmaktan daha iyi değildir, adım adım. KullanılabilirlikTools, fare hareketi, form etkileşimi ve tıklama da dahil olmak üzere, kullanıcının sitenizde yapılan her eylemi kaydederek bunu yapmanıza olanak tanır. Bu aşırı gelebilir, ancak hangi site öğelerinin kullanıcılar için gerektiği gibi cazip olmadığını bulmakta zorlanıyorsanız, bunları tanımlamanın en iyi yolu budur. Ayrıca, kullanım aracı, ziyaretçilerinizden topladığınız tüm verileri hızlı analiz için gruplamanıza yardımcı olur. Ana Fitur:
Kullanıcı fare hareketlerini izleyin, sitenizdeki etkileşimleri tıklayın ve şekillendirin. Analizi kolaylaştırmak için topladığınız verileri segment.
Kayıtları ekip üyelerinizle kolayca paylaşın.
Fiyat: Aylık 19 $ | Daha fazla bilgi 3. KullanılabilirlikHub
Son fakat en az değil, kullanılabilirliğimiz var. Bu biraz farklı – bu, biri tasarım denetiminizi başarılı hale getirmenize yardımcı olabilecek birkaç araç içeren bir platform. Bu, kullanıcının site tasarımınızı hatırlayıp hatırlayamayacağını ve kullanımı ölçen tıklama ve gezinme testi ile birlikte beş saniyelik testi içerir. Son olarak, tasarımınızı beğenip beğenmediklerini ve görmek istediklerini belirlemenize yardımcı olan kitle anketine de erişebilirsiniz.
Ana özellik:
Sitenizin kullanımını ölçmek ve tasarımınızı kabul etmek için birkaç test kullanın. İhtiyaçlarınıza göre istediğiniz testlerden birini karıştırın ve eşleştirin.
En çok ilgilendiğiniz öğeleri ölçmek için her testinizi ayarlayın.
Fiyat: Testinize yanıt başına 2,50 $ | Daha fazla bilgi Web sitenizin bir denetiminin nasıl yapılacağı (3 adımda) Şimdi kullanabileceğiniz birkaç aracı araştırdık, başarılı tasarım denetimleri için adımlar hakkında konuşmanın zamanı geldi. Web sitenize ve hedefinize bağlı olarak, tartıştığımız tüm araçları kullanamayabilirsiniz – ancak bu size bağlıdır. Birinci adıma atlayalım. Adım #1: Tüm görsel markalaşma öğelerinizi toplayın
Instagram, basit ama tutarlı markalaşmaya sahip iyi bir web sitesi örneğidir.
Tasarımınızla ilgili bir sorun olup olmadığını öğrenmeden önce, web sitenizin tüm markalaşma öğelerini toplamanız gerekir. Bu şekilde, stilleri arasında bir sapma olup olmadığını görebileceksiniz. Bunu yapmak, tüm ana marka öğelerinizi bir bakışla analiz etmenizi ve birlikte mantıklı olup olmadıklarını kontrol etmenizi sağlar (bu bir sonraki adımda tartışacağımız bir şeydir). Elemanlarınızı bir araya getirmek gereksiz görünebilir, ancak tüm görüntüyü görene kadar tasarımınızdaki bazı eksiklikler görülmeyebilir.
Toplamanız gereken öğeler için, başlamanıza yardımcı olacak basit bir liste:
Web siteniz tüm formatlarında logomuz.
Her arka plan görüntüsü ve başlık.Sitenizde kullandığınız tüm simgeler.
İçeriğiniz için kullandığınız tüm yazı tiplerine örnekler.
Tasarımınız boyunca kullandığınız tonun renk paleti.
Şimdilik, bu öğeleri en rahat hissettiğiniz formatta saklamanızı öneririz. PDF’leri daha kolay paylaşabilir veya fiziksel kopyaları ekibinize yayabilirsiniz. Derleme dosyanız veya belgeniz hazır olduktan sonra, çalışmaya başlamanın zamanı geldi. Adım #2: Web Sitenizin Analizi Görsel öğesi
Netflix marka stratejisi basit ama tutarlıdır – mümkünse logolarını kullanmayı sağlarlar.
Daha önce de belirttiğimiz gibi, ikinci adım, tasarımınızda tutarsızlıklar veya eksiklikler bulmak için görsel marka görüntüleme öğenizdir. Sübjektif tasarım (elbette) birçok yönden, ancak bu, web sitesi stilinizin geliştirilemeyeceği anlamına gelmez. Örneğin, her işletme tutarlı bir tasarım stili sunmalıdır, böylece müşterileri alıştırılır ve bunları ürünleriyle ilişkilendirir. Aynı şey web siteleri için de geçerlidir – hepinizin aynı stile sahip olması ve tutarlı kalması gereken logolar, içerik ve görüntüler.
Web sitenizin görsel öğelerinin bu yönlerde hedeflere ulaşmasını sağlamak için bazı basit ipuçlarına bakalım:
Logonuzun tüm sayfalarınızda tutarlı olup olmadığını kontrol edin ve değilse, gerekirse değiştirin.
Arka plan görüntüsünüzün benzer bir stile sahip olduğundan emin olun, böylece sayfa ve parçanız arasındaki geçiş patlamıyor. Kalıpla eşleşmeyen görüntüler bulursanız, değiştirin. Simgenizin aynı stile sahip olduğundan emin olun ve değilse, harika ikonlar yazı tipi (divi ile entegre edilebilir) gibi bir ailenin alternatifleri ile değiştirmeye çalışın.
Şimdiye kadar, sadece çevrimiçi öğeler hakkında konuşuyoruz, ancak tasarım denetiminin yapabileceğini ve görsel çevrimdışı öğelerinizi de içermesi gerektiğini unutmayın. İşletmenizin fiziksel bir ortağı varsa, kesinlikle alabileceğiniz marka öğelerini (broşürler, gömlekler ve arama kartları gibi) toplamak ve onlar için bir ve iki numaralı adımları tekrarlamak istersiniz. Adım #3: Andamanual Web Sitesi için Standart Tasarım Kılavuzu Oluşturun Urban Outfitter Marka Yönergeleri Markalarını neyin benzersiz kılan şey hakkında konuşun.
Şimdi geleceği planlama zamanı. Bunu yapmanın en iyi yollarından biri, standart tasarım kılavuzu olarak da bilinen sitenizdeki her gelecekteki tasarım değişikliği için kuralları derlemektir. Bu belgenin amacı, gelecekte, Micro’yu yönetmek zorunda kalmadan tasarım çalışmasını değiştirebilmenizi sağlamaktır. Ayrıca, web siteniz büyümesi olarak, büyük olasılıkla çalışma ekibinize daha fazla üye ekleyeceksiniz. Standart kılavuzlar görsel markanızı daha iyi anlamalarına yardımcı olabilir. Aslında, bu akıllı bir uygulamadır, böylece birçok şirket buna dahil olur. Kılavuzunuza ne tür kurallar dahil edileceğine gelince, başlamanıza yardımcı olacak bazı fikirleri tartışalım:
Logonuzun ve varyasyonlarının nasıl kullanılması gerektiği hakkında bir rehber ekleyin (bu arada, bu aynı zamanda genel bir uygulamadır).
Katkıda bulunanların sitenizde kullanması gereken resim türlerinin yanı sıra bunların nasıl sunulacağına ve kaçınılması gereken içerik türüne ilişkin örnekleri ekleyin.
Birden fazla seçenek varsa ve yazı tipinin hangi koşullar altında kullanılması gerektiğinde tüm web sitelerinizde kullanmanız gereken yazı tiplerini tartışın. tasarım.
Unutmayın, aynı olacak iki standart tasarım kılavuzu yoktur. Web siteniz tarafından kullanılan öğelere bağlı olarak ve ayrıca çevrimdışı markalaşma hakkında konuşmak istiyorsanız daha fazla kural eklemeniz gerekebilir. Bununla birlikte, bunu daha önce hazırlamak, sadece gelecekte tasarım denetiminin daha sorunsuz çalışmasını sağlamakla kalmaz, aynı zamanda ekibinize yeni eklemeler eğitmenize yardımcı olur. Sonuç Zaman içinde, genellikle çoğu web sitesi tasarım açısından dokunma gerektirir. Örneğin, bazı öğeleriniz birbirleri için görsel olarak uygun olmayabilir, ancak düzenli olarak tam bir tasarım denetimi yapmadan bulmak zor olabilir. Dahası, ziyaretçilerinizin gelecekte sitenizde harika bir deneyim yaşamaya devam etmesini sağlayacaktır. Web siteniz için bir tasarım denetimi yapmak için üç temel adım: Tüm çevrimiçi ve çevrimdışı görsel marka öğelerinizi toplayın.
Topladığınız unsurların analizi.
Web siteniz için standart tasarım kılavuzları oluşturun.
Web siteniz için başarılı bir tasarım denetiminin nasıl yapılacağına dair sorularınız var mı? Aşağıdaki yorumlar bölümünde sorun! Makale Küçük Resim Darko 1981 / Shutterstock.com
