MVP'leri Hendekleyin, Minimum Uygulanabilir Prototipleri Benimseyin (MVPr)

Mükemmellik arayışı, tasarımcıları genellikle sonsuz bir yineleme ve inceleme döngüsüne götüren incelikli bir tuzaktır. Bu, özellikle her etkileşimin ve grafik öğesinin bir tasarım takıntısı nesnesi haline gelebildiği dijital ürünler dünyası için geçerlidir.

Ancak geri adım atıp dijital ürün tasarımının disiplinler arası doğasını gözlemlediğimizde, tasarımcıların nasıl mükemmellik tuzağına düştüğünü görmek kolay.

Tek bir dijital ürünün tasarımında yer alan tüm insanları ve rolleri düşünün:

• Tasarım Araştırmacıları
• UI Tasarımcıları
• Bilgi Mimarları
• UX Tasarımcıları
• Ürün Tasarımcıları
• Ürün Yöneticileri
• İçerik Strateji Uzmanları
• Marka Uzmanları
• UX Kopya Yazarları
• vb.

Öyle ya da böyle, bunların her biri kesişir. Örneğin, bir ürünün kullanıcı arayüzü, kullanıcı deneyimi dikkate alınmadığında başarılı olamaz. Bağlantılılık, tasarım kararlarının birbirini nasıl etkilediğini anlama baskısını da beraberinde getiriyor: "X yaparsak, bu Y ve Z'yi nasıl etkiler?"

Bu tür stratejik tahminler değerli olabilir, ancak tasarım sürecinin durgunlaşmasına ve korkunç mükemmellik döngüsünde takılıp kalmasına da neden olabilir: "Y ve Z'yi çalıştırmadan hemen önce X'i almalıyız."

Peki, alternatif nedir? Gerçek insanlardan alınan gerçek dünya ölçümlerine ve içgörülerine dayalı olarak dijital ürünleri hızlı bir şekilde oluşturmanın, başlatmanın, test etmenin ve iyileştirmenin bir yolu var mı?

Bu kılavuzda, bu soruları minimum uygulanabilir prototipler merceğinden ele alacağız ve tasarımcıları dijital ürünleri oluşturmak, test etmek ve rafine etmek için şaşırtıcı derecede basit bir süreçle donatacağız.

Minimum Uygulanabilir Prototiple Fırlatmayı Simüle Edin

Hiç kimse bir şey bilmiyor…… Tüm sinema alanındaki tek bir kişi neyin işe yarayacağını kesin olarak bilmiyor. Her seferinde bir tahmin ve eğer şanslıysanız, eğitimli bir tahmin. – William Goldman, Akademi Ödüllü Senarist

Dijital ürün tasarım sürecinin en erken kararları, en iyi ihtimalle tahmine dayalıdır. Bir ürün gerçek kullanıcıların eline geçene kadar her şey teoriktir. Öte yandan, bir ürünü hazır olmadan piyasaya sürmek, itibarını zedeleyebilir (maliyetli bir hata).

Ya piyasaya sürmeyi simüle etmenin ve herhangi bir büyük tasarım çabası başlamadan çok önce bir ürünün uygulanabilirliğini belirlemenin bir yolu olsaydı?

Bu, daha bilinen “minimum uygulanabilir ürün”den önemli ölçüde daha az zaman ve para gerektiren bir ürün tasarımı yaklaşımı olan minimum uygulanabilir prototipin (MVPr) değeridir.

Minimum uygulanabilir prototip (MVPr) tasarım sürecine genel bir bakış:

1. keşif
2. Araştırma
3. bilgi mimarisi
4. Görsel tasarım
5. Başlatmak
6. Ölçek

Beklemek! Herkesin kullandığı süreç bu değil mi?

Evet ve yukarıdaki adımların temellerine güvenerek başarılı bir şekilde yapabileceğimizi göreceğiz…

• Gerçek bir ürünün işlevselliğini simüle edin;
• Gerçek bir ürünün lansmanını taklit edin; ve
• Gerçek bir ürünün inşa edilmeye değer olup olmadığını keşfedin.

Adım Adım: Bir MVPr Nasıl Oluşturulur

1. Keşif: Karar Vermeye Başlayın

Keşif sürecini başlatmanın harika bir yolu, fikrinize benzer web sitelerini, blogları ve uygulamaları aramaktır. Geçmişleri, hedef pazarları, nasıl çalıştıkları vb. hakkında bilgi edinin. İlgili rakiplerin hiçbirinin prototipinizin yaptığını yapmadığını fark ederseniz, ilerlemeye devam edin.

Bu adım herhangi bir uzmanlık gerektirmez. İşin sırrı yapmaktır - niyetten eyleme geçmek.

Rakiplerinizin güçlü ve zayıf yönlerine özellikle dikkat edin. Prototipinizi daha güçlü hale getirmek için zaten başardıklarını (veya başaramadıklarını) nasıl kullanabilirsiniz?

1-2 saatlik araştırmadan sonra, en önemli rakiplerinizi tam olarak belirleyebilmeli ve her birinin temel özelliklerini öğrenebilmelisiniz.

2. Araştırma: Kullanıcılarınızı Tanımlayın

Hedef kullanıcınız kim ve ürününüzle neden ilgilenmeliler? Bunu anlamak çok önemlidir, ancak hesaplanmış varsayımlarla başlamalıyız. Güçlü bir şekilde düşünülmüş bir vizyondan başlamak en iyisidir. İkinci bir tahminde bulunmayın veya “herkes için bir şeyler” yapmaya çalışmayın. Sulandırılmış tasarım istemiyoruz.

Bunun yerine, keşif aşamasında bulunan rakip sitelere daha yakından bakın ve sağduyunun potansiyel kullanıcılarınızın bir portresini çizmesine izin verin.

Web'de kolayca erişilebilen bazı pratik araştırma alanları şunlardır:

• İnceleme sitelerini ziyaret edin ve insanların rakiplerinizle olan deneyimleri hakkında neler söylediklerini görün.
• Ürününüzün endüstrisindeki etkileyicileri sosyal medyada takip edin ve izleyicileriyle nasıl etkileşime geçtiklerini gözlemleyin.
• Rakiplerinizin nasıl çalıştığına dair ayrıntılı bir bakış sağlayan saygın haber makalelerini arayın.
• Rakiplerinizin sosyal medyadaki kullanıcılarıyla etkileşimlerini kontrol edin.
• Rakiplerinizin sorunlarının veya sorunlarının tartışıldığı herhangi bir forum bulabilecek misiniz bir bakın.

Önemli finansal yatırım yapmadan bu yolların her birinden değerli bilgiler elde edilebilir. Bu, özellikle son derece kısıtlı bütçeler üzerinde çalışan küçük tasarım ekipleri için önemlidir. Büyük markalar araştırmaya önemli miktarda para harcıyor, ancak küçük ekipler ve bireysel serbest çalışanlar daha becerikli olmanın yollarını bulmak zorunda.

3. Bilgi Mimarisi: Prototipinizi Yapılandırın

Prototip nasıl çalışacak ve odaklanılması gereken en önemli bilgi nedir?

Bunu yanıtlamaya başlamanın en kolay yolu, oluşturduğunuz prototipe benzeyen birinci sınıf siteleri analiz etmektir. Referans olarak seçtiğiniz sitenin genel görünümü ve deneyimi olağanüstü olmalıdır.

Siteyi parçalara ayırarak başlayın. Tüm ilgili sayfalar nelerdir ve görsel olarak nasıl yapılandırılmıştır? Siteyi tel çerçeveyi tersine çevirmekten ve ardından kendi bilgileriniz, renkleriniz, resimleriniz vb. ile yeniden oluşturmaktan korkmayın.

Neden bu şekilde gidelim? Siteniz muhtemelen rakip sitelere benzer şekilde çalışacaktır; yalnızca aklınızda farklı hedefler vardır. Kullanıcılar yerleşik bir deneyime iyi yanıt veriyorsa, karmaşık bir sistem icat etmeye gerek yoktur.

*Profesyonel İpucu: Bir sitenin bilgi mimarisini incelerken, yararlı bir teknik, ekran görüntülerini alıp gri tonlamalı hale getirmektir, böylece rengin etkisiyle dikkatiniz dağılmaz (ki bu oldukça ikna edici olabilir).

Bundan sonra, tasarımcıların sıfırdan etkileşimli prototipe hızla geçmelerini sağlayan çevrimiçi kaynaklardan yararlanın. Tonlarca kullanıcı arayüzü seti, HTML şablonu, WordPress teması vb. Bunları prototipinize uyacak şekilde değiştirmekten korkmayın ve piksel mükemmelliği veya güzel kod hakkında endişelenmeyin. Bu aşamada kimsenin umurunda değil. Ürününüzün kullanışlı olup olmadığına bakarlar.

Ücretsiz bir UI kiti kullanarak bu şu şekilde çalışır:

Yukarıdaki resimde neyi başardık?

• Tüm renkleri ve resimleri kaldırdık.
• Gezinme çubuğuna dokunulmadı.
• Filtreleme sisteminin işlevselliği aynı kaldı, ancak ifadeler değiştirildi.
• Kullanmayı planladığımız görselleri daha iyi sergilemek için iki sütundan bir sütuna geçtik.

Bir saatten kısa bir süre içinde, prototipimizi daha da geliştirmek için görsel bir temele sahibiz.

4. Görsel Tasarım: Ücretsiz Kullanıcı Arayüzü Kaynaklarını Yeniden Amaçlayın

Prototipinizin görsel görünümü ve hissi, çalışma şeklinden ayrılamaz. Bu sadece grafiklerle ilgili değil. Etkili görsel tasarım bir hikaye anlatır ve gerçek değere sahip bir deneyim sunar.

Burada görsel tutarlılık çok önemlidir çünkü kullanıcıların bir ürüne aşina olmalarına ve daha verimli gezinmelerine yardımcı olur. Prototipinizin geliştirilmesinin başlarında bu tür bir tutarlılığı elde etmek için ücretsiz UI kaynaklarını yeniden kullanmak akıllıca olur.

Bu şekilde çalışarak, uyumlu bir tasarım sistemi geliştirmek için saatler harcamanıza gerek kalmayacak. Tipografi, düğme stilleri, ikonografi ve diğer tüm önemli UI bileşenleri halledilir.

5. Başlatma: Kodlamak mı Kodlamamak mı?

Prototipinizi dünyayla paylaşmanın zamanı geldi. Neyse ki, maketleri dinamik prototiplere dönüştürmek hiç olmadığı kadar kolay. Bir dizi sezgisel araç sayesinde, nasıl kod yazılacağını bilmenize bile gerek yok - ama öğrenmeli misiniz?

Kodsuz MVPr

Görsel tasarımı tamamladığınızda, ziyaretçilerin onunla etkileşime geçebilmesi ve fikriniz hakkında genel geri bildirim sağlayabilmesi için prototipi bir açılış sayfasına gömün. MVPr tasarım sürecinin bu noktasında, kodsuz bir prototip oluşturmanın birkaç yolu vardır. İşte seçenekleriniz:

Temel Prototipler

• InVision, temel bir prototip oluşturmak ve test etmek için gereken tüm özelliklere sahiptir ve komplikasyonsuz ağrısız bir deneyim sunar.

Zengin Medya Prototipleri

• Gelişmiş etkileşimler, geçişler ve animasyonlar için İlke oldukça kullanışlıdır.

%100 Gerçekçi Prototipler

• Framer, tasarımcıların hayal edilebilecek herhangi bir dijital ürün deneyimini simüle etmelerini sağlar. Prototipin yerel animasyon ve mantık tabanlı kodlama açısından gerçek görünmesi ve hissetmesi gerektiğinde mükemmel bir seçenektir (Ör: Eğer öyleyse, bunu yapın).
• Webflow, %100'e göre ne görürsen onu alırsın tuvalinde tasarlama, kodla oluşturma ve duyarlı web siteleri başlatma gücü sağlar.

Resmi tam boy görmek için tıklayın.

Kodlanmış MVPr

Kod harika bir müttefik olabilir. Şüphesiz, ürününüzü oluşturmanın en iyi yolu budur. En büyük dezavantajı, gelişmiş özelleştirmenin avantajlarını deneyimlemek için nasıl kod yazılacağını bilmeniz gerekmesidir. Uygun bir bilgi tabanı olmadan, kodla deneme yapmayı seçmek sizi yavaşlatacaktır.

Topun yuvarlanmasına yardımcı olacak çok sayıda kod başlangıç ​​kiti var. Örneğin, yukarıda tanıttığımız UI kitinin indirilebilecek kendi HTML sürümü vardır:

6. Test: Reklam Analizlerinden Yararlanın

Prototipinizi test etmenin gizli sosu, değer sağlarken en az çabayla en fazla içgörüyü elde etmenizi sağlayan araçlarda yatmaktadır. Tek ihtiyacınız olan birkaç dolar ve biraz sabırlı problem çözme.

Ürününüze olan ilgiyi ölçmeye yönelik pratik bir ilk adım, bir reklam oluşturmak ve araştırma aşamasında bulunan insanları hedeflemektir. Hedef kitlenize ve tasarladığınız ürünün türüne bağlı olarak Google, LinkedIn, Instagram veya Twitter'da reklam yayınlayabilirsiniz. İşletmeden tüketiciye ürünler için Facebook önerilir.

*Profesyonel İpucu: AdEspresso, faydalı, karşılaştırmalı analizler toplarken aynı anda sosyal reklamlarınızın yüzlerce sürümünü yayınlamak için uygun bir yerdir.

Reklam yayınlayın ve iki şey öğreneceksiniz:

1. Reklamınızı görüntüleyen kişi sayısı
2. Reklamınızı tıklayan kişi sayısı

Hedef kitlenizin reklamlarınızla ilgilenmekle ilgilendiğini onayladığınızda, ilk kullanıcılarınız için değer yaratmanız gerekir. İşte nasıl:

• Bir "abone ol" formu ekleyin ve kullanıcılardan e-posta adreslerini vermelerini isteyin.
• Lansman yaptığınızda onlara haber vermek için takip edin.
• Sosyal medya kanallarınızın çalışır durumda olduğundan emin olun, böylece sosyal düğmeler oluşturup, kullanıcıların ürününüz hakkındaki sözleri yaymasına izin verebilirsiniz.

Bu stratejiyi kullanın ve şunları kazanacaksınız:

• Erken pazarlama çabaları için kullanılabilecek e-posta adreslerinin listesi
• Ürününüzü kişisel ve profesyonel ağlarına öneren kişiler
• Ürününüz hakkında kimsenin heyecanlanıp heyecanlanmadığının daha net anlaşılması

İlk kez gerçek geri bildirim aldığınızda ürününüz yayındadır. Değer sunma, davranışı analiz etme ve çözümleri yinelemeden oluşan bu döngü sayesinde, neyin işe yarayıp neyin yaramadığını öğrenecek ve insanların gerçekten kullanmak istediği bir ürüne yaklaşacaksınız.

Cesaretle Başlatın ve Öğrenin

Asgari uygulanabilir prototipin nihai amacı şudur: Eğitimli tasarım tahminlerinden gerçek, eyleme geçirilebilir geri bildirimlere hız ve güvenle geçin.

Bu, belirsizliği ve yanlış adımları iyileştirme fırsatları olarak benimseyen bir süreçtir. Her şeyden önce, eylemi ödüllendirir. İyi tasarım, cesur kararlar almayı ve kusurlar karşısında ilerlemeye istekli olmayı gerektirir.

Bu nedenle, mükemmellik arayışıyla çıkmaza girmeyin ve kendinizi mega markalarla ve onların muazzam kaynaklarıyla karşılaştırmamaya çalışın. İleriye dönük adımlar atmaya devam edin ve kısa süre sonra kendinizi, insanların kullanmaktan heyecan duyacağı oldukça parlak bir ürünle bulacaksınız.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

1. Kolay Prototip – Bir InVision Studio Eğitimi
2. Etkili Bir Tasarım Sprint Nasıl Yürütülür
3. Adobe CC'nin Tel Çerçeve Yapabileceğini Kim Bilebilirdi?
4. Kitleler için UX Testi: Basit ve Uygun Maliyetli Tutun
5. Müşteri Yolculuğu Haritaları - Nedirler ve Nasıl Oluşturulur