internet-bilgisi-logo
KONULAR    GOOGLE   FACEBOOK   TWITTER   SEO   MICROSOFT   BLOGGER   YARIŞMALAR   

Wireframe Nedir? En İyi Wireframe Uygulamaları



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.
balsamiq-wireframe-uygulamasi
Wireframe uygulamlarında yer alan bilşenlerin genel olarak görüntüsü bu şekilde.

Son zamanlarda özellikle sitelerin web 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.

Paylaşmak güzeldir.


4 yorum:

  1. Tek kelimeyle harika. Tam istediğim programları buldum. Teşekkürler.

    YanıtlayınSil
  2. Listeye bir de şunu ekleyelim: http://uxpin.com

    YanıtlayınSil
  3. Şuradaki listeye de bakmayı unutmayın:
    http://mashable.com/2013/04/02/wireframing-tools-mobile/

    YanıtlayınSil
  4. harika bir liste olmuş. teşekkürler. yorum yapmadan çıkmak istemedim.

    YanıtlayınSil

"Paylaşım için teşekkürler." vb. yorumlar yayınlanmamaktadır. Lütfen konu ile ilgili yorumlarınızı paylaşın.