Etkileyici UX Tasarımı: Bunu Kim Doğru Yapıyor?

Yayınlanan: 2017-03-01
Kategoriler
Kullanıcı deneyimi

Her web sitesi, belirli bir kullanıcı kitlesine hizmet etmek için var olduğu için benzersizdir. Düşünceli bir şekilde oluşturulmuşsa, bu kullanıcıların ihtiyaçlarını karşılamak ve görevlerini veya hedeflerini kolaylıkla gerçekleştirmelerine yardımcı olmak üzere tasarlanacaktır. Yine de, diğer şirketlerin UX yeniliklerinden öğrenilecek çok şey var. Başka birinin kendi sitesinde ilgi çekici veya son derece işlevsel bir deneyim oluşturduğunu görmek, kendi sitenizdeki deneyimi nasıl iyileştireceğiniz konusunda fikirlere ilham verebilir. İşte gerçekten etkileyici UX'e sahip birkaç site örneği.

1. İkili Lingo

Duo lingo kullanmak için mutlak bir zevktir. "Öğrenmeyi eğlenceli hale getirdiğini" iddia eden bir platform varsa, Duo Lingo odur. Hizmet, kullanıcıların yeni bir dil öğrenmelerine yardımcı olur ve arayüz basit, arkadaşça ve ulaşılabilirdir - bu, yeni bir dil öğrenmenin göz korkutucu sürecini erişilebilir kılmak için tam olarak doğru yaklaşım gibi görünüyor. Site, kullanıcıları bir hesap oluşturmaya zorlamadan birkaç saniye içinde hizmeti kullanmaya başlama konusunda harika bir iş çıkarıyor. Bu, kullanıcıların bir oturum açma ve şifre oluşturma adımlarını gerçekleştirmeden önce platformu kendileri deneyimlemelerine olanak tanır. Kullanıcıların platformu kullanmanın ne kadar kolay ve eğlenceli olduğunu deneyimledikten sonra, bir hesap oluşturma ve özel bir kullanıcı olma olasılıklarının daha yüksek olacağını hayal edebilirsiniz.
iki dilli
çift ​​dilli-2
Duo Lingo, kullanıcılara soruları anlaması ve etkileşim kurması inanılmaz derecede kolay bir şekilde sunar. Bir ilerleme çubuğu, kullanıcının modülde ne kadar uzakta olduğunu gösterir. Cevaplar - doğru veya yanlış - renkler ve seslerle pekiştirilir.
ikili dil-3

2. Bakire Amerika

Uçak bileti rezervasyonu yapmak her zaman en keyifli deneyim değildir. Birçok büyük havayolu şirketinin, uçuş arama ve rezervasyonunu tamamen yorucu bir süreç haline getiren hantal web siteleri vardır. Belki de bu yüzden Virgin America web sitesine giriş yapmak neredeyse radikal bir deneyim gibi geliyor. Site temiz ve moderndir ve ana kullanıcı hedefini -- uçuş rezervasyonu -- öne ve ortaya koyar. Metin büyük ve okunabilirdir ve uçuş fiyatları ve saatleri önceden sunulur. Virgin America sitesinin en iyi özelliklerinden biri, uçuş ücretine göre tarih seçme yeteneğidir - seyahat tarihlerinde biraz esnekliğe sahip olan ve en iyi fırsatı arayan kullanıcılar için büyük bir bonus.
bakire-amerika
Kullanıcının seyahat bilgileri süreç boyunca kaydedilir ve gösterilir ve herhangi bir anda yeniden aramaya başlamak zorunda kalmadan değiştirilebilir veya güncellenebilir.
bakire-Amerika-2

3. Mavi Önlük

Blue Apron, çekici bir şekilde sunulan faydalı içeriklerle dolu harika bir ana sayfaya sahiptir. Uzun kaydırmalı sayfada, kullanıcının dikkatini çeken ve site içeriğiyle etkileşimi teşvik eden küçük animasyonlar bulunur. Sayfanın her bölümü, kullanıcıların sürecin bir sonraki adımına geçmeleri için bir araç sunan güçlü bir harekete geçirici mesaja sahiptir.
mavi önlük1
Blue Apron'un kayıt süreci de dikkat edilmesi gereken bir şeydir. Seçimler yapılırken görsellere ve olumlu pekiştirmeye vurgu yaparak kullanıcı tercihlerini seçmeyi eğlenceli hale getiren basit, üç adımlı bir süreçtir.
mavi önlük2

4. Elma

Apple'ın bu listeyi yapması şaşırtıcı değil. Çarpıcı görseller, net mesajlar ve sarf malzemesi biçiminde sunulan zengin bilgiler, tümü keyifli ve işlevsel bir kullanıcı deneyimi sağlar. Apple sitesi, kullanıcıların gerçekten dokunamasalar bile ürünleri anlamlı bir şekilde keşfetmelerine ve deneyimlemelerine izin vermek konusunda özellikle iyi bir iş çıkarıyor. Apple web sitesi, karmaşık bir ürünle ilgili her ayrıntıyı statik bir düzene sıkıştırmaya çalışmak yerine, daha fazla bilgi keşfetmek için farklı öğeleri genişletip daraltarak kullanıcıları bir ürün sayfasıyla etkileşime girmeye teşvik eder. Alanı verimli bir şekilde kullanır ve kullanıcıların öğrenmekle daha az ilgilendikleri şeyleri atlamalarına olanak tanır.
elma1
elma2

5. Atlantik

Derin kaydırmalı ana sayfa, siteye giremeyeceğinizi ve okumak için ilginizi çeken bir şey bulamayacağınızı hemen hemen garanti eder. İçerik, geniş kategorilere göre düzgün bir şekilde sıralanmıştır ve her kategori açıkça tanımlanmıştır. Makale tanıtım yazılarının tasarlanma biçiminde güzel bir hiyerarşi vardır - büyük, okunabilir bir makale başlığı, daha küçük tanıtım metni (ama yine de okunabilir!) Bu küçük dokunuşlar, içeriğe odaklanmayı ve içeriği yorumlamayı kolaylaştırır - açıkçası haber siteleri ve içerik sağlayıcılar için durum her zaman böyle değildir.
Atlantik1
Makale sayfalarının kendileri de düşünceli bir şekilde tasarlanmıştır. Kullanıcılara ana sayfaya geri dönmenin, Facebook veya Twitter'da paylaşmanın veya şu anda okudukları içerik kategorisindeki bir sonraki makaleye geçmenin kolay bir yolunu sunan yapışkan bir altbilgi var. Makale sayfalarındaki metin boyutu ayarlamaları da hoş bir dokunuş.

6. Warby Parker

Warby Parker sitesi, çevrimiçi gözlük alışverişini şimdiye kadar yaptığınız en kolay şeylerden biri gibi hissettiriyor. Ancak sitenin en iyi yanı (en azından UX açısından) ödeme sürecidir. Warby Parker'ın ödeme süreci, tamamlamanın önündeki engelleri olabildiğince azaltmak için açıkça titizlikle tasarlanmıştır. Form minimaldir ve yalnızca bir avuç alan içerir. Her kategori, kullanıcı ona ulaştıkça genişler, bu da formun ilk bakışta ezici görünmesini engeller.
warby-parker-1
warby-parker-2
Bir mobil cihazla çevrimiçi olarak bir ürün veya ürün satın almak (yani, yalnızca araştırma yapmak ve ürünlere göz atmak değil, ödeme sürecini tamamlamak) kesinlikle giderek daha rahat hale geldiğimiz bir görevdir, ancak yine de çok fazla isabet aldı veya kaçırıldı. Genellikle bu deneyim can sıkıcıdır veya gereksiz yere zordur ve satın alma işlemini daha sonra masaüstünde tamamlamak daha kolaydır. Ancak Warby Parker'ın mobil ödeme süreci oldukça kusursuz. Mümkün olan her yerde alanları küçültürler, siz yazarken adresinizi tahmin eder ve otomatik olarak doldururlar ve form, optimum mobil kullanım için dikey olarak istiflenir.
warby-parker-3

7. Asana

İyi bir önlem için bir tane daha -- ve Asana'yı listeden çıkaramadık. Asana hayat kurtaran bir proje yönetimi ve üretkenlik uygulamasıdır ve UX'i onu favorilerimizden biri yapar. Teknik olarak ekipler için tasarlanmıştır, ancak aynı zamanda kişisel bir görev yönetim sistemi olarak da harika çalışır. Platformun burada ele alınacak çok fazla harika özelliği var, ancak söyleyebileceğimiz şey, mikro etkileşim sanatında ustalaştıklarıdır - platform ile kullanıcı arasında bir eylemi güçlendirmeye veya harekete geçirmeye yarayan küçük iletişim anları. Mikro etkileşimler, kullanıcıyı teşvik etmeye ve kabul etmeye yardımcı olur, bu da platformdaki genel deneyimlerini geliştirir. Kendin için gör:
Favori şirketlerimizden bazılarının yenilikçi çalışmalarından ilham almayı seviyoruz. Bu web siteleri ve platformların tümü, kullanıcılarının ihtiyaçlarını ilk sıraya koyar ve bu ihtiyaçları karşılamanın yollarını bulurken, aynı zamanda deneyime heyecan ve hatta biraz neşe getirir. UX'i doğru yapmak buna diyoruz.
Bu blok bozuk veya eksik. İçeriğiniz eksik olabilir veya orijinal modülü etkinleştirmeniz gerekebilir.