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


FİKİRBRIEF

(Proje Paydaşlarını Bilgilendirme)


FİKİRFİ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İRFİ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İRBİLGİ MİMARİSİ


Coogle

bit.ly/zihinharitasi

Xmind

bit.ly/zihinharitasi2

ARAŞTIRMAKULLANICI 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ŞTIRMAKULLANICI 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

WIREFRAMEUYGULAMAMIZ 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İ TASARIMIKULLANICI DOSTU OLMAK


KULLANICI DENEYİMİ TASARIMIMUTLU 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 HATAHATA 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 KAZANDIRIRUX 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İPUYGULAMAMIZ 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İPPERSONA 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İPKAĞIT PROTOTİPLEME İŞİNİZİ KOLAYLAŞTIRIR


GÖRSEL TASARIMARAYÜ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 TASARIMARAYÜ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İRMEDEVELOPMENT 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

TESTUYGULAMAMIZI 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



YENİDEN TEST EDİN

UX METODOLOJİLERİLEAN UX


FİKİR

PROTOTİP

TESTGeleneksel, Lean, Agile UX. Peki Hangisi?

bit.ly/uxmetod



YENİDEN TEST EDİN

SALVADOR DALI

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


MÜKEMMELLEŞTİRMEUYGULAMAMIZI 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

1FİKİR

2ARAŞTIRMA

3WIREFRAME

4PROTOTİP

MOBİL UYGULAMALARDA TASARIM SÜREÇLERİ


5GÖRSEL TASARIM

6GELİŞTİRME

7TEST

8MÜKEMMELLİŞTİRME

TEŞEKKÜRLER

Hasan Yalçın

hasanyalcin.com