Ürün Yönetimi Sözlüğü · Adım 7 · Prototip

Wireframe (tel çerçeve)

Bir ekranın ya da sayfanın yapısını, içerik yerleşimini ve akışını renk, görsel ve ayrıntılı tasarım olmadan gösteren düşük sadakatli taslak. “Ne nerede duruyor ve kullanıcı nereye gidiyor?” sorusuna odaklanır.

Wireframe’in gücü eksikliğindedir. Renk, yazı tipi ve görsel olmadığı için konuşma estetik tercihlerden uzaklaşır; ekip ve kullanıcı yapıya, önceliğe ve akışa odaklanır. Kâğıt üzerinde kalemle ya da basit bir dijital araçla dakikalar içinde çizilir ve aynı hızla atılabilir. Birden çok wireframe’i yan yana koyup karşılaştırmak, tek bir parlak tasarıma erkenden bağlanmayı önler ve ekibin alternatifler üzerinden düşünmesini sağlar. Ucuz olduğu için vazgeçmek de kolaydır.

Prototip sadakati bir yelpazedir: kâğıt eskizler ve wireframe’ler düşük, tıklanabilir ekran akışları orta, gerçek veriyle çalışan demolar yüksek sadakatlidir. Wireframe’ler birbirine bağlanıp tıklanabilir hale getirildiğinde, kullanıcı görevleriyle test edilebilen basit bir prototipe dönüşür. Sadakat, test edilen soruya göre seçilir: akış anlaşılır mı diye soruyorsanız wireframe yeter; güven ve marka algısını soruyorsanız daha yüksek sadakat gerekir. Yanlış sadakat, yanlış soruya cevap verir ve ekibi yanıltır.

ÖrnekHastane randevu uygulaması ekibi randevu alma akışı için üç farklı wireframe çizer: doktordan başlayan, bölümden başlayan ve şikâyetten başlayan. Beş hastayla yapılan kısa testte şikâyetten başlayan akış en hızlı tamamlanır.

Sık yapılan hata. Wireframe aşamasında renk, ikon ve metin ayrıntısına takılmak. Bu, düşük sadakatin bütün avantajını yok eder ve tartışmayı yapıdan zevke kaydırır.

AI katmanı Yapay zekâ bir akışı tarif ettiğinizde wireframe’leri, hatta tıklanabilir prototipleri dakikalar içinde üretebiliyor. Bu, alternatif sayısını artırmak için bir fırsat; tek bir parlak ekrana erkenden bağlanmak için ise bir tuzaktır.

İlgili kavramlar

← Vibe coding Bütün kavramlar Wizard of Oz testi →