SlideShare une entreprise Scribd logo
1  sur  31
Télécharger pour lire hors ligne
Sinan Özdemir
Digital Experience Designer | Sherpa Define and Design
sinanozdemir@gmail.com
WIREFRAME ARAÇLARI - axure vs UXpin
Axure vs UXpin
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
Axure vs UXpin
Axure vs UXpin
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

Contenu connexe

Similaire à Axure vs UXpin

Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15Hasan Yalcin
 
Hasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleri
Hasan Yalçın - Mobil Uygulamalarda Tasarım SüreçleriHasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleri
Hasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleriindir.com
 
Sinema Seans Bilgi ve Rezervasyon Sisteminin Mikro Servis Yaklaşımıyla Gelişt...
Sinema Seans Bilgi ve Rezervasyon Sisteminin Mikro Servis Yaklaşımıyla Gelişt...Sinema Seans Bilgi ve Rezervasyon Sisteminin Mikro Servis Yaklaşımıyla Gelişt...
Sinema Seans Bilgi ve Rezervasyon Sisteminin Mikro Servis Yaklaşımıyla Gelişt...Tolga Kaprol
 
Neden Solid Works
Neden Solid WorksNeden Solid Works
Neden Solid Worksguest445a09
 
SITIST 2015 Dev - SAP Splash & Build
SITIST 2015 Dev - SAP Splash & BuildSITIST 2015 Dev - SAP Splash & Build
SITIST 2015 Dev - SAP Splash & Buildsitist
 
SAP INSIDE TRACK 2015 - SAP Splash & Build
SAP INSIDE TRACK 2015 - SAP Splash & BuildSAP INSIDE TRACK 2015 - SAP Splash & Build
SAP INSIDE TRACK 2015 - SAP Splash & BuildSerkan Özcan
 
Web İçin Teknoloji Geliştirmek
Web İçin Teknoloji GeliştirmekWeb İçin Teknoloji Geliştirmek
Web İçin Teknoloji GeliştirmekVolkan Özçelik
 
Bridge design pattern
Bridge design patternBridge design pattern
Bridge design patternIlkin Azizov
 
Sap2000 kursu-atasehir
Sap2000 kursu-atasehirSap2000 kursu-atasehir
Sap2000 kursu-atasehirsersld95
 
JİRA'ya Giriş / Atlassian
JİRA'ya Giriş / AtlassianJİRA'ya Giriş / Atlassian
JİRA'ya Giriş / AtlassianCansu Kaya
 
Sap2000 kursu-esenyurt
Sap2000 kursu-esenyurtSap2000 kursu-esenyurt
Sap2000 kursu-esenyurtsersld95
 
Open Source Android Libraries
Open Source Android LibrariesOpen Source Android Libraries
Open Source Android Librariesmuratcanbur
 
Yazılım mimarisi yazılım müh.
Yazılım mimarisi yazılım müh.Yazılım mimarisi yazılım müh.
Yazılım mimarisi yazılım müh.Hüseyin Örer
 
Sap2000 kursu-buyukcekmece
Sap2000 kursu-buyukcekmeceSap2000 kursu-buyukcekmece
Sap2000 kursu-buyukcekmecesersld95
 
Xsteel kursu-fiyatlari
Xsteel kursu-fiyatlariXsteel kursu-fiyatlari
Xsteel kursu-fiyatlarisersld85
 
Sap2000 kursu-bagcilar
Sap2000 kursu-bagcilarSap2000 kursu-bagcilar
Sap2000 kursu-bagcilarsersld95
 
Sap2000 kursu-erzurum
Sap2000 kursu-erzurumSap2000 kursu-erzurum
Sap2000 kursu-erzurumsersld95
 
Sap2000 kursu-ankara
Sap2000 kursu-ankaraSap2000 kursu-ankara
Sap2000 kursu-ankarasersld95
 
Sap2000 kursu-kagithane
Sap2000 kursu-kagithaneSap2000 kursu-kagithane
Sap2000 kursu-kagithanesersld95
 
Xsteel danismani
Xsteel danismaniXsteel danismani
Xsteel danismanisersld85
 

Similaire à Axure vs UXpin (20)

Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
 
Hasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleri
Hasan Yalçın - Mobil Uygulamalarda Tasarım SüreçleriHasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleri
Hasan Yalçın - Mobil Uygulamalarda Tasarım Süreçleri
 
Sinema Seans Bilgi ve Rezervasyon Sisteminin Mikro Servis Yaklaşımıyla Gelişt...
Sinema Seans Bilgi ve Rezervasyon Sisteminin Mikro Servis Yaklaşımıyla Gelişt...Sinema Seans Bilgi ve Rezervasyon Sisteminin Mikro Servis Yaklaşımıyla Gelişt...
Sinema Seans Bilgi ve Rezervasyon Sisteminin Mikro Servis Yaklaşımıyla Gelişt...
 
Neden Solid Works
Neden Solid WorksNeden Solid Works
Neden Solid Works
 
SITIST 2015 Dev - SAP Splash & Build
SITIST 2015 Dev - SAP Splash & BuildSITIST 2015 Dev - SAP Splash & Build
SITIST 2015 Dev - SAP Splash & Build
 
SAP INSIDE TRACK 2015 - SAP Splash & Build
SAP INSIDE TRACK 2015 - SAP Splash & BuildSAP INSIDE TRACK 2015 - SAP Splash & Build
SAP INSIDE TRACK 2015 - SAP Splash & Build
 
Web İçin Teknoloji Geliştirmek
Web İçin Teknoloji GeliştirmekWeb İçin Teknoloji Geliştirmek
Web İçin Teknoloji Geliştirmek
 
Bridge design pattern
Bridge design patternBridge design pattern
Bridge design pattern
 
Sap2000 kursu-atasehir
Sap2000 kursu-atasehirSap2000 kursu-atasehir
Sap2000 kursu-atasehir
 
JİRA'ya Giriş / Atlassian
JİRA'ya Giriş / AtlassianJİRA'ya Giriş / Atlassian
JİRA'ya Giriş / Atlassian
 
Sap2000 kursu-esenyurt
Sap2000 kursu-esenyurtSap2000 kursu-esenyurt
Sap2000 kursu-esenyurt
 
Open Source Android Libraries
Open Source Android LibrariesOpen Source Android Libraries
Open Source Android Libraries
 
Yazılım mimarisi yazılım müh.
Yazılım mimarisi yazılım müh.Yazılım mimarisi yazılım müh.
Yazılım mimarisi yazılım müh.
 
Sap2000 kursu-buyukcekmece
Sap2000 kursu-buyukcekmeceSap2000 kursu-buyukcekmece
Sap2000 kursu-buyukcekmece
 
Xsteel kursu-fiyatlari
Xsteel kursu-fiyatlariXsteel kursu-fiyatlari
Xsteel kursu-fiyatlari
 
Sap2000 kursu-bagcilar
Sap2000 kursu-bagcilarSap2000 kursu-bagcilar
Sap2000 kursu-bagcilar
 
Sap2000 kursu-erzurum
Sap2000 kursu-erzurumSap2000 kursu-erzurum
Sap2000 kursu-erzurum
 
Sap2000 kursu-ankara
Sap2000 kursu-ankaraSap2000 kursu-ankara
Sap2000 kursu-ankara
 
Sap2000 kursu-kagithane
Sap2000 kursu-kagithaneSap2000 kursu-kagithane
Sap2000 kursu-kagithane
 
Xsteel danismani
Xsteel danismaniXsteel danismani
Xsteel danismani
 

Axure vs UXpin