Ön Uç Prototipleme Kılavuzu

0
34

Ön uç prototipleme, nihai tasarımın simülasyonunun yapılmasıdır. Nihai ürünün nasıl görüneceğine ve hissedeceğine dair bir örnek. Bu, tasarım ekibine işlevlerini değerlendirebilmesi için somut bir şey verir ve ayrıca kusurları ortaya çıkarmaya yardımcı olur.

Ekipler, zaman, para ve emek harcamadan önce prototipi test edebilir. Paydaşlar geri bildirimde bulunabilir ve bir sonraki aşamayı onaylayabilir.

Neden ön uç prototipleme?

Bir prototip, ürünün hedeflerini ve projedeki her aşamaya nasıl geçileceğini netleştirmeye yardımcı olur.

Paydaşlara tasarıma ilk bakışını verir. UX ekipleri ürünün hissini test edebilir. Tasarımın durumlarını ürün bağlamında gösterir. Saçma sapan çıktılar veren sinir bozucu algoritmaları ortaya çıkarmaya yardımcı olur.

Ön uç prototipleme son ile başlar

Bir tasarımdaki tüm özelliklere aşık olmak ve amacın iyi bir kullanıcı deneyimi (UX) olduğunu unutmak kolaydır.

Bir UX tasarımcısı olarak, kullanıcıların kafalarının içine girmek önemlidir. Acı noktalarını öğrenin. Onları ne hayal kırıklığına uğratıyor? Hedefleri ve özlemleri nelerdir?

Hedef kullanıcınız hakkında “hikayeyi anlatmanıza” izin veren bazı kullanışlı UX pazarlama araçları vardır.

Kullanıcı karakterleri. Bunlar, son kullanıcınızı temsil eden kurgusal karakterlerdir. Her ürün için 1 ila 3 kişi olabilir. Kullanıcı hikayeleri. Bunlar, tasarımı kullanan kullanıcı kişiliklerinizin kısa hikayeleridir. Kullanışlı olmayan özellikler eklemekten kaçınmanıza yardımcı olabilirler. Kullanıcı senaryoları. Bunlar, UX tasarımınızı kişilerle ve onların hedefleriyle ilişkilendirmenize yardımcı olur.Müşteri yolculuğu haritaları. Kullanıcı davranışlarının ve duygularının öncesinde, sırasında ve sonrasında haritasını çıkararak, kullanıcıların ihtiyaçlarını onlar farkına bile varmadan tahmin etmenize yardımcı olabilir.

Bunlar kurgusal tasvirler olsa da, gerçek kişileri ve gerçek olayları temsil etmelidirler. Başka bir deyişle, bunları kullanıcı araştırmalarından öğrendiklerinizden inşa edersiniz.

Statik ön uç prototipleme

2 17

Bir ön uç prototipi neredeyse her şey olabilir. Bir kağıt peçeteye, bir deftere veya bir beyaz tahtaya karalayabilirsiniz. Photoshop veya Illustrator’da oluşturabilirsiniz. Bunun gibi statik prototipler, ürünün nasıl görüneceğini ve kullanıcının ürünle nasıl etkileşime girdiğini gösterebilir.

Müşterilerin paket servis sipariş edebileceği bir restoran için mobil bir web sitesi tasarladığınızı varsayalım. Sipariş verirken kullanıcı etkileşimlerini ve ekran durumlarını göstermek için prototipi tasarlamanız gerekecek.

Hesap oluşturmak. Prototip, hesap oluşturma sürecini taklit etmelidir. Araştırmanın, kullanıcılar ödeme sırasında hesabı oluşturduklarında restoranların daha fazla sipariş aldığını gösterdiğini varsayalım. Prototip, kasada kullanıcı girişini simüle etmelidir.Giriş yapın. Burada prototip, giriş alanlarını gösterecektir. Ayrıca, kullanıcı yanlış bilgi girerse yanıtı da göstermesi gerekir. Ayrıca, kullanıcı henüz bir hesap oluşturmamışken oturum açmaya çalışırsa ekran durumunu gösterir.Sipariş. Prototip menü kategorilerine (ana yemekler, yan yemekler, içecekler vb.) sahip olacaktı. Kullanıcı bir kategori seçtiğinde sitenin nasıl davrandığını gösterecekti. Ayrıca bir kategoriden seçildiğinde ürünün ekranda nasıl göründüğünü de göstermelidir.Ödeme. Kullanıcının ödeme bilgilerini nasıl girdiğini, gelecekteki siparişler için nasıl kaydettiğini vb. gösterir. Alım için geldi. Kullanıcının restorana varışını nasıl anons ettiğini simüle eder. Örneğin, restoranın kaldırım kenarı hizmeti varsa, kullanıcı bir park yeri numarası girebilir.

Ancak restoranın, müşterilerin yemek odasında bir masa ayırtmasına da izin vermek istediğini varsayalım. Prototip, sipariş gerçekleştirme seçeneklerini nasıl sunduğunu gösterecek ve bir masa rezerve edecektir.

Statik bir prototip, ürünü şu şekilde sunabilir:

Ana sayfa. Bu örnekte, teslimat siparişi verebilir veya bir masa rezerve edebilirsiniz. Prototip, onları yürütme sayfasına ve rezervasyon sayfasına götüren düğmeleri gösterir. Oklar veya çizgiler bu sayfaların çizimlerine katılabilir. Gerçekleştirmek. Burada kategorilerin düzenini gösterir. Rezervasyonlar. Hangi tabloların mevcut olduğunu gösterir. Ödeme. Kullanıcının bir taşıma siparişini nasıl tamamladığını temsil eder.Giriş/Gerekirse kullanıcı adı ve parola oluşturÖdeme bilgisiSiparişiArrival’i onaylayın. Bu, kullanıcının restoran personelini nasıl uyardığını gösterir. Kaldırım kenarı park yeri numarasıRezervasyon için geldi

Bunların her birini bir akış şeması gibi düzenleyebilirsiniz, böylece prototipin her bir parçasının ne yaptığını ve ürünün nasıl görüneceğini iletir.

Ancak kullanıcı etkileşimine izin vermez.

Etkileşimli ön uç prototipleme

3

Etkileşimli bir prototip daha iyidir çünkü UX ekipleri tasarım için bir fikir edinebilir. Ürün test uzmanlarından gelen geri bildirimlerle, bir sonraki aşamaya geçmeden önce prototipi iyileştirebilirsiniz.

Ana sayfa. Etkileşimli prototip, taşıma veya rezervasyonları seçerek bağlantıları test etmenize olanak tanır.Carryout. Burada düğmenin ve diğer grafiklerin nasıl göründüğünü görebilirsiniz. Düğmeye dokunabilir ve tasarımın iyileştirilmesi gerekip gerekmediğine karar verebilirsiniz.Rezervasyonlar. Bir masa ayırmanın UX’ini değerlendirebilirsiniz. Hangi masa veya kabinlerin müsait olduğunu, veranda ve bar masalarının olup olmadığını ve hangi saatlerde rezervasyon yapabileceğinizi nasıl gösterdiğini görebilirsiniz. Sitenin ödeme bilgilerini girmeyi ve kaydetmeyi, favori siparişleri kaydetmeyi vb. kolaylaştırıp kolaylaştırmadığını görebilirsiniz.Geliş. Restoran personeline orada olduğunuzu nasıl bildirdiğinizi gösterir.

Kodlu ön uç prototipleme

Ön uç prototiplemede kod kullanmak, statik, vektör tabanlı tasarımla bağlantılı tüm sorunlarınızı çözer. Diyelim ki “gerçek” ön uç prototipleme. Merge teknolojisiyle desteklenen UXPin ile prototipiniz için kodlanmış bileşenleri UXPin’deki kitaplığa aktarabilirsiniz. Bu, projeyi ilerlettiğinizde çok daha basit hale getirir.

Tasarımcıların kodlama uzmanlığına ihtiyacı yoktur.Mühendisler önceden kodlanmış tasarım öğeleriyle çalışabilirler.Tasarım operasyon ekipleri, tek bir kaynaktan hem tasarımcılara hem de mühendislere hizmet eden prototipler oluşturabilir.

Doğrudan kodla çalıştığınız için daha sonra çevirmeniz gerekmez. Bu, tasarım editörlerinin tüm tasarım geliştirme sürecini düzeltmek ve kaldırmak için bir kabus olabilecek karmaşık kodlar yapmaktan kaçınmasına yardımcı olur.

Birleştirme, yalnızca prototipinizi işlevsel kılmakla kalmaz, aynı zamanda bileşeni tuval üzerine sürükleyip bırakarak bunu kolay ve hızlı bir şekilde yapmanızı sağlar. İstemediğiniz sürece herhangi bir etkileşim eklemeniz gerekmez. Birleştirme teknolojisi, üretime hazır bileşenlerle arka ucu unutarak yalnızca kullanıcı arayüzüne odaklandığınız için nihai ön uç prototiplemedir.

Bu kolay

Tekerleği yeniden icat etmenize gerek yok. Git deposundan Github veya Bitbucket gibi kodlanmış React.js bileşenlerini UXPin tasarım aracına aktarabilir ve sahip olduklarınızdan en iyi şekilde yararlanabilirsiniz.

Kod bileşenleriyle tasarlamaya başlamak ve ürününüzün pazara sunma süresini kısaltmak için Merge teknolojisiyle desteklenen UXPin’i deneyin.

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz