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