Wireframe (Tel Çerçeve), üzerinde çalıştığınız web sitenizin, mobil uygulamaların veya yazılımların tasarımını şematik olarak oluşturmanıza yardımcı olan bir araçların genel adıdır.

Son zamanlarda özellikle web sitelerin tasarım planlanması için kullanıyor. 2-3 sene önce ise bu sistemi dünyada da kullanan firmaların sayısı çok azdı. Peki ne oldu da son zamanlarda büyük şirketler Wireframe uygulamalarına yöneldi?

- Wireframe uygulamaları zaman tasarrufu sağlıyor. (En önemli özelliği.)
- Sürükle-bırak mantığıyla çalıştığı için tasarımda yapacağınız değişikliklerde size büyük kolaylık sağlıyor.
- Projedeki karmaşıklığı ortadan kaldırıyor ve projenize kuşbakışı bakmanıza imkan sağlıyor.

Yukarıda sıraladığım üç madde Wireframe uygulamalarının en önemli özelliklerinden sadece birkaçı.

Wireframe hizmeti veren sitelerin referanslarına baktığımda Apple, Google, IBM, Adobe, Skype, eBay, Sony, Intel ve HP gibi birçok büyük şirketin Wireframe uygulamalarını kullandığını gördüm. Wireframe örneği görmek istiyorsanız Digg'in blog sayfasında yayınladığı Digg'in Wireframe'lerine şuradan bakabilirsiniz.

Wireframe uygulamalarında açık kaynak kodlu ve ücretsiz sunulan Pencil Project'in Ubuntu işletim sistemi için olanını kullanıyorum. Uygulamayı Firefox'u çalıştırıp ve Tools menüsünden Pencil Sketching seçmeniz yeterli. (10 Ocak 2013 Güncellemesi: Pencil Project güncellendi. Artık terminali açıp pencil yazarak açabilirsiniz ya da Ubuntu menüden pencil yazarak ulaşabilirsiniz.)

Google'dan Wireframe Tools yazarak daha fazla Wireframe uygulamalarına ulaşabilirsiniz. Tavsiye edebileceğim birkaç Wireframe'ler şunlar:

Balsamiq

Birçok büyük internet şirketinin de kullandığı bir Wireframe aracı. Demosuna şuradan ulaşabilirsiniz. Eğer bir Wireframe uygulaması satın alacak olsaydım kesinlikle bunu tercih ederdim.

balsamiq-wireframe



MockFlow

Deneme sürümünü kullanmıştım. Başarılı. Sitelerinde yazan bilgiye göre dünya çapında binlerce kullanıcısı varmış.

MockFlow-wireframe-uygulamasi



Lumzy

Ücretsiz bir uyglama olan Lumzy'nin Wireframe uygulamasına ise şuradan ulaşabilirsiniz. Web üzerinde birden fazla kişi ile çalışmanıza ve sohbet etmenize imkan sağlıyor.

lumzy-wireframe



Son olarak şu linkleri de paylaşayım. Google'dan arayıp bulmaktansa kendim için kaydediyorum bu linkleri.

Mashable: Tasarımcılar için 10 Ücretsiz Wireframe Aracı

Fuel Your Creativity: Web Tasarımcıları İçin 17 Harika Wireframe Aracı

UX Booth: 15 Online Wireframe Aracı

Yeni bir blog kaydında tekrar görüşmek üzere.
Selamlar.