Öngörülü Tasarım: Büyülü Kullanıcı Deneyimleri Nasıl Yaratılır

Yayınlanan: 2022-03-11

Bu sabah The Drifters'ın "This Magic Moment" şarkısı hiçbir neden yokken aklıma geldi.

Beynimizdeki o huzursuz sinir ağları komik şeyler yapıyor. Görünüşte ilgisiz, bağlantısız düşünceleri ve kavramları birbirine bağlarlar.

Alnımı tokatlayarak kendi kendime dedim ki: "Ama tabii..."

Son zamanlarda, dijital cihazlarımız veya hizmetlerimizle etkileşime girdiğimizde UX'teki o sihirli anları düşünüyorum. Her şeyin tam doğru şekilde, tam doğru zamanda, sanki bir sihirmişçesine yerine oturduğu mükemmel anlarla karşılaşıyoruz. Bankanızda, arabanızda, otomatta veya telefonunuzda olabilir.

Öngörülü tasarım çağının burada olduğuna ya da en azından bizim erişimimize yakın olduğuna inanıyorum.

Sınırlı GUI'lerimiz, gelişen teknolojiler ve girdi yöntemlerinin bir sonucu olarak değişmektedir. Bu organik, doğal bir evrimdir –– cihazlarımızla konuşmayı zaten doğal buluyoruz!

Örneğin, araba kullanırken şunu söyleyebiliriz: "Anna'yı çevirin." Siri'den bir zamanlayıcı veya yakınlarda oynayan filmler hakkında bir zamanlayıcı başlatmasını istiyoruz. Ve Alexa'dan müzik çalmasını veya kahvemizi sipariş etmesini istiyoruz. Bununla birlikte, kırk yıldan fazla bir süre önce kurulan metaforlar ve grafik öğeler o kadar da değişmedi.

Geçmiş

Xerox PARC'ın orijinal GUI'sinin 44 yaşında olduğunu, ancak kullanıcı arayüzlerimizin hala buna oldukça benzediğini düşünün.

Öngörülen Tasarım-Xerox yıldız iş istasyonu, ilk GUI'lerden biri
Xerox Star iş istasyonu, 1973'te ilk ticari Grafik Kullanıcı Arayüzü (GUI) işletim sistemini tanıttı.

Bugün hala iki boyutlu ekranlara bakıyoruz ve giriş için çoğunlukla klavye ve fare kullanıyoruz; insanlar için değil bilgisayarlar için optimize edilmiş etkileşim yöntemleri için tasarlanmış cihazlar.

Etkileşimde bulunduğumuz makineler (dizüstü bilgisayarlar, masaüstü bilgisayarlar, tabletler, cep telefonları, otomatlar vb.) hala geçmişten gelen eski sistemler olan zihinsel modeller ve teknolojilerle tasarlanıyor ve inşa ediliyor.

Bir Jetsons dünyasında Çakmaktaşlar döneminden etkileşim modellerini kullanıyormuşuz gibi; hala bir sonraki adıma geçmek ve faydalı bilgileri (çıktı) görüntülemek için kullanıcılardan (girdi) çok fazla etkileşime güveniyorlar.

Kullanıcı deneyimi tasarımında ileriye dönük tasarım nedir?

Öngörülü tasarım nedir?

Dijital işletmeler dijital yaşamlarımızın gidişatını basitleştirecek ve kolaylaştıracaksa, ileriye dönük tasarımın uygulanması her zamankinden daha önemli.

Bunun ışığında, ileriye dönük tasarım nedir?

Girdi için fazla ihtiyaç duymadan çıktıdır. Gelecekteki kararları tahmin etmek için geçmiş seçimlerden yararlanmakla ilgilidir.

Bilgi işlem makinelerimizin bilgisayarlar için değil, insanlar için optimize edilmiş etkileşim yöntemleri için tasarlandığı bir dünya. Belirleyici olan kullanıcı amacından olasılıkçıya geçtiğimiz dijital bir dünya.

Huge'dan Aaron Shapiro, öngörülü tasarımı, kullanıcının kararlarının bir adım ötesindeki ihtiyaçlara yanıt vererek, yani henüz ifade etmedikleri kullanıcı ihtiyaçlarına yanıt vererek süreçleri basitleştirme yöntemi olarak tanımlar.

Seyahat rezervasyonu ileriye dönük tasarım

En iyi haliyle ileriye dönük tasarım, kişiselleştirmenin çok ötesine geçer.

Örneğin Netflix, zevk tercihlerinize ve geçmişinize göre izleyeceğiniz filmleri size gösterir, kişiselleştirmedir. Öngörülü tasarımla, bir uygulamayla etkileşime girdiğiniz anda arayüz gerçekten değişir.

Kullanıcı deneyimini artırmak için Netlfix UI kişiselleştirmesi
Netflix bir kişiselleştirme örneğidir. Öngörülü tasarım değil.

Öngörülü tasarım, örneğin çevrimiçi alışveriş durumunda, sistemin bir kullanıcı deneyimini, deneyiminize rehberlik eden sihirli bir el gibi hissedeceği ölçüde bileceği ve kişiselleştireceği anlamına gelir. Aslında anında kullanıcı arayüzünü değiştirecek, gereksiz bilgileri ortadan kaldıracak ve yalnızca en alakalı seçenekleri zamanında, basit ve verimli bir şekilde sunacaktır.

Bugün bunu başarmak çok zor değil.

Diyelim ki biri gitarcenter.com'da çok pahalı bir gitar için alışveriş yapıyor. Ödeme sırasında site otomatik olarak "Almak için mağazaya gönder" seçeneğini varsayılan bir seçenek olarak sunar çünkü diğer kullanıcıların geçmişteki davranışlarını gözlemleyerek, pahalı gitarlar satın alarak, onu en yakın tuğladan teslim almayı tercih edeceklerini bilir. - harç deposu.

Başka bir örnek için, Amazon'da bir gömlek için alışveriş yaptığınızı varsayalım.

Amazon zaten sizin için birçok şeyi kişiselleştiriyor ve siteden daha önce gömlek satın aldığınız için beden ve renk tercihlerinizi bilmesi gerekiyor.

Ürün detay sayfasına gittiğinizde, bedeninizi önceden seçip size önce lacivert, beyaz ve kareli gömlekleri gösterebilir, pembe ve sarı olanları vurgulayabilir ve her seferinde bedeninizi seçmek zorunda kalmazsınız.

Niye ya?

Öngörülü tasarımın vaadi, kullanıcı deneyimlerini büyük ölçüde iyileştirecek ve sonuç olarak kâr hanesini etkileyecek olan sürtünmeyi ortadan kaldırmak ve verimlilikte bir artış sağlamaktır. İnsanlar, istediklerini istedikleri zaman sunan ürün ve hizmetlere geri dönerler.

Dijital sistemlerle günlük etkileşimlerimiz benzeri görülmemiş bir ölçeğe ulaştı. Yine de bu etkileşimlerin çoğu sürtüşme ve ardından gelen hayal kırıklığı duygularıyla boğulur.

Amazon alışveriş deneyimi ileriye dönük tasarım

Kullanıcıları memnun edecek ve hayatlarını basitleştirecek daha büyük bir ölçekte özelleştirme ve kişiselleştirmeye gerçek bir ihtiyaç var.

Taşıtların banliyö kartlarını yeniden doldurabileceği self servis ulaşım bilet makinelerini kullanın.

Hâlâ aptal olacak şekilde tasarlandılar - herkesin aynı sinir bozucu seçenekler bolluğundan geçtiği kullanıcı girdisi tarafından yönlendiriliyorlar.

Yeniden doldurma geçmişinin kartınızda saklanabileceği, çok daha gelişmiş, daha kişiselleştirilmiş bir sistem kolayca hayal edilebilir.

Sayısız giriş talebi yerine: önce bu seçeneği seçin, ardından diğer seçeneği seçin ve bu şekilde devam edin, tüm etkileşim her zaman doldurduğunuz kartı takmanızla başlayabilir ve sistem hemen "Merhaba, yeniden doldurmak ister misiniz? Mastercard'ınızı kullanarak 20$'lık bu kart?"

Bir sonraki adım ödemek ve gitmek olacaktır.

Kartları yeniden doldurmak için gereken süreyi en az yüzde 75 azaltacak, verimliliği artıracak, insanları daha hızlı hareket ettirecek ve ardından onları daha fazla tatmin edecekti.

Bu zaten mümkün, ancak bunu yapan tek bir bilet makinesi bilmiyorum.

MTA biletleme terminali beklenti tasarımı
Öngörülü olana karşı çok fazla girdi gerektiren "aptal" bir kullanıcı arayüzü.

Geleceğin arayüzleri.

AI daha yaygın hale geldiğinde, daha yüksek derecede bir kişiselleştirme, daha yüksek düzeyde bir beklenti tasarımı sağlayacaktır.

Kullanıcı tarafından yetkilendirilmiş her türlü davranışsal izlemeye (satın alma geçmişleri, tercihler vb.) dayanarak, sistem sizi tanır ve yüksek bir kesinlikle bir sonraki seçiminizin ne olabileceğini tahmin eder.

Bugün bunu yapmayı o kadar da zorlaştırmayacak teknolojilerin mevcut olduğu göz önüne alındığında, ileriye dönük tasarımın olmaması şaşırtıcıdır.

Bazı şirketler şimdiden erken tasarım biçimlerini uygulamaktadır. İki örnek Google Asistan ve Uber'dir.

Google Asistan

Google Asistan uygulaması, Google'ın arama yazılımının daha iddialı gelişmelerinden biridir. Fikir basit - neye ihtiyacınız olduğunu veya ne istediğinizi bilmeden önce ne isteyeceğinizi veya bilmeniz gerektiğini tahmin edin ve bunu okunması kolay kart tabanlı bir formatta sunun.

Google'ın veri madenciliği yetenekleri rakipsizdir. Kim olduğunuzu bilir ve takvim etkinlikleri, yerel hava durumu, haberler, hisse senedi fiyatları, uçuşlar, biniş kartları, otel, yakındaki fotoğraf noktaları ve daha fazlası gibi kişiselleştirilmiş, konuma duyarlı bilgileri içeren kartları görüntüleyebilir. Ayrıca, mevcut trafik koşullarına göre işten eve gitmenizin ne kadar süreceğini de söyler.

Google şu anda bir şeye ihtiyacınız olduğunu düşünmüyorsa, görüntülenmez. Öngörülü tasarımın somutlaşmış halidir.

Google Asistan uygulamaları ileriye dönük tasarım

Uber

Uber uygulamasında, bir yere seyahate çıktığınızda, uygulamanın sonraki açılışında bir geri dönüş düğmesi sağlar, çünkü orijinal varış noktanıza dönmek isteme olasılığınız yüzde 90'dır. Alma ve bırakma konumlarını belirtmenize gerek yoktur. Parlak.

Uber mobil uygulaması ileriye dönük tasarım
Uber uygulaması, bir seyahati tamamladıktan kısa bir süre sonra başlatıldığında kullanıcılara "Geri Dön" için hızlı bir kısayol sağlar.

Değişen zamanlar

Her şey doğal etkileşim yöntemlerine doğru evriliyor.

Çok uzak olmayan bir gelecekte, girdilerimiz daha zahmetsiz olacak.

Ses, jest takibi, göz takibi, konuşma gibi etkileşim yöntemleriyle artırılmış ve sanal gerçekliğe kavuşacağız. Google zaten üzerinde çalışıyor. Adı Soli Projesi.

Yapay zeka ve makine öğrenimi tarafından desteklenen ileriye dönük tasarım yöntemleri, deneyimleri tamamen daha iyi bir düzeyde sunacaktır.

VR ve ileriye dönük tasarım

Öngörülü tasarımı nasıl devreye sokarız?

“Abrakadabra” diyen sihirli bir değnek yok, peki şimdi o sihirli anlar için nasıl tasarım yapacağız? Öngörülü tasarım kullanarak bu sihirli anları sunmak için bugün atabileceğimiz adımlar nelerdir?

Metromile uygulaması ileriye dönük tasarım ve duygusal tasarım
Metromile'de iş başındaki gelişmiş, kişiselleştirilmiş algoritmalar, müşteriler için ileriye dönük ve inanılmaz derecede faydalı olma duygusu yaratır - bu durumda park cezalarını önler.

İnanılmaz derecede gelişmiş tahmine dayalı algoritmalara, tamamen gelişmiş yapay zekaya ve makine öğrenimine sahip olana kadar, işletmeler kişiselleştirme fırsatları için mevcut verileri araştırabilir ve böylece olası sorunlu noktaları ve engelleri azaltabilir.

Ayrıca, kullanıcı merkezli tasarım sürecine tam olarak dahil olabilir, derin araştırma, kapsamlı kullanıcı testleri yapabilir ve makine zekası için Tensorflow gibi açık kaynaklı yazılım kitaplığı gibi araçları kullanabilirler.

Derin araştırmalar, kullanıcıların akışlarında an be an ne yapmaya meyilli olduklarını gözlemleyebildiğimiz bağlamsal gözlem veya etnografik çalışmalar gibi bize çok şey söyleyecektir. Bu kullanıcı yolculuklarını adım adım haritalayabilir ve etkileşimi buna göre tasarlayabiliriz.

Bu tür veri madenciliği ve kişiselleştirmenin, kullanıcı merkezli tasarım yöntemleriyle birleştirilmesinin ideal sonucu, müşterileri memnun edecek ve şeylerin sihir gibi görünmesini sağlayarak sadakat oluşturacak akıcı ve kusursuz öngörülü deneyimler yaratacaktır.

En son kullanıcı deneyimi sanatını geliştirecek ve hem işletmeler hem de kullanıcılar için bir kazan-kazan durumu yaratarak, alt çizgiyi olumlu yönde etkileyen daha derin müşteri memnuniyeti sunacaktır.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

  • eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
  • Ürün Tasarımında İnsan Merkezli Tasarımın Önemi
  • En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
  • Mobil Arayüzler için Sezgisel İlkeler
  • UX Designer'dan UX Danışmanına Nasıl Geçiş Yapılır?