Kurumlar için Çevik UX Eğitimi (Kullanıcı Deneyimi Tasarımı ve Kullanılabilirlik) OktoPeople

Transkript

1 Kurumlar için Çevik UX Eğitimi (Kullanıcı Deneyimi Tasarımı ve Kullanılabilirlik) OktoPeople Bu döküman potansiyel müşteriler için hazırlanmıştır. Tüm hakları saklıdır.

2 5 SANİYEDE OKTOPEOPLE Önce bizi iyice bir tanımalısın. 2 TEORİ OktoPeople Proje Süreçleri

3 OKTOPEOPLE GLOBAL (2) NDA 3D PRODUCT & MOTION DESIGNER t 3 NDA UX INTERACTION DESIGNER Müziğimiz de var:

4 EĞİTMEN BİLGİLERİ OktoPeople, yoktan var eden, Tasarım ve ürün odaklı bir teknoloji şirketidir. Multidisipliner proje ekipleriyle bir araya gelerek, global markalar yaratmak ve imkansızı başarmak istiyoruz. Dante Işıl Özkan Kurucu, OktoPeople TEORİ Triodor R&D, Sahibinden, ebay, Hepsiburada E-ticaret ve kurumsal yapının dışına çıktı Okto Deneyim tasarımının diğer yönlerini gördü. #Empat #Spiritüel #Hayalperest #Basketbolsever #WingChun çalışır #Kedisivar #Doğayaaşık 4 OktoPeople Proje Süreçleri

5 GEÇMİŞ EĞİTİMLERDEN 5

6 OKTOPEOPLE PARTNER VE MÜŞTERİLERİ STRATEJIK PARTNER START UP PACKS KURUMSAL EĞİTİMLER MÜŞTERİ & PARTNERİ YAZILIM PARTNERI FRONTEND PARTNERI RESPONSİVE SEÇİM APLİKASYONU 6 RESPONSİVE MOBILE APPS NON-PROFIT İLERİ TEKNOLOJİ SİSTEMLERİ PARTNERİ KURUMSAL EĞİTİMLER MÜŞTERİSİ INOVATİF TECH PARTNERİ

7 EĞİTİMLERİMİZİ NASIL PLANLADIK? 1.Gün Programı 10:30-17:00 Kullanıcı Deneyimi Tasarımı Teorisi İlham Veren Tasarımlar & UX Trendleri 20 Örnek İncelemesi (Case Study) Uygulamalı Design Thinking Workshop 2.GÜN PROGRAMI 10:30-17:00 Temel Araştırma Teknikleri Temel Tasarım Production Yöntemleri Uygulamalı Pratikler Çevik Metodlar Design Studio (Ekip çalışması) 7 TEORİ ARAŞTIRMA UYGULAMA

8 TASARIM SÜRECİ 1) TEORİDE KULLANICI DENEYİMİ TASARIMI Kullanıcı Deneyimi & Ona Yön Veren Teknolojiler İlham Veren Tasarımlar & UX Trendleri 20 Örnek İncelemesi (Case Study) Uygulamalı Design Thinking Workshop 2) HIZLI PROTOTİPLEME & GERİ BİLDİRİM & KRİTİK Prodüksiyon sürecinde hızlıca değişen isteklere cevap verilmesi. Çözüm için basit bir kağıt prototipin oluşturulması. Çözümün erken fazda sunulup, değişikliklerin hızlıca yapılması. 8

9 ARAŞTIRMA SÜRECİ 3) KULLANICI ARAŞTIRMALARI İlgili araştırmaların fayda analizinin yapılması. Tarafsız kullanıcı görüşmeleri sorularının hazırlanması. Etkin bir kullanıcı görüşmesi sürecinin yönetilmesi. 4) REKABETÇİ ANALİZ Global ve yerel ürünlerin benzer endüstriler dahilinde incelenmesi. Rekabetçi analizin, final proje konsepti için benchmark haline getirilmesi. 9 5) HEDEF KİTLE SEGMENTİ & ARAŞTIRMAYI SENTEZLEME Kullanıcıların, bağlılık ve alışkanlık diagramının çıkarılması. Araştırma çıktılarına göre hedef kitlenin oluşturulması. Personaların hedefe ulaşmada bir tasarım aracı gibi kullanılması.

10 ARAŞTIRMA SÜRECİ 6) KULLANICI HEDEFLERİ & DENEYİM HARİTASINI ÇIKARMAK Araştırma çıktısını, kullanıcıların ihtiyaçları doğrultusunda sentezleyerek, hedef kitle için önemli sayılacak kısımların tasarıma yansıtılması. Hızlı eskiz teknikleriyle fikirlerden çözüm üretilmesi. (sharpiesketch) 7) KAĞIT PROTOTİPLEME & BASİT KULLANICI TESTİ Kağıt prototipleme yöntemiyle, fikirlerin hızlıca ortaya çıkarılması. Erken fazda test ile ürün ve özelliklerinin, ergonomi de dahil olmak üzere valide edilmesi. Basit bir gerilla test için kullanıcı senaryolarının oluşturulması. 10

11 1 SANİYE, İÇERİK BİRAZ UZUN 11

12 HIZLI PROTOTİP SÜRECİ 8) UX STORIES (GELİŞTİRMELER) & ÖNCELİKLENDİRME (MVP) UX hedeflerinin küçük modüler parçalara bölünmesi. Parçadan bütüne, bütünden parçalara varım; bu alandaki belirsizliklerin tanımlanması ve adreslenmesi. 9) BİLGİ MİMARİSİ & NAVİGASYON Bilgi mimarisinin tanımlanması ve tekniklerin kullanılacağı projelerin tanımı. Kart gruplama tekniklerine genel bakış; uygulamaları kart gruplama tekniği ve yapının hızlıca test edilmesi. Sonuçların ürünün navigasyon yapısında kullanılması ) RESPONSIVE / NATIVE TASARIM & DİĞER PATTERNLER Responsive ve Native uygulamalara teknik ve donanımsal olarak genel bakış. Hangi platformun final projeniz için en uygun çözüm olduğuna karar vermek.

13 DESIGN STÜDYO: İSKELET & GÖRSEL TASARIM 11) WIREFRAME & DİJİTAL PROTOTİP Wireframe in ürün geliştirme metodu olarak kullanılması. Endüstrinin en iyi uygulamaları ile tanışın. Sketch kütüphaneleri ile yüksek detaylı wireframelerin üretilmesi. Dijital Prototipleme, Invision ve Principle ile harikalar yaratın. Human interface guideline, tasarım prensipleri ve pattern kütüphaneleri ve style guide arasındaki farklar nelerdir. 12) GÖRSEL TASARIM İLKELERİ Görsel tasarım hiyerarşisinin, grid sistemlerin, tipografinin doğru yer ve zamanda kullanılması, görünmeyen tasarımlar yaratmak ) UX MINI-PROJE Gerçek bir endüstri tasarım probleminin ekip ile birlikte çözümesi. Ekibin draftların sayısını 4 den 2 ye düşürerek, final çıktıya birlikte ulaşmaları.

14 EĞİTİME KİMLER KATILABİLİR? Ürün Ekiplerinde çalışan herkes :) 14

15 METODLARDAN KISA KISA: YALIN UX METODLARI EKİP ÇALIŞMASI (DESIGN STUDIO) Tamamen ekip çalışmasına dayanan, UX Designer, BA, FR.DEV ve PO gibi farklı rolleri aynı masada topluyoruz. ÜRÜN ÇIKTISI Ekipler kendi içlerinde gruplara bölünerek en iyi tasarım çözümünü elde eder. Bu süreç, 2/3 defa tekrarlanır ve final olan versiyon, tüm ekibin katkısıyla ortaya çıkan çözümü olur. 15

16 USER JOURNEY MAP: DENEYİM HARİTASI BİZE NE KAZANDIRIR? Kullanıcının platformu deneyimlerken izleyeceği yolların haritası İş Analistleri ile beraber çıkarılır; bu noktada olması gereken servisler detaylı analiz edilir. Deneyim tasarlanırken, kullanıcının karşılaşacağı durumlar senaryolaştırılır veya hikayeleştirilir. Bu da ürüne bütünsel bir bakış açısı ile yaklaşımı kolaylaştırır. 16

17 UZMAN GÖRÜŞÜ RAPORU NEDİR? Doktor un göz ucuyla, bazen de muayene yöntemiyle mevcut sorunu tespit etmesi gibi yorumlanabilir. Tespiti yap, hipotezini oluştur ve çaresini bul. Menü Bilgi mimarisi kolay erişimi destekliyor mu? Sepet Adımları Sepet e kolay erişim sağlanabiliyor mu? 17 Ürün Bilgileri İlk fazda yeterli mi? Daha verimli hale getirilebilir mi? Call To Action Butonlar yönlendirici / kafa karıştırıcı?

18 NEREDEN BİLEYİM DOKTORUN DOĞRU SÖYLEDİĞİNİ? O ZAMAN DOKTORDAN TEST İSTEYEBİLİRSİNİZ. Uzman görüşünün yeterli olmadığı durumlarda, Doktor, tespitini bilimsel bir şekilde kanıtlayabilmek için sizi; ürünü bir takım testlerden geçirir. Kullanıcı deneyimi terminolojisinde buna Ürünün Kullanıcı Deneyimi ve Kullanılabilirlik Testi denir. Aslında burada kişiler değil; ürünün performansı test edilir. KORNEA TESTİNİ DUYDUNUZ MU? İşte sizi ve müşterilerinizi yanıltmayacak bir bilişsel çıktı. Kornea nın bir aparat yöntemiyle yazılıma tanımlatıldığı bu yöntem ile gözün odaklandığı noktalardan sıcaklık haritası almak mümkün olabiliyor. Nicel ve nitel pek çok yöntem var, doğru olanı seçmek önemli. 18

19 TASARIM YAPITAŞINDAN SİTE MAP E (BİLGİ MİMARİSİ) Forum Interview FAQ ATOMİK & MODÜLER TASARIM ANLAYIŞI Tasarımı ortaya çıkaran öğeleri atomun parçaları gibi değerlendirilir. Calendar Title text block Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when Video Message Text Text SEN D SİTEMAP E UZANAN YOLCULUK Tasarım yapıtaşları birleşerek sayfaları ve akışları oluşturur. Sitemap platformda olması gereken tüm sayfaları içerir. Bilgi mimarisinin optimize edilmesi sitemap in doğru oturtulması işlemidir. Özetle, kullanıcı odaklı bir navigasyon, kullanıcın aradığına daha kolay erişmesini ve sayfalar arasında hızlı geçiş yapmasını sağlar. 19

20 ERKEN FAZDA TESTİN FAYDALARI NELERDİR? HIZLI ANKET Hayata geçmemiş fikirlerinizin kullanıcılar için cazip olup olmadığını anlamanız için yapacağınız hızlı anketler, ön hazırlık yaparak kaybedeceğiniz zamanı ve emeği sıfıra indirir. Böylece aklınızdaki fikri, hayata geçirip geçirmemek için sizi yönlendirir. 20 KULLANICILAR İLE BİREBİR CANLI TESTLER Bu tekniklerle kullanıcıları canlı izler sağlar ve alacağımız geri bildirimler sayesinde kusursuz, kullanıcı dostu, hedef odaklı bir arayüze sahip olmanız için sizi yönlendirir, yazılım eforu harcamadan hataları erken fazda tespit eder ve kar getiren tasarımlar yaratırız.

21 TESTLERİN RAPORLANMASI Bir hipotezin valide edilmesi kadar raporlanması da çok önemlidir; data ve veriye dayalı çıktılar ile argümanlarınıza sağlam temeller oluşturun. Senaryo 1 70% Başarı oranı. Kullanıcıların %70 i sepete ekleme işlemini gerçekleştirdi ve ödeme adımlarına gidebildi. 21 Senaryo 2 88% Başarı oranı. Kullanıcıların %88 i arama aşamasında kategori seçimine yöneldi.

22 EĞİTİM SİZE & ŞİRKETİNİZE NELER KATACAK? UX & Kullanılabilirlik Farkındalığı Yaratın. MVP ile Geri dönüşüm oranları yüksek, kar getiren yüksek kaliteli ve inovatif ürünler Uygulamalı Eğitimler Alın. PO, BA, UX, Fr & Backend DEV IT ve tasarım birimlerinin senkronize çalışabilmeleri için gerekli çalışmaların uygulamalı demo edilmesi Sketch & Wireframe ile fikirlerinizi hızlı üretin. Yeni nesil yalın tasarım teknikleri ve design studio ile problemleri en baştan ekip olarak çözün. Tasarım sizi geciktirmesin. Tasarım biriminizi ve tasarımcılarınızı proaktif yöntemler ile güçlendirin. Sonuca en az hata ile ulaşın. 22 Development eforunuzu en az hata ile daha verimli kullanın.

23 TASARIM İLE GERİ DÖNÜŞÜMLERİNİZİ ARTTIRIN. Tasarım kültürünü şirketinize yayarak, maksimum verim alın; marka algınızı güçlendirin. 23

24 24 Değişim bizimle başlar. Eğitimler ile ilgili kurumsal görüşme için,