Prototipleme ve Tel Çerçeveleme: Farkı Nedir?

Discover how to lead product teams and build better products. Create a Free Account

Prototipler ve tel çerçeveler, fikirlerinizi aktarmak için harika görsel temsillerdir. Ancak bir ürün yöneticisi olarak hangisine zaman ayırmalısınız?

Prototyping Versus Wireframing whats the difference standard editorial post

Ürün yönetimi dünyasında, araç setinizde bulunmasını isteyeceğiniz becerilerden biri tel çerçeve veya prototip oluşturabilmektir.

Prototipler veya bir tel çerçeve kullanmak, bir mobil uygulama ya da web sitesi için aklınızdaki fikri aktarmanın harika bir görsel yoludur ve zaman alıcı olmayan kullanıcı geri bildirimleri almanızı sağlar.

Bununla birlikte, prototipler ve tel çerçeveler arasındaki farklar konusunda oldukça fazla kafa karışıklığı vardır. Kapsadıkları konular açısından ikisi arasında büyük bir örtüşme olsa da birçok önemli farklılık da bulunur. 

Tel çerçeve ile prototipler arasındaki temel farkın, birinin düşük aslına uygunlukta (tel çerçeve), diğerinin ise yüksek aslına uygunlukta (yüksek aslına uygunlukta tel çerçeveler veya prototipler) olması olduğunu düşünmek kolaydır; ancak konu bundan çok daha fazlasıdır. 

Bu makalede tel çerçevenin ve prototiplerin ne olduğuna, ayrıca ikisi arasındaki farklara göz atacağız. Aynı zamanda ikisi arasındaki orta nokta olan maketleri ve bir ürün yöneticisi olarak tasarım sürecinin ne kadarından haberdar olmanız gerektiğini ele alacağız. 

Tel Çerçeve Oluşturma Nedir?

Öncelikle tel çerçevenin ne olduğuna bakalım. 

Tel çerçeve, fikri (bir uygulama veya web sayfası gibi) en temel hâline indirgemektir. Bu, uygulamanızın veya web sayfanızın nasıl görünebileceğine dair 30.000 fitlik bir bakıştır. Yapının ana hatlarını, kullanıcı arayüzünü ve bilgilerin kullanıcının karşısında nasıl düzenlendiğini içerir. 

Buradaki odak noktası sadeliktir—tel çerçeve oluşturmak zaman alıcı bir süreç değildir. Burada odak noktanız kullanıcı deneyimi veya etkileşim değildir. 

Bir tel çerçeve, doğru yolda olduğunuzu doğrulamak için kilit paydaşlardan hızlı geri bildirim almak açısından harikadır. Değilseniz, birkaç düzenlemeyle yeni sürümler oluşturmak kolaydır. 

Tel Çerçeve Nasıl Görünür?

Ürün tel çerçevesi oluşturmanın en iyi uygulamalarından bazıları şunlardır: 

  • Bir tel çerçeve genellikle siyah beyaz veya gri tonlamalıdır
  • Yer tutucu olarak Lorem ipsum metni yaygın olarak kullanılır
  • Görselleri göstermek yerine, basit bir kutu (genellikle içinde bir “x” bulunan) işinizi görür

Bunun düşük aslına uygunlukta olduğunu unutmayın: işlevsellik ve kullanıcı deneyimi daha sonra gelir. 

Tel Çerçeve Gifi
Bir tel çerçevenin çeşitli cihazlarda nasıl görünebileceğine dair örnekler. (Kaynak)
Get Free Access to the Product Vault
We’ve collected the goods — AI prompts, exclusive deals, and a library of resources for product leaders. Unlock your account for access.
Get Free Access

Have an account? Log In

Tel Çerçeve Oluşturma Araçları

Eski usul ilerlemek isterseniz, fikri hızlıca aktarmak için kalem ve kâğıtla tel çerçeve oluşturmak fazlasıyla yeterlidir. Belki öğle yemeği için dışarıdasınız veya bir kafedesiniz ve aklınıza bir fikir geldiğinde elinizde yalnızca bir peçete ve kalem var. 

Değilse, tel çerçeve oluşturmak için kullanılan popüler bir tel çerçeve yazılımı çözümü Balsamiq'tir. Bu yazılım yalnızca tel çerçeve oluşturmaya odaklanır ve başka bir işlev sunmaz. 

Elbette, yeni bir yazılım aracı daha öğrenmek istemiyorsanız, Sketch ve Invision gibi daha aşina olduğunuz uygulamalarla da tel çerçeve oluşturabilirsiniz. 

Unutmayın, tel çerçeve hızlıca bir araya getirerek fikri aktarabileceğiniz, düşük aslına uygunlukta bir çalışmadır. Yeni bir yazılım öğrenmeye çalışarak çok fazla zaman harcamak istemezsiniz (gerçi Balsamiq'i öğrenmek oldukça kolaydır). 

Balsamiq'te Oluşturulmuş Tel Çerçeve Ekran Görüntüsü
Balsamiq'te oluşturulmuş bir tel çerçeve. (Kaynak)

Ürün Yöneticilerinin Tel Çerçeveler Hakkında Bilmesi Gerekenler

Bir ürün yöneticisi olarak, kısa sürede görsel bir çalışmaya dönüştürülebilecek içgörünüzü aktarabilmek istersiniz. 

İster bir yazılım geliştiricisine ister UX tasarımında çalışan birine bir şey gösteriyor olun, hızlı bir tel çerçeve oluşturma bilgisine sahip olmak ürün yönetimi kariyerinizde büyük fayda sağlayacaktır. 

Prototip Oluşturma Nedir?

Prototipler, kullanıcı geri bildirimlerine bağlı olarak son ürününüzden çok farklı görünmeyebilen ve işleyiş açısından da çok farklı olmayabilen, yüksek aslına uygunlukta sürümlerdir. 

Prototipler, kullanıcı testleri için harikadır. Etkileşimleri, kullanıcı deneyimini, kullanılabilirliği ve kullanıcı arayüzünü test edebilirsiniz. 

Prototiplerin oluşturulması, nihai ürün tasarımını yakından temsil edebildikleri için çok daha fazla zaman alır; ancak prototip oluşturma yoluyla test ederek doğrudan nihai ürünü oluşturmaya geçerseniz size bolca zaman kazandırır. 

Prototip Neye Benzer? 

Ürününüzün ne olduğuna bağlı olarak prototipinizin tasarımı, nihai ürünün son tasarımının nasıl görüneceğine oldukça benzer olmalıdır. 

Bu tasarım; kuruluşunuzun diğer uygulamalar veya web sayfaları için hâlihazırda kullandığı yazı tiplerini, markalama unsurlarını, tasarım ögelerini ve kullanıcı arayüzü tasarımını içermelidir. 

Ne kadar ayrıntıya girmek istediğinize bağlı olarak, bitmiş ürünün nasıl olacağı hakkında daha iyi fikir edinmek için etkileşimli prototipler oluşturabilirsiniz. Bu, sizi prototipin diğer bölümlerine götüren tıklanabilir bağlantıları içerebilir. 

Ayrıca prototipin nihai ürün gibi davranmasını sağlamak için animasyonlar ve geçişler de ekleyebilirsiniz. Fiziksel ürünleri, mekânsal yerleşimleri veya AR arayüzlerini simüle etmek gibi bazı durumlarda ekipler, etkileşim ve hareket hakkında daha gerçeğe yakın bir izlenim yakalamak için 3B prototiplemeyi destekleyen araçlara yönelebilir.

Figma'da Oluşturulmuş Prototip Ekran Görüntüsü
Figma'da oluşturulmuş bir prototip örneği. (Kaynak)

Prototipleme Araçları

En popüler prototipleme yazılımlarından bazıları şunlardır:

Bu sağlayıcıların çoğu, başlamanıza yardımcı olmak için ücretsiz prototipleme araçları veya yazılımlarının freemium sürümlerini sunar.

Ürün Yöneticilerinin Prototipler Hakkında Bilmesi Gerekenler

Bu, birçok faktöre bağlı olacaktır. 

Daha küçük bir şirkette çalışıyorsanız, birçok farklı rolü üstleniyor ve yüksek ayrıntı düzeyine sahip bir prototipin nasıl hazırlanacağı konusunda fikir sahibi olabilirsiniz. 

Daha büyük bir kuruluşta çalışıyorsanız, kullanıcı deneyimi tasarımında uzmanlaşmış ekip üyelerine sahip olma ihtimaliniz yüksektir. Daha uzmanlaşmış ve bu işe daha uygun becerilere sahip oldukları için prototip üzerinde çalışması gereken ekip üyeleri bunlardır.

Bir ürün yöneticisi olarak tek bir beceri üzerinde çalışacaksanız, daha fazla zamanınızı tel kafes oluşturmaya ayırın; çünkü bunu daha sık yapacaksınız. 

Prototipleme ve Tel Kafes Oluşturma Arasındaki Temel Farklar

Prototipleme ve tel kafes oluşturma arasındaki temel farkları özetleyelim:

  • Tel kafes, oluşturulması daha az zaman alan düşük ayrıntı düzeyli bir çalışmadır; prototip ise oluşturulması daha fazla zaman alan yüksek ayrıntı düzeyli bir çalışmadır.
  • Tel kafes, ürün fikrinin genel görünümünü aktarmaya yöneliktir. Prototip ise nihai ürünün çalışma ve davranış biçimine benzeyecek bir çalışmadır.
  • Tel kafeste yer tutucular kullanılır ve genel yapıya odaklanılır. Prototipte ise gerçek tasarım kullanılır.
  • Tel kafesler, paydaşlardan onay almak için kullanılan araçlardır. Prototip ise kullanıcı deneyimini test etmenize ve kullanıcı etkileşiminden kullanıcı geri bildirimi almanıza olanak tanır. 

More Articles

Maketten Tasarımlar: Orta Yol

Prototip ile tel kafes arasında bir miktar fark vardır. İkisi arasındaki boşluğu kapatmaya yardımcı olmak için maketten tasarımlar hakkında da bilgi sahibi olmalısınız. 

Tel kafesleri hızlıca hazırlamak mümkün olsa da elinizde yalnızca gri tonlamalı kutular ve lorem ipsum metni olduğunda nihai ürünün nasıl görüneceğini hayal etmek bazen zor olabilir. 

Maketten tasarımda odak noktanız, görsel tasarımı tam anlamıyla doğru hâle getirmektir. Bu, kullanılabilirlik testi veya kullanıcı deneyimiyle ilgili değildir; bunlar prototip aşamasının konularıdır. Burada amaç, nihai ürünün nasıl görünebileceğinin görsel yönünü ele almaktır. Kullanıcı akışına odaklanmaya başlayabileceğiniz aşama prototipe geçtiğiniz zamandır.

Bir ürün yöneticisinin maketten tasarımlar hakkında bilmesi gerekenler konusunda da prototiplerde olduğu gibi aynı şeyler geçerlidir.

Daha büyük bir kuruluşta çalışıyorsanız, tasarım sürecine çok daha uygun olan ve geri bildirim almak için bir maket hazırlayabilecek ekip üyeleriniz mutlaka vardır. (Ayrıca açıkça belirtmeliyim ki geri bildirim, sorunlu ürün tasarımlarını fark etmek açısından çok önemlidir.)

Kısaca... 

Artık maketler ile prototipler arasındaki farkları ve maketlerin sunduğu ara çözümü daha iyi anlıyorsunuz. 

Burada mevcut beceri düzeyinizi değerlendirmelisiniz. Kalem ve kâğıt sizin için işe yaradıysa bu şekilde devam edebilirsiniz ya da elinizin altında bulunan birçok mükemmel UX tasarım aracını kullanmayı deneyebilirsiniz. 

Bir günde yalnızca belirli sayıda saat olduğunu ve maket ile prototip çalışmalarının, tasarım sürecinde uzmanlaşmış ekip üyelerine daha fazla bırakılacağını unutmayın. Prototip ile nihai ürün arasındaki engeli mümkün olduğunca azaltacak bir şey oluşturmak için onlarla yakın çalışmak isteyeceksiniz. 

Daha fazla tasarım bilgisi edinmek istiyorsanız, bu yıl düzenlenecek web tasarımı konferansları derlememize göz atın. 

Daha iyi bir ürün yöneticisi olmayı öğrenmek istiyorsanız The CPO Club bültenine kaydolun.

Paul Lopusushinsky
Paul is the founder of Playficient,. Over the last 5+ years, he's been pioneering the use of product management techniques to improve the employee experience with a particular focus on onboarding.
Follow the author: