Kullanılabilirlikle Yaratıcı Olmak
Benzersiz ve ilginç olan, gerçekten sezgisel, duyarlı ve tutarlı bir web sitesi tasarlama söz konusu olduğunda, genellikle iki öncelik setini uzlaştırmak zor gibi geliyor. Ama aslında, hiçbir şey doğrudan başka bir şey değildir: tasarımlarınızda en iyi seçimleri kolayca yapmak için işe alınması gereken sadece birkaç temel fikir vardır.
Bu kavramların en önemlisi, UX'e öncelik verildiğinde güzel, kullanışlı tasarımların yapılması zor değildir ve tasarım buna uyacak şekilde uyarlanmıştır. Sonuçta, kullanıcı deneyiminin doğası, belirli esnek olmayan kurallar olduğunu gösterirken tasarım neredeyse sonsuzdur. Tasarımlarınızı adapte etmenin yollarını ve araçlarını öğrendikten sonra, bir savaşı barış anlaşmasına dönüştürmenin yolunda iyi olmalısınız.
Kullanıcı hatası bekleniyor; kullanıcı tahrişini azaltmak
Kullanıcının web sayfanızda yoldan çıkması gerekenleri her zaman düşünün. Hata mesajları Teknik jargonda gizlenmemeli, bunun yerine konunun ne olabileceği ve eğer varsa yardım almak için nereye gitmeleri gerektiği konusunda bir açıklama yapmalıdır. Bu düşünceleri, sonunuzda geliştirilebilecek şeylerle dengeleyin. Bir site ne kadar güzel olursa olsun, yüklenmesi çok uzun sürerse, çabaya değmez. Uzmanlar, bir web sayfasının yüklenmesinin 3 saniyeden uzun sürmesi durumunda, basitleştirilmesi gerektiğini söylüyor.
Formları olabildiğince kısa ve farketmez olarak saklayın; bilgi gerekli değilse, bunu sormayın. Henüz yapmadıysanız, Facebook veya Twitter üzerinden isteğe bağlı bir giriş yapmanızı öneririz; Bunu sunan siteler, dönüşüm oranlarının yükseldiğini, kullanıcının daha uygun bulduğu ve bu nedenle kaydolma zamanının daha yüksek olması nedeniyle daha da artar. Buna ek olarak, sitenizin geri kalanının tasarımınızla çatışan veya üstesinden gelmeyen, aynı zamanda kolayca tanımlanabilen, entegre bir sosyal medya varlığına sahip olduğundan emin olun. Play'de çalışın Web sitesi. Bunun gibi küçük eklemeler, kullanıcı deneyiminin birikimli bir düzene sokulmasını sağlayan şeylerdir.
Bu amaçla, herhangi bir web sitesi türünde oldukça tutarlı kalması gereken bazı standartları göz önünde bulundurmak önemlidir.
Web standartlarını koru
Bir sitenin altbilgi bağlantıları veya arama çubuğu gibi bazı ortak öğeleri, aktif olarak aşırı yaratıcılık çekebilir. Bu öğelerin çoğunda orijinalliğe yer olsa da, onları diğer sitelerde gördüğünüz gibi aynı formda tutmak önemlidir, çünkü kullanıcıların belirli bir şekilde sunulmalarını beklemeleri için yeterlidir. . Şu yönergeleri izleyin:
- Tıklanabilir alanların hemen tanımlanabildiğinden emin olun ( bu site ) ve kolayca aktive edilecek kadar büyüktür;
- Görüntülerle ve diğer görsel uyarımlarla metin bloklarını kırın;
- kullanım galeta unu uygulanabilir olduğunda;
- Aynı makaleyi veya ürün aramasını birden çok sayfada yaymaktan kaçınmaya çalışın;
- İletişim bilgilerini, SSS'leri, arama çubuğunu ve diğer standart özellikleri bulmak ve kullanmak kolaylaştırın.
olmasına rağmen Grip Limited’in Web sitesi göz alıcı ve heyecan verici, aynı zamanda inanılmaz kafa karıştırıcı. İçeriği ortaya çıkarmak için sütunları nasıl sürükleyeceğinize dair bir açıklama olsa da, diğer tipografinin karmakarışıklığında kaybolur. Geleneksel bir menüye erişilebilir, ancak sadece küçük açılır pencereyi tıklatırsanız. Bazı kullanıcıların kullanmanın ne kadar zor olduğunu umursamayacak kadar havalı bir site tasarımı var, ama diğerlerinin çoğu da sökülebilir. Ancak, site yukarıdaki önerileri tasarımına dahil ettiyse, yine de soğuk faktörünü koruyabilir ve iyi bir UX sağlayabilir.
Örneğin, Komik soda Web sitesinin diğer tasarım öğeleri oldukça dikkat çekicidir, kullanıcı hala arama çubuğunu kolayca bulabilir; Bu etiketleme ve pozisyon karışıklık en aza indirilmiştir yeterince açıktır. Kullanıcı karışıklığına bu küçük gönderimler, tüm farkı yaratan şeydir.
Çizginin nerede çizileceği
Eğilebilir, ancak kırılamayacak başka UX kuralları vardır. Ama bir noktada tasarımcı ne kadar ileri gidiyor? Gezinme öğeleri, çalışmak için iyi bir örnektir, çünkü her sitenin bir biçimi vardır. Geleneksel olarak, iki yoldan biriyle düzenlenmiştir:
- Yatay sayfanın üst kısmı boyunca; Bu kısa listeler için geniş bir görünüm sağlar;
- dikine bir sayfanın sol tarafı boyunca; Bu düzenleme uzun listelerde bulunabilir.
Ancak dikkatlice ve düşünceli bir şekilde kullanıldıklarında çalışabilecek başka stil ve navigasyon sistemleri vardır. Örneğin, bu portföy sitesi sayfanın çoğunluğunu kaplayan bir gezinme listesi vardır ve her kelime kısmen gizlenmiştir. Ayrıca, elemanlar sabit kalmaz; Her bölümdeki içeriği görüntülemek için aşağı açılır ve ayrılırlar. Tüm bu gelişmeler, kullanıcıyı çabucak sinirlendirecek kafa karıştırıcı bir sistem oluşturmak için bir araya gelmiş olabilir. Bununla birlikte, tasarım çok basit olmasından dolayı problemli olmayı önler; kelimeler hala okunabilir; açılan bölümler, navigasyon listesinin geri kalanının kaybolma tehlikesi taşımadığı kadar az miktarda bilgiye sahiptir. Sonuç olarak, problemli olmaktan kaçınan cesurca farklı bir sistemdir.
Çizginin diğer tarafında ise şu şekilde anılan bir kavram var. gizemli et navigasyonu, Tasarımın estetik düşünceleri, kullanılabilirliği tamamen ortadan kaldırır. Durumunda FlatPak web sitesi, Yönlendirmeyi okuyarak okumak için gezinti yapılmalıdır; asla taklit edilmemesi gereken korkunç bir kullanılabilirlik özelliği.
Tanıdık işlevsellik
Birçok açıdan, mevcut web tasarımının gerçek savaşı, daha az sezgisel etkileşim sağlayan yeni ve yeni fikirler ile en iyi çözüm olmayabilecek eski uygulamalar, ama kullanıcıların alıştıkları şeyler arasında görünmektedir. Skeuomorphic tasarımını düşündüğünüzde bu sorunun bir örneği ortaya çıkar; Başka bir ortamda yapılan bir öğenin selefini taklit eden bir stil.
Bu tarz bir tasarım, web üzerinde, gerçek hayattaki benzerleri gibi görünen ve çalışan masaüstü hesap makinenizden, gerçekçi bir gölge düşürme ve eğim efektine sahip bir web sitesindeki düğmelere kadar her zaman gerçekleşir. Belirli bir noktaya mantıklı geliyor, çünkü bu tasarımların bilinirliği, kullanıcıların kendilerini rahat hissetmelerini sağlıyor. Ancak, mutlaka en iyi çözüm olmaları gerekmez çünkü inanılmaz derecede sınırlıdırlar.
Bu iki öncelik arasındaki çatışma, Apple'ın dijital okuma için kullanılan gerçekçi “sayfa dönüşü” teknolojisi ile gösterilebilir. Bu çekici bir fikir çünkü bu, kullanıcıların fiziksel, kâğıt sayfalarını, kullanıcıların rahatça tanıdık bulabilecekleri bir şey gibi hissetmelerini sağlıyor. Ancak, buna rağmen saçma uzunlukları Şirket bu etkiyi yaratmak için gitti, kullanıcı deneyimini engeller. Yüklemek için kırılması daha uzun sürer ve sayfada flört yapmak, basit bir itmenin gerçekleşmesi için daha zor bir harekettir; Bir hareketsiz hareket, kullanıcıyı yanlış yollayabilir.
Net bir dönüşüm hunisi kullanın
Birçok gezinme yoluna sahip karmaşık bir web sitesinde çalışıyorsanız, kullanıcının site üzerinden mantıksal olarak hareket etmesine izin vermek ve site haritasının bir bütün olarak nerede oldukları konusunda bilgilendirilmelerini sağlamak çok önemlidir. Bu, kırıntıların ve diğer navigasyon cihazlarının kullanışlı olduğu yerdir. Önceden ziyaret ettikleri bir kullanıcıyı göstermek için korkunç mor varsayılan bağlantıların çalıştırılması gerekmez. Aynı etkiyi gerçekleştiren daha birçok başka çekici çözüm var.
E-ticaret siteleri genellikle kötü tasarlanan dönüşüm hunileri için kuzulanmış olanlardır, ancak güzel tasarlanmış, UX optimize edilmiş web mağazalarının çok sayıda harika örneği vardır. Örneğin al Tezgahın Meyvesi Mantıksal olarak oluşturulmuş temiz ve kullanıcı dostu bir ara yüzü olan site. Özelleştirilmiş ve karmaşık arka uç gelişiminin sonucu bile değil; site basit kullanılarak oluşturuldu Amazon e-ticaret yazılımı herhangi küçük bir işletmenin avantaj sağlayabileceğini.
Taramayı ve görsel ilgi alanı ekleyin
İnsanların web sayfalarını yazılı medyadan farklı bir şekilde okuduğunu unutmayın. Göz izleme çalışmaları Web kullanıcılarının başlıkları, çekilişleri veya resimleri gibi göz alıcı unsurları arayarak tüm sayfayı (ilk sol üst köşedeki içeriğe odaklanarak) kaydığını göster. Sonra ilginç görünen bölümler halinde incelerler. Bu türden bir zihniyeti tasarlamak çok önemlidir ve kullanıcıyı nereye gitmesini istediğiniz yere yönlendiren görsel bir hiyerarşi kullandığınızdan emin olun.
Thrive Solo blog Yalnız blog Thrive bol miktarda içeriğe sahiptir, ancak çok sayıda beyaz alan, büyük resim, simge ve rengârenk yazı tiplerini kullanarak geniş ve ilginç bir görünüm sağlar. Büyük, ortalanmış başlıklar, görüntüleyenlerin taranması için özellikle yararlıdır.
Alt çizgi
Bir sitenin estetiği ilk izlenimi yaratırken, işlevsellik, kullanıcıya, umarız dönmek isteyecekleri kalıcı bir deneyim sunar. Tasarım ve işlevsellik hususlarının uzlaştırılamayacağı bir durum yoktur; Aslında, bu iki öncelik arasındaki karşılıklı etkileşim, web'deki en iyi ve en unutulmaz sitelerin oluşturulmasını sağlar.
Estetik için kullanılabilirliği tehlikeye atıyor musunuz? Kullanılabilirlik olmadan iyi tasarım olabilir mi? Yorumlarınız ile düşüncelerinizi öğrenmemize izin verin.
Öne çıkan görsel / küçük resim, işlevsel görüntü Shutterstock üzerinden.