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?
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İR
YENİ BİR PROJE FİKRİ DOĞDU

FİKİR
BRIEF
(Proje Paydaşlarını Bilgilendirme)

FİKİR
FİKRİ GERÇEK BİR PROJEYE DÖNÜŞTÜRME
Araştırma yapın
Malzeme toplayın
Yol haritasını belirleyin
Bilgi mimarisini oluşturun
Hedefinizi belirleyin
Problemi tanımlayın

FİKİR
FİKRİ GERÇEK BİR PROJEYE DÖNÜŞTÜRME
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.

FİKİR
BİLGİ MİMARİSİ
Coogle
bit.ly/zihinharitasi
Xmind
bit.ly/zihinharitasi2

ARAŞTIRMA
KULLANICI ve PAZAR ARAŞTIRMASI
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ŞTIRMA
KULLANICI ve PAZAR ARAŞTIRMASI
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

WIREFRAME
UYGULAMAMIZ ADIM ADIM ORTAYA ÇIKIYOR
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İ

UX, UI DEĞİLSE NEDİR?
ASIL SORUN TASARIM DEĞİL
Tasarımcı’nın yaptığı
Gerçekte olan

UX, UI DEĞİLSE NEDİR?
ASIL SORUN ARAYÜZ DE DEĞİL
Jennifer Aldrich
Ürün Tasarımcısı ~ İçerik Stratejisti

UX PROBLEMLERİ NASIL ÇÖZER?
UX ŞEMSİYESİ

STEVE JOBS
Tasarım nasıl göründüğü ile değil,
nasıl çalıştığı ile ilgilidir.

KULLANICI DENEYİMİ TASARIMI
KULLANICI DOSTU OLMAK

KULLANICI DENEYİMİ TASARIMI
MUTLU KULLANICILAR İÇİN PROBLEM ÇÖZMEK
Apple Google

MİMAR SİNAN
Herkesin içinde doğru olana eğri
bakan bir göz vardır.

UX TASARIMINDA YAPILAN 4 HATA
HATA ORANINI DÜŞÜRÜN
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 KAZANDIRIR
UX PROJE ve MARKANIZA KATKI SAĞLAR
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İP
UYGULAMAMIZ ORTAYA ÇIKTI
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İP
PERSONA OLUŞTURMA
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İP
KAĞIT PROTOTİPLEME İŞİNİZİ KOLAYLAŞTIRIR

GÖRSEL TASARIM
ARAYÜZ TASARIMLARI OLUŞUYOR
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 TASARIM
ARAYÜZ TASARIMLARI OLUŞUYOR
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İRME
DEVELOPMENT ZAMANI
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

TEST
UYGULAMAMIZI TEST ETME ZAMANI!
Ç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

TEST
UYGULAMAMIZI TEST ETME ZAMANI!
YENİDEN TEST EDİN

UX METODOLOJİLERİ
LEAN UX
FİKİR
PROTOTİP
TEST
Geleneksel, Lean, Agile UX. Peki Hangisi?
bit.ly/uxmetod

SALVADOR DALI
Kusursuzluktan korkmayın,
nasılsa asla ona erişemeyeceksiniz!

MÜKEMMELLEŞTİRME
UYGULAMAMIZI CİLALIYORUZ
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

1
FİKİR
2
ARAŞTIRMA
3
WIREFRAME
4
PROTOTİP
5
GÖRSEL TASARIM
6
GELİŞTİRME
7
TEST
8
MÜKEMMELLİŞTİRME

TEŞEKKÜRLER
Hasan Yalçın
hasanyalcin.com

Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15

Recomendados

Recomendados

Más contenido relacionado

Similar a Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15

Similar a Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15 (20)

Mobil uygulamalarda tasarım süreçleri - Devfest Sivas 15