Demo İste

Wireframe, MockUp, Prototip Anlam Karmaşasına Son Nokta…

Geçen gün ortağımla oturduk yarım saat ‘yok wireframe şudur, yok mockup şöyle, o öyle değil aslında böyle’ gibi boş boş anlamlar üzerine tartıştık. En sonunda aynı şeyleri farklı kelimelerle anlattığımızda hemfikir olup HapŞeklinde’ye konu etmeye karar kıldık.

Sıralama şu şekilde: Sketch/Eskiz -> Wireframe -> Mockup -> Prototip

Wireframe
Görsel ve işlevsel bir ön hazırlık aşaması ve tasarımın belki de ilk adımıdır. Bir kağıt ya da çizim programı üzerinde hazırlanabilir. Estetik kaygı anlamında renk dahil neredeyse hiçbir şeye gerek yoktur. Önemli olan iskeleti çıkartmak ve bir ön fikir sahibi olmaktır. İçerik bilgi mimarisidir: Menüler, metinler, butonlar, resimler, bunların konumları ve kapladığı alanlar, gruplamalar, sayfalar/ekranlar arası bağlantılar, senaryolarla kullanıcı etkileşimleri yer alır.
Faydası: Fazla vakit ve kaynak harcamadan yapılır. Siz ve müşteri istediğiniz şey üzerinde tartışır ve mutabık kalırsınız. Tasarımcı, yazılımcı ve bilumum ekip rahat eder.
Önerilen uygulamalar: Sketch, Balsamiq, Pencil, Omnigraffle (*)

Mockup
Aslında model veya maket de diyebiliriz. Wireframe’i alıp müşteriye güzel janjanlı bir şekilde tam ölçekli sunmaktır. Yani estetik kaygısı olan, son kullanıcının nihai şekildeki kullanımlarına en yakın görsel sunumdur. Bu sunum bir pdf olabileceği gibi müşterinin hayal edebilmesi için tamamen statik bir mobil uygulama da olabilir.
Faydası: Görsel tasarım ve gerçek dünyadaki kullanım alanları netleşmiş olur. Müşteri en sonunda neyle karşılaşacağını bilir, sürprize yer kalmaz.
Önerilen uygulamalar: Invision, UXPin, Marvel, Framer, JustInMind

Prototip
İşte bu en can alıcısıdır çünkü hayalinizin çalışan, işleyen basit bir versiyonudur. Tabi ki full fonksiyon değildir ama interaktif bir simulasyondur. Müşteriye verdiğinizde ‘aa bitirmişsiniz’ tepkisi almanız muhtemeldir.

Faydası: Hatalar ve kolay kullanımlı olup olmadığı gözlenir. Ayrıca ürünü yatırımcılara ve patronunuza göstermek için büyük fırsattır.
Önerilen uygulamalar: Invision, JustInMind, UXPin, 3D yazıcılar

(*) Bu yazıda bahsedilen uygulamalar genelde her aşama için kullanılabiliyorlar. Bir de web tabanlı ücretsiz birçok seçenek bulabilirsiniz.

Mustafa El-Aliwat

Paylaş

    Aylık Bültenimize Abone Olun!

      Aylık Bültenimize Abone Olun!

      Sitemizdeki deneyiminizi iyileştirmek ve hizmetlerimizi daha iyi hale getirmek için yasal düzenlemelere uygun çerezler (cookies) kullanıyoruz. Çerez tercihlerinizi düzenlemek için ayarlara gidebilir veya çerez politikamız hakkında detaylı bilgi alabilirsiniz.

      Zorunlu Çerezler

      Her zaman etkin
      Zorunlu çerezler, web sitesine ilişkin temel işlevleri etkinleştirerek web sitesinin kullanılabilir hale gelmesini sağlayan çerezlerdir. Web sitesi bu çerezler olmadan düzgün çalışmaz.
      Çerez Politikamız Gizlilik Politikamız

      Performans Çerezleri

      Her zaman etkin
      Performans çerezleri, ziyaretçilerin web sitesine ilişkin kullanım bilgilerini ve tercihlerini anonim olarak toplayan ve bu sayede web sitesinin performansının geliştirilmesine olanak sağlayan çerezlerdir.
      Çerez Politikamız Gizlilik Politikamız

      Fonksiyonel Çerezler

      Fonksiyonel çerezler, kullanıcıların web sitesine ilişkin geçmiş kullanımlarından yola çıkılarak gelecekteki ziyaretlerinde tanınmalarını ve hatırlanmalarını sağlayan ve bu sayede web sitelerinin kullanıcılara dil, bölge vb. gibi kişiselleştirilmiş bir hizmet sunmasına olanak tanıyan çerezlerdir.
      Çerez Politikamız Gizlilik Politikamız

      Reklam Çerezleri

      Reklam çerezleri, üçüncü taraflara ait çerezlerdir ve web sitelerinde ziyaretçilerin davranışlarını izlemek için kullanılırlar. Bu çerezlerin amaçları, ziyaretçilerin ihtiyaçlarına yönelik ilgilerini çekecek reklamların gösterilmesidir.
      Çerez Politikamız Gizlilik Politikamız
      next4biz Destek

      Online bir görüşme için

      Toplantı Planlayın