Sinan Özdemir Digital Experience Designer | Sherpa Define and Design

sinanozdemir@gmail.com

WIREFRAME ARAÇLARI - axure vs UXpin

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

• 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?

usability.gov

Prototip, fikir aşamasındaki bir ürünü, zaman ve para kaybı yaşamadan tüm tasarım konsepti ile birlikte gösterebilen taslak versiyondur.

PROTOT İP

• 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?

WIREFRAMEPROTOTİPMOCKUP

Axure | linkedin.com UX professionals

UXpin | linkedin.com UX professionals

• Hızlı kullanılabilmeli

• Takım çalışmasına uygun ve paylaşılabilir

• 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?

hızlı kullanılabilmeli

hızlı kullanılabilmeli

hızlı kullanılabilmeli

hızlı kullanılabilmeli

takım çalışmasına uygun ve paylaşılabilir

takım çalışmasına uygun ve paylaşılabilir

ile kullanıcı testleri uygulanabilir

ile kullanıcı testleri uygulanabilir

kullanıcı desteği ve açık kaynaklı kütüphaneye sahiptir

www.axure.com/community/widget-libraries

kullanıcı desteği ve kütüphaneye sahiptir

kullanıcı desteği ve kütüphaneye sahiptir

etkileşimleri gösterir

http://share.axure.com/A0XVV4/Zoom_by_Dragging.html

http://share.axure.com/UFHCOE/Pin_Navigation_Example.html

http://share.axure.com/LTMT74/parallax_scrolling.html

http://share.axure.com/DE24DJ/Adjustable_Flick_Book_Module.html

http://share.axure.com/WFL5T0/Home.html

http://share.axure.com/F592TA/home.html

http://share.axure.com/WJPJX4/home.html

http://share.axure.com/2J7BS8/window_adjustable_panel.html

Axure Etkileşim örnekleri

etkileşimleri gösterir

farklı cihazlarda test edilebilir

farklı cihazlarda test edilebilir

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