3. 1
PROJE FİKRİ GELDİ
KONSEPT HAZIR
FİKİR
2
KULLANICI ve PAZAR
ARAŞTIRMASI
ARAŞTIRMA
3
PROJEMİZ ORTAYA
ÇIKIYOR
WIREFRAME
4
PROTOTİP KULLANICI
SENARYOLARI
PROTOTİP
BUGÜN NELER YAPACAĞIZ?
MOBİL UYGULAMALARDA TASARIM SÜREÇLERİ
hasanyalcin.com#devfestsivas15
UX
5
ARAYÜZ TASARIMLARI
BAŞLIYOR
GÖRSEL TASARIM
6
DEVELOPMENT
ZAMANI
GELİŞTİRME
7
PROJEMİZ HAZIR TEST
EDEBİLİRİZ
TEST
8
TEKRAR TEST ve CİLA
MÜKEMMELLİŞTİRME
6. FİKİR
FİKRİ GERÇEK BİR PROJEYE DÖNÜŞTÜRME
hasanyalcin.com#devfestsivas15
Araştırma yapın
Malzeme toplayın
Yol haritasını belirleyin
Bilgi mimarisini oluşturun
Hedefinizi belirleyin
Problemi tanımlayın
7. FİKİR
FİKRİ GERÇEK BİR PROJEYE DÖNÜŞTÜRME
hasanyalcin.com#devfestsivas15
Zihin Haritaları yaşamınızı kolaylaştırır:
Her şeyi kolay hatırlamanızı,
Parlak fikirler üretmenizi,
Sunum ya da raporlarınızı rahatlıkla hazırlamanızı,
Tartışmalarda insanları ustaca ikna etmenizi,
Kişisel hedeflerinizi planlamanızı,
Hayatınızın kontrolünü ele almanızı sağlar.
10. ARAŞTIRMA
KULLANICI ve PAZAR ARAŞTIRMASI
hasanyalcin.com#devfestsivas15
Proje hakkında bilgi toplayın
Rakip analizi yapın
Güçlü olduğunuz yönleri bulun
Kullanıcılarınızı tanıyın
Bu bilgileri tasarımcınızla da paylaşın
11. ARAŞTIRMA
KULLANICI ve PAZAR ARAŞTIRMASI
hasanyalcin.com#devfestsivas15
Basit skeç çalışmalarına başlayın
Aynı ve benzer uygulamaları inceleyin
Uygulama tasarımınız için ilham alın
Teknik altyapı hakkında bilgi toplayın
Uygulamanız için pazarlama
araştırması yapın
Moqups
bit.ly/taslaklar
12. WIREFRAME
UYGULAMAMIZ ADIM ADIM ORTAYA ÇIKIYOR
hasanyalcin.com#devfestsivas15
Uygulamanızın her ekranı için taslak çizin
Tüm detaylar ve kurguyu oluşturun
Projenizin tüm yol haritasını kağıda dökün
Kullanıcı deneyimi tasarımını unutmayın
Bu bilgileri tasarımcınızla da paylaşın
JustMind
bit.ly/telcerceve
21. UX TASARIMINDA YAPILAN 4 HATA
HATA ORANINI DÜŞÜRÜN
hasanyalcin.com#devfestsivas15
Uygulamaya odaklanıp kullanıcı ihtiyaçlarını unutmak
Net bir amaca hizmet etmemek, sonucu unutmak
Kullanılabilirlik kurallarını atlamak
Cihazların kendine has özelliklerini görmezden gelmek
22. İYİ UX KAZANDIRIR
UX PROJE ve MARKANIZA KATKI SAĞLAR
hasanyalcin.com#devfestsivas15
Kullanım kolaylığı sağlar
Kullanıcıyı tatmin eder, sadakat yaratır
Verimlilik ve kaliteyi artırır
Revize tasarım ve geliştirme maliyetlerini düşürür
23. PROTOTİP
UYGULAMAMIZ ORTAYA ÇIKTI
hasanyalcin.com#devfestsivas15
Elinizde yer alan tüm veriler ile uygulama prototipini çıkarın
Persona’lar oluşturarak kullanıcı profilinizi ortaya çıkarın
Prototipinizi deneyimlemek için herkesi kullanın
Tasarım aşamasından önce her detayı test etmeye çalışın
Balsamiq
bit.ly/balzamik
24. PROTOTİP
PERSONA OLUŞTURMA
hasanyalcin.com#devfestsivas15
Uygulamanızı kullanacak karakterleri belirleyin
Farklı tipte kullanıcılar için sanal kartlar oluşturun
Yarattığınız kullanıcılar üzerinden prototipinizi test edin
Farklı persona’lar ufkunuzu açacaktır
User Persona Creator
bit.ly/personayarat
User Faces
bit.ly/suratlar
26. GÖRSEL TASARIM
ARAYÜZ TASARIMLARI OLUŞUYOR
hasanyalcin.com#devfestsivas15
Proje ile ilgili her şeyi tasarımcınızla paylaşın
Trendlere uyun
Etkileşimi unutmayın
Estetik ve sade olun
Tasarımınız problem çözsün
2015 Web Tasarım Trendleri
bit.ly/2015trendler
27. GÖRSEL TASARIM
ARAYÜZ TASARIMLARI OLUŞUYOR
hasanyalcin.com#devfestsivas15
Farklı cihazlar için özelleştirmeyi unutmayın
Fonksiyonalite en önemli unsur
Uygulamanızın arayüz tasarımı öğrenilebilir olmalı
Bilindik kalıplardan (Pattern) şaşmayın
Jestlere (Gestures) önem verin
Fiziksel değerleri (Kalın parmaklar) göz ardı etmeyin
28. GELİŞTİRME
DEVELOPMENT ZAMANI
hasanyalcin.com#devfestsivas15
Proje ile ilgili her şeyi geliştiricinizle paylaşın
Geliştiricilerin önerilerine kulak kabartın
Süreç yönetimini elden bırakmayın
Geliştiricinizin sorularına hızlı yanıt verin
Arayüz tasarımı ile ürün tam uyumlu (Pixel Perfect) olsun
Süreçleri eş zamanlı planlayın
29. TEST
UYGULAMAMIZI TEST ETME ZAMANI!
hasanyalcin.com#devfestsivas15
Çalışmaya başlayan uygulamanızı bol bol test edin
Farklı cihaz ve modeller kullanın
Farklı ve gerçek kişilerden geri bildirim toplayın
Farklı yaş grupları ve cinsiyete göre geri bildirim toplayın
Ölçümlediğiniz verileri derleyerek revize listeleri oluşturun
34. MÜKEMMELLEŞTİRME
UYGULAMAMIZI CİLALIYORUZ
hasanyalcin.com#devfestsivas15
Artık yayında olan uygulamanızı test etmeye devam edin
Geri bildirimler sonrası revize süreçlerini organize edin
Uygulamanızı doğru pazarlama yolları üzerinde çalışın
Sosyal medya, basın ve blogger dünyasını ihmal etmeyin
Ölçümlediğiniz verileri derleyerek revize listeleri oluşturun