Wireframe ne demek?

wireframe

Wireframe ne demek ? Ne işe yarar ?

Konuyu anlatmaya başlamadan önce, wireframe kelimesinin ingilizce anlamına bir bakmak ve beni nasıl bir sonuç bekliyor görmek istedim. Türkçe karşılığı olarak “tel çerçeve” ve “tel kafes” şeklinde bir çeviri çıktı karşıma. Muhtemelen benim gibi bu şekilde aratıp sorgulayanlar için hiçbir anlam ifade etmeyen bir ingilizce kelime çevirisi. Konumuza geri dönersek, wireframe ne demek? Ne işe yarar? diyorsanız:

Wireframe terimi, farklı iş dallarında farklı anlamlarda kullanılmaktadır. Wireframe, kelime olarak belki çok havalı duruyor olabilir ama aslında tasarım disiplinleri altında kullanılan ( eskiz, sketch, taslak, kabataslak vb. ) terimlerden çok da büyük bir farkı yoktur.

 Dijital yani web Dünyası özelinde wireframe ne demek ?

Bir site ya da mobil uygulamanın neresinde ne olacağı, tam olarak nasıl çalışacağı gibi konularını anlaşılır kılmak üzere; tek satır kod yazmadan, kaba ve detaysız ( tasarıma çok bulaşmadan ) bir yerleştirme yaparak projenin kurgusu, akışı ve işlevselliği hakkında hem müşteriye hem de yazılımcıya fikir sahibi olma imkanı sağlayan, proje ön hazırlık aşamasıdır.

Wirefram orjinal dokümanın hazırlanmasında temel kaynaktır. Kurum içi ve müşteri tarafından onay alınmış bir wireframe sunumu sonrası süreç çok hızlanacaktır. Site ve mobil cihazlarda ( tablet, dizüstü, cep telefonları vb. ) sitenizin tasarım öncesi nasıl görüneceğini ve önceliklerin belirlenmesi adına wireframe çalışması, sizin ve müşteriniz için eşsiz bir fırsattır.

Wireframe neden gereklidir ?

1 – Projenin genel yapısı (artı ve eksiler) adına fikir sahibi olmanızı sağlar.

2 – Site ve akış haritanız ortaya çıkmış olur.

3 – Proje öncesi teknik olarak yapıp yapamayacaklarınız belirlenir.

4 –  Zaman tasarrufu.

5 – Para kazandırır.

Wireframe’in faydaları:

Prototipleme veya her türlü ayrıntılı ekran tasarımıları karşılaştırıldığında tel wireframe size aşağıdaki avantajları sunar:

1 – Kolay çizilebilir:

Wireframe temiz  ve sade bir düzen içerir. Ayrıntılı şekillendirme ve biçimlendirme yapmadan basit tasarım formları kullanılarak

kolaylıkla çizilebilir.

2 – Kolay anlaşılır:

Wireframe hem proje geliştirme ekibi hem de müşteri tarafından kolay algılanır. Herkesin öğrenme ve anlama eşiği aynı değildir.

Çok zaman kaybetmeden ( menu, site içerik, eksikler, akış ve önem sırası ) ortak nokta bulunabilir, süreç hızlanır.

3 – Kolay değiştirilebilir:

Yeni tasarım fikirlerini görselleştirmek için herhangi bir programlama ya da kodlama yapmanız gerekmez.

4 – Gerçek kodlama gerekmez:

Ağır prototipleme ve gerçek kodlama yapılmaz. Tasarım detaylarına girmeden oluşturulan bir çizim yeterlidir.

5 – Satır içi ek açıklamalar ve yorumlar eklenebilir:

Ek açıklama şekilleri yardımıyla tasarım fikirlerini yerinde revize edilebilir. Proje ekibi ve müşterinin projeyi

geliştirmesi sağlanır.

Wireframe oluşturmak için kullanabileceğiniz yöntemler:

Dinamik ya da statik olarak wireframe hazırlayabilirsiniz. Bu tamamen elinizdeki imkan ve program yetileriniz ile doğru orantılıdır. Müşterinin revize ve değişiklik isteklerini en kolay ve hızlı bir şekilde yapabileceginiz bir modeli seçmenizi tavsiye ediyorum.

 

Web üzerinden ücretli ya da ücretsiz kullanabileceğiniz servis, ürün ve programların listesi:

 

  1. Balsamiq Mockups

 

  1. Wireframe.cc

 

  1. Pidoco

 

  1. Mockingbird

 

  1. Lovely Charts

 

  1. Cacoo

 

  1. Gliffy

 

  1. Lumzy

 

  1. Mockflow

 

  1. Pencil Project

 

  1. Simple Diagrams

 

  1. Denim

 

  1. Website Wireframe

 

  1. Jumpchart

 

  1. UXPin

 

  1. Fluid UI

 

  1. Axure

 

  1. Visio

 

  1. InDesign CC

 

  1. Adobe Illustrator

 

  1. Photoshop CC

 

Sağlıcakla Kalınız…

Kimler Neler Demiş?

avatar

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  Subscribe  
Bildir