Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
-
Upload
hasan-yalcin -
Category
Design
-
view
392 -
download
2
Transcript of Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15
MOBİL UYGULAMALARDA TASARIM SÜREÇLERİ
Hasan Yalçın
hasanyalcin.com
Hasan YALÇIN Senior UI/UX Designer
@hasanyalcin
hasanyalcin.com
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
FİKİRYENİ BİR PROJE FİKRİ DOĞDU
hasanyalcin.com#devfestsivas15
FİKİRBRIEF
(Proje Paydaşlarını Bilgilendirme)
hasanyalcin.com#devfestsivas15
FİKİRFİ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
FİKİRFİ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.
hasanyalcin.com#devfestsivas15
FİKİRBİLGİ MİMARİSİ
hasanyalcin.com#devfestsivas15
Coogle
bit.ly/zihinharitasi
Xmind
bit.ly/zihinharitasi2
ARAŞTIRMAKULLANICI 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
ARAŞTIRMAKULLANICI 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
WIREFRAMEUYGULAMAMIZ 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
UX NEDİR?KULLANICI DENEYİMİ
hasanyalcin.com#devfestsivas15
UX, UI DEĞİLSE NEDİR?ASIL SORUN TASARIM DEĞİL
hasanyalcin.com#devfestsivas15
Tasarımcı’nın yaptığı
Gerçekte olan
UX, UI DEĞİLSE NEDİR?ASIL SORUN ARAYÜZ DE DEĞİL
hasanyalcin.com#devfestsivas15
Jennifer Aldrich Ürün Tasarımcısı ~ İçerik Stratejisti
UX PROBLEMLERİ NASIL ÇÖZER?UX ŞEMSİYESİ
hasanyalcin.com#devfestsivas15
STEVE JOBS
Tasarım nasıl göründüğü ile değil, nasıl çalıştığı ile ilgilidir.
hasanyalcin.com#devfestsivas15
KULLANICI DENEYİMİ TASARIMIKULLANICI DOSTU OLMAK
hasanyalcin.com#devfestsivas15
KULLANICI DENEYİMİ TASARIMIMUTLU KULLANICILAR İÇİN PROBLEM ÇÖZMEK
hasanyalcin.com#devfestsivas15
Apple Google
MİMAR SİNAN
Herkesin içinde doğru olana eğri bakan bir göz vardır.
hasanyalcin.com#devfestsivas15
UX TASARIMINDA YAPILAN 4 HATAHATA 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
İYİ UX KAZANDIRIRUX 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
PROTOTİPUYGULAMAMIZ 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
PROTOTİPPERSONA 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
PROTOTİPKAĞIT PROTOTİPLEME İŞİNİZİ KOLAYLAŞTIRIR
hasanyalcin.com#devfestsivas15
GÖRSEL TASARIMARAYÜ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
GÖRSEL TASARIMARAYÜ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
GELİŞTİRMEDEVELOPMENT 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
TESTUYGULAMAMIZI 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
TESTUYGULAMAMIZI TEST ETME ZAMANI!
hasanyalcin.com#devfestsivas15
YENİDEN TEST EDİN
UX METODOLOJİLERİLEAN UX
hasanyalcin.com#devfestsivas15
FİKİR
PROTOTİP
TESTGeleneksel, Lean, Agile UX. Peki Hangisi?
bit.ly/uxmetod
TESTUYGULAMAMIZI TEST ETME ZAMANI!
hasanyalcin.com#devfestsivas15
YENİDEN TEST EDİN
SALVADOR DALI
Kusursuzluktan korkmayın, nasılsa asla ona erişemeyeceksiniz!
hasanyalcin.com#devfestsivas15
MÜKEMMELLEŞTİRMEUYGULAMAMIZI 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
1FİKİR
2ARAŞTIRMA
3WIREFRAME
4PROTOTİP
MOBİL UYGULAMALARDA TASARIM SÜREÇLERİ
hasanyalcin.com#devfestsivas15
5GÖRSEL TASARIM
6GELİŞTİRME
7TEST
8MÜKEMMELLİŞTİRME
TEŞEKKÜRLER
Hasan Yalçın
hasanyalcin.com