4. Wireframe bir arayüz tasarımında, içerik yerleşimi ve
önceliği ile fonksiyonlar ve onlarla amaçlanan
davranışlara odaklanan iki boyutlu bir illüstrasyondur.
usability.gov
WIREFRAME
5. • Bilgi mimarisi ve sayfalar arasındaki ilişkinyi görselleştirir
• Arayüzdeki her bir parçayı açık bir şekilde tanımlar
• Arayüz fonksiyonlarını tanımlar
• İçeriklerin önceliklendirir. Nerede ve ne kadar yer
kaplayacağının belirler
WIREFRAME NE YAPAR?
7. • Kullanıcı, arayüz ve aralarındaki etkileşimi simule eder
• Son kullanıcı testlerinde kullanılabilir
• Use-caseler öngörür ve tasarım ekibine ışık tutar
• Para ve zaman kaybı olmaksızın revizyon gereksinimlerini orata
çıkarır
• Hem geliştiren ekibin hem de proje sahiplerinin tasarımı ve
kapsamını hatasız anlamasını sağlar
PROTOTİP NE YAPAR?
11. • Hızlı kullanılabilmeli
• Takım çalışmasına uygun ve 貹şı
• Kullanıcı testleri uygulanabilmeli
• Kullanıcı desteği ve kütüphanesi olmalı
• Etkileşimler gösterilebilmeli
• Farklı cihazlarda test edilebilmeli
WIREFRAME / PROTOTIP ARACI NASIL OLMALI?
31. Uygun Fiyat
Sonsuz widget kütüphanesi
Kullanıcı desteği
Offline kullanım
Aylık Fiyat
Sezgisel kullanım
Estetik tasarım
Online kullanım
Yardımcı kaynaklar