UX/UI Tasarım Uzmanlığı: Araştırmadan Erişilebilirliğe

Kullanıcı Deneyiminin Kısa Tarihi

Bu derste, UX'in kökenlerini sizinle paylaşacağım. MÖ 4000'deki Feng Shui'den, Walt Disney'den ve mükemmel büyülü deneyimler yaratma arzusundan ve "kullanıcı deneyimi" terimini ortaya atan Don Norman'dan bahsedeceğiz. Ayrıca, sektörün nereye gittiğini düşündüğümü sizinle paylaşacağım.

Erişilebilirlik ve Buluşsal Yöntem İlkeleri

Bu derste, kapsayıcı tasarım dünyasına bir giriş yapacak ve ürün ve hizmetlerinizi nasıl daha erişilebilir hale getirebileceğinizi öğreneceksiniz. Ayrıca, kullanıcı arayüzleri tasarlarken sezgisel yöntemler olarak da bilinen diğer en iyi uygulamaları da öğreteceğim.

UX Sürecine Giriş

Bu derste, UX tasarım süreciyle tanışacaksınız. Size en yaygın iki temsili tanıtacağım: çift elmas modeli ve tasarım düşüncesi. UX Tasarım süreci 5 ana adımdan oluşur: Empati Kurma, Tanımlama, Fikir Üretme, Prototipleme ve Test Etme.

UX Araştırmasına Giriş

Bu derste, UX araştırmasının değerini ve bunu hiç yapmazsanız nelerin ters gidebileceğini öğreteceğim. Ayrıca, "Tutumsal ve Davranışsal" ve "Nitel ve Nicel" yöntemler arasındaki farkı da öğreneceksiniz.

Masabaşı Araştırması, Karşılaştırma, Röportajlar

Bu derste, araştırmacı olsun veya olmasın, herhangi bir UX Tasarımcısının bilmesi gereken başlıca üç yönteme odaklanacağız: masa başı araştırması, kıyaslama ve görüşmeler. Bu yöntemleri ne zaman kullanacağınızı ve her biri için en iyi uygulamaları öğreneceksiniz.

Sorunu Tespit Etme ve Tanımlama

Bir UX Tasarımcısının temel becerilerinden biri sorun tespitçisi olma yeteneğidir. Bu derste, bulgularınızı nasıl alacağınızı ve çözmeye çalıştığınız sorunu daha iyi tanımlamanıza yardımcı olmak için yakınlık haritalaması gibi teknikleri nasıl kullanacağınızı öğreneceksiniz.

Kişilik Yaratımı

Persona'lar UX'te yaygın olarak kullanılan bir araçtır. Bu derste, neden önemli olduklarını, iyi bir personanın özelliklerini, nasıl oluşturulacağını ve UX tasarım sürecinde ne zaman kullanıldıklarını öğreneceksiniz.

12m

Yolculuk Haritalaması

Bir persona (veya personalar) oluşturduğunuzda, bir yolculuk haritası oluşturmanız önerilir. Bu derste, birinin temel bileşenlerini, var olan farklı türleri ve bunları neden kullanmanız gerektiğini öğreneceksiniz.

Fikir Geliştirme Teknikleri

Bu derste, kullanıcı araştırmalarınızda tespit ettiğiniz sorunlara olası çözümler bulmanıza yardımcı olacak farklı fikir üretme tekniklerini (beyin fırtınası, beden fırtınası ve zihin haritalama gibi) öğreneceksiniz.

Bilgi Mimarisi

Bir uygulama veya web sitesi oluştururken, temiz ve iyi tasarlanmış bir kullanıcı arayüzüne sahip olması önemlidir. Bu derste, bilgi mimarisi ve içeriğinizi etkili bir şekilde nasıl düzenleyeceğiniz hakkında bilgi edineceksiniz.

Prototiplemenin Değeri

Birkaç fikir bulduktan sonra, bunları somut hale getirme zamanı gelir. Bu derste, prototiplemenin ne, neden ve ne zaman olduğunu öğreneceksiniz.

Prototip Türleri ve Prototip Oluşturma Araçları

Bu derste, var olan farklı prototip türlerini öğreneceksiniz. Ayrıca, söz konusu prototipleri oluşturmak için kullanılabilecek birkaç aracı da paylaşacağım.

Kullanıcı Testi

Prototipiniz oluşturulduktan sonra, diğer kişilerin bunu denemesinin zamanı geldi. Bu derste, etkili kullanıcı testlerine nasıl hazırlanacağınızı ve bunları nasıl yürüteceğinizi öğreneceksiniz. Ayrıca bulgularınızı belgeleme ve önceliklendirme konusunda bazı en iyi uygulamaları da paylaşacağım.

Geliştiricilerle Çalışmak

Geliştirici olmak istemeseniz bile, onlarla yakın bir şekilde çalışmanız gerekecektir. Bu derste, sorunsuz bir tasarım-geliştirme devrini nasıl sağlayacağınızı öğreneceksiniz.

Paydaşlara/Müşterilere Sunum

Bu derste, UX'i nasıl ölçeceğinizi ve bulgularınızı paydaşlara/müşterilere yaratıcı yollarla nasıl sunacağınızı öğreneceksiniz. Ayrıca, şirket içinde UX Tasarımını nasıl yaygınlaştıracağınıza dair bazı ipuçları paylaşacağım.

10m

Durum çalışmaları

Bu derste, bir vaka çalışmasının nasıl oluşturulacağını ve böylece UX tasarım sürecinizi baştan sona nasıl belgeleyebileceğinizi öğreneceksiniz.

Çalışmanızı Sergileme

Bu derste, çalışmalarınızı sergileyebileceğiniz farklı platformları ve bir portföyün nasıl oluşturulacağını öğreneceksiniz. Bir portföyün nasıl oluşturulacağını tartışırken, belirli formatların avantajlarını ve dezavantajlarını da tartışacağız.

Kullanıcı Deneyimi İş Görüşmeleri

Bu derste, UX pozisyonları için yapılan görüşmelerde ne tür tasarım egzersizleri ile karşılaşacağınıza dair bazı ipuçları paylaşacağım.

Modül 3

Google ve Adobe ile çalışmaktan edindiği uzmanlığıyla Patricia Reiners ile anlamlı dijital deneyimlerin nasıl oluşturulacağını keşfedin. Burada, UX araştırmasının temel rolünü ele alıyor ve size kişiselleştirilmiş bir araştırma planının nasıl oluşturulacağını gösteriyor. Kullanıcı ihtiyaçlarını daha iyi anlamak ve gerçekten etkili çözümler tasarlamak için araçlar kazanacaksınız.

1 ders (1h 47m)

Kullanıcı Deneyimi Araştırması Nedir?

Bu dersimizde UX Araştırmasının ne olduğunu ve ne zaman entegre edilmesi gerektiğini öğreneceğiz.

En Yaygın Metodolojiler Nelerdir?

Sorularınız için doğru yöntemi seçmek, doğru içgörülere ulaşmanıza yardımcı olur. Bu nedenle bu derste değerlendirici ve üretken araştırma arasındaki farkı ve her birinin ne zaman kullanılacağını göreceğiz.

Nicel Kullanıcı Araştırması

Nicel kullanıcı araştırması nicelikle ilgilidir. Gerçek içgörüler elde edebilmek için yüksek miktarda veriye ihtiyacınız vardır. Bu içgörüler "ne" sorusuna yanıt verir. Kullanıcıların hangi cihazları kullandığını gösterir ancak belirli bir cihazı neden kullandıklarını göstermez. Bu derste farklı nicel yöntemleri ele alacağız

Nitel Kullanıcı Araştırması

Nitel kullanıcı araştırması kaliteyle ilgilidir. Bu yöntemlerle "neden"inizi bulabileceksiniz. Bu derste farklı nitel yöntemleri ele alacağız.

Araştırmanızı Planlamak

Bir araştırma planı oluşturmak, araştırma faaliyeti etrafındaki düşüncenizi yapılandırır.

Araştırma Planının Yazılması

Bu derste, bir araştırma projesi için bir araştırma planı yazacağız. Her şeyi adım adım ele alacağız.

Katılımcılar Nasıl Seçilir?

Katılımcıları seçmek önemlidir, hangi yöntemi seçerseniz seçin. Bu derste bunu nasıl yapacağımızı göreceğiz.

Tartışma Kılavuzu Nasıl Yazılır?

Saha araştırmaları, bağlamsal sorgulamalar, birebir görüşmeler veya herhangi bir tür görüşme yaparken bir tartışma rehberine ihtiyacınız vardır. Bu derste bunları doğru bir şekilde çerçevelemek için sorular oluşturacağız.

Oturum Nasıl Hazırlanır?

Röportajdaki amacınız kullanıcılarınızın nasıl düşündüğü ve davrandığı hakkında mümkün olduğunca çok şey öğrenmektir. Bu derste, soruları nasıl çerçeveleyeceğimizi ve röportajımız için ihtiyaç duyacağımız materyalleri öğreneceğiz.

Niteliksel Bir Oturum Nasıl Görünür?

Bu derste röportajın yapısı hakkında konuşacağız: giriş, ana bölüm (sorular) ve çıkış.

Niteliksel Kullanıcı Araştırmanızı Görselleştirin

Bu derste, içgörüleri sentezleyip görsel olarak düzenleyerek paydaşlarınıza ve ekip üyelerinize sunacağız.

Kullanıcı Yolculuğu Haritası ve Kişiler 1

Bu derste, tüm ekip üyeleriniz ve paydaşlarınızla paylaşılacak eserlerin (persona ve kullanıcı yolculuğu haritaları) nasıl oluşturulacağını öğreneceğiz.

Kullanıcı Yolculuğu Haritası ve Kişiler 2

Bu dersimizi kullanıcı yolculuğu haritaları ve kişilikler üzerine sonlandırıyoruz.

13m

Modül 4

Görsel tasarımın, rehberiniz Pablo Stanley ile bir hikaye anlatma aracına nasıl dönüşebileceğini keşfedin. Bu modülde, güçlü kompozisyonların ardındaki temel prensipleri ve fikirlerinizi hayata geçirmek için Figma'yı nasıl kullanacağınızı paylaşıyor. Tasarıma yeni başlıyor olun veya becerilerinizi geliştirmek isteyin, yaratıcı çalışmanızı geliştirmek için pratik içgörüler bulacaksınız. Dalmaya hazır mısınız?

1 ders (2h 35m)

Kompozisyon ve Görsel Tasarım İlkeleri

Şimdi iyi bir kompozisyonu oluşturan unsurları inceleyelim.

Tasarımda Kullanılan Gestalt İlkeleri

Gestalt ilkelerinin görsel bilgileri yorumlama şeklimizi nasıl etkilediğini göreceğiz.

Görsel Hiyerarşi

Bir kompozisyonun hangi kısımlarının diğerlerinden daha alakalı olduğunu belirlemek, gözlemcinin dikkatini odaklamak için önemlidir. Burada tasarımımız içinde bir hiyerarşinin nasıl kurulacağını göreceğiz.

Kullanıcı arayüzündeki olanaklar

Bu derste 'affordance' teriminden ve bunların arayüzlerimize nasıl uygulanacağından bahsedeceğim.

Görsel Öğelere Giriş ve Özeti Anlamak

Yaratıcı bir brifing, bir kampanyanın veya ürünün kritik faydalarını tanımlayan birleştirici bir belgedir. Hikayeyi anlatır ve neden hedef kitle için önemli olduğunu açıklayarak bir şey yaratmak için bir rehber görevi görür.

Figma'da Temel Kompozisyon

Bu derste Figma'da bazı alıştırmalar yapacağız, öğrendiklerimizi uygulamak için bazı özellikleri nasıl kullanacağımızı anlayacağız. Bu araçları nasıl kullanacağınızı bilmek ve bu becerileri uygulamak, Figma'da bir sonraki tasarım becerilerinizin kilidini açmanıza yardımcı olacaktır.

Tipografi, bir tasarımdaki en güçlü unsurlardan biridir. İçeriği yükseltir ve bir projenin tonunu ve ihtiyaçlarını yansıtır. Amaçları yalnızca estetik değil, aynı zamanda işlevsel ve tekniktir.

Tipografi

Renk Paleti Oluşturma

Renklerin anlamı vardır. Bir ton ve duyguyu iletirler ve bu onları güçlü bir tasarım aracı yapar. Ancak, çalışmak için neredeyse sonsuz sayıda olasılığınız var; bir palet oluşturmak için renkleri birleştirmeye başladığınızda, seçenekleriniz sonsuzdur. Peki, nereden başlayacaksınız? Bu derste, renkleri nasıl birleştireceğiniz hakkında biraz bilgi edineceğiz.

Grafikler ve Simgeler

Görüntüler, daha azıyla daha fazlasını yapmanızı sağlar. Bir resmin bin kelimeye bedel olduğunu söylerler. Bu yüzden görüntü ve grafikler, bir mesajı iletmeye ve bir ürünün görsel kimliğini oluşturmaya yardımcı olabilecek güçlü görsel araçlardır. Fotoğraflar, çizimler ve simgeler kullanabilirsiniz. Hangisini ne zaman kullanacağınızı öğrenelim.

Bu derste Figma'yı açıp farklı görsel stilleri test edeceğiz ve bunları nasıl deneyeceğimizi ve neden işe yaradıklarını göreceğiz. Tek tek.

Görsel Stiller

19m

Tel Çerçeve Çizimi

Bir tel kafes çizmek, tasarım sürecimizin erken aşamalarında kullanılabilirlik sorunlarını hızla belirlememizi sağlar. Ayrıca farklı paydaşları girdilerini ve fikirlerini vermeye davet eder. Ve bize nihai projenin nasıl görünebileceğine dair bir fikir verir.

Görsel Stil Kılavuzunuzu Tanımlama 1

Eskizlerimizi yüksek sadakate koymadan önce, bazı temel öğelerin stilini tanımlayalım. Bu temel sisteme sahip olmak, düzenimizi ve kompozisyonlarımızı yüksek sadakatli mockup'ta bir araya getirirken daha hızlı hareket etmemizi sağlayacaktır.

Görsel Stil Kılavuzunuzu Tanımlama 2

Dersin bu ikinci bölümünde projenizde ortaya çıkacak çizimlerin tarzına odaklanacağız.

Yüksek Kaliteli Bir Maket Oluşturma 1

Şimdi stil kılavuzumuzu ve taslak tel çerçevesini kullanarak Figma'daki sayfamızın yüksek kaliteli bir versiyonunu oluşturalım.

15m

Yüksek Kaliteli Bir Maket Oluşturma 2

Burada yüksek kaliteli maketimi şekillendirmeye ve son haline getirmeye devam edeceğim, her zaman canlı ve dinamik görünümünü koruyacağım.

Düğme Etkileşimleri

Düğmelerimizin veya herhangi bir bileşenin farklı tetikleyicilerle hareket etmesini sağlamak için basit bileşen etkileşimlerinin nasıl ekleneceğini öğreneceğiz.

Sayfalara ve Modellere Bağlantı Verme

Prototipimizin farklı sayfaları ve diğer durumları arasında bağlantılar oluşturmak daha doğal hissettirmek için önemlidir. Bu derste, yeni bir sayfaya nasıl bağlantı verileceğini ve bir modal nasıl açılacağını öğreneceğiz.

Prototipinizi Paylaşma

Artık her şey yolunda olduğuna göre, bunu dünyayla paylaşalım!

Modül 5

Chiara Aliotta rehberliğinde, duygusal, kullanıcı merkezli tasarımlar yaratma aracı olarak hikaye anlatımının gücüne dalın. Hedef kitle, amaç ve karakter gibi anlatı öğelerinin sürükleyici dijital deneyimleri nasıl şekillendirebileceğini keşfedin. UX brifinglerini, bağlayan, etkileşim kuran ve kalıcı bir izlenim bırakan ilgi çekici hikayelere nasıl dönüştüreceğinizi öğreneceksiniz.

1 ders (2h 22m)

UX ve UI Tasarımı için Hikaye Anlatımı

Her yolculukta olduğu gibi, nereye gittiğinizi anlamanın önemli olduğunu düşünüyorum. Bu derste size kursu, nasıl yapılandırıldığını ve birlikte neler öğreneceğimizi tanıtacağım. Ayrıca kullanıcı deneyimi tasarımı (UX) ile kullanıcı arayüzü tasarımı (UI) arasındaki farktan da bahsedeceğim.

Hikaye Anlatımının Unsurları: Hedef Kitle, Amaç, Karakterler ve Bağlam

Bir hikayeyi yazmadan önce bile, onu tanımlayan ilk unsurlar hedef kitleniz, motivasyonunuz/amacınız, bağlamınız ve bir hikayenin bir ritme sahip olması gerektiğini anlamanızdır.

17m

Hikaye Anlatımının Unsurları: Yapı

Aristoteles'ten günümüze, bir hikayenin yapısı pek değişmedi. Hikaye anlatımının nasıl yaratıldığını ve aynı prensipleri UX tasarımına nasıl uygulayabileceğinizi keşfedelim.

Hikaye Anlatmanın Gücü: Duygular

Duygular davranışlarımızda büyük rol oynar. Harika hikayeler duyguları harekete geçirir ve izleyicileriyle ilişki kurabilir. Bu derste, amaçlarınıza ulaşmak için duyguları kullanarak hikaye anlatmanın gücünde nasıl ustalaşabileceğinizi keşfedeceksiniz.

Hikayenin Unsurlarını Bulmak 1

Kurgusal bir marka verildiğinde, deneyimi haritalamak ve UX tasarımının geleneksel hikaye anlatımına nasıl fayda sağladığını daha derinlemesine incelemek için eylemleri, dizileri ve sahneleri kullanacağım.

13m

Hikayenin Unsurlarını Bulmak 2

Dersin bu ikinci bölümünde, hikayenin unsurlarını nasıl haritalayacağınızı öğretmeye devam edeceğim.

13m

Hayal Gücünü Tetikleyecek Görsel İlham

Bu derste, ödevdeki son adım olan açılış sayfasının tel çerçevesine geçmeden önce farklı kaynaklardan görsel ilhamın nasıl bulunacağını göreceksiniz.

Anlatıyı ve Tel Çerçeveyi Oluşturmak 1

Şimdiye kadar, kullanıcının yolculuğunu haritalamak için eylemler, diziler ve sahneler kullandım. Post kullanarak oluşturduğum ızgara, taslak olacak ve tasarladığım dijital ürünün doğru kullanıcı deneyimini sağlayacağından emin olmama yardımcı olacak.

Anlatıyı ve Tel Çerçeveyi Oluşturmak 2

Bu üniteyi bitirmek için, çekimleri inceleyerek ve tel kafes tasarlayarak anlatının derinliklerine nasıl ineceğinizi öğreneceksiniz.

15m

Anlatımı Desteklemek: Tel Çerçeve ve Yüksek Kaliteli Maket

Bu derste, önceki ünitede tasarlanan tel kafesten esinlenerek yapılmış yüksek doğruluklu maketi sunacağım. Yapıbozum aşaması önemlidir çünkü hikayemizle tutarlı olup olmadığımızı anlamamıza yardımcı olur (aynı zamanda tel kafesle ve brifingi analiz ederken alınan seçimlerle tutarlı olarak da bilinir).

Seyirciyi Anlatıyla İlgilendirmek

Hikaye anlatımı, akıllıca kullanılması gereken güçlü bir araçtır. Bu nedenle, onu kitlenizi motive etmek, ikna etmek ve ilham vermek için nasıl kullanabileceğinizi keşfetmeyi öğreneceksiniz.

Modül 6

Margot Gabel ile kapsayıcı tasarım dünyasına adım atın ve erişilebilirliğin herkes için dijital deneyimleri nasıl dönüştürebileceğini öğrenin. Margot, web sitenizi daha kullanıcı dostu hale getirmek için renk kontrastından alternatif metne kadar pratik yollar paylaşıyor. Kapsayıcı tasarımın yalnızca eşitliği teşvik etmekle kalmayıp aynı zamanda SEO'yu ve genel kullanılabilirliği nasıl iyileştirdiğini keşfedeceksiniz.

1 ders (1h 53m)

Dijital Erişilebilirliğe Giriş

Öncelikle erişilebilirlik standartlarını ve bunların faydalarını öğreneceksiniz.

Dijital Erişilebilirliğin Faydaları

Şimdi tasarım yaparken dijital erişilebilirliği bir zorunluluk haline getirmenin neden önemli olduğundan bahsedeceğim.

Gerçek Hayatta Erişilebilirlik

Dijital erişilebilirliğin hayati önem taşıdığı bazı tarama durumlarını nasıl kopyalayacağınızı keşfetmenin zamanı geldi. Bununla ilişki kurmanıza ve neden önemli olduğunu anlamanıza yardımcı olacaktır.

Renkler ve Kontrast

Öncelikle, 'ünlü' kontrast oranını metin ve görsellere nasıl uygulayacağınızı öğreneceksiniz. Daha sonra size bir renk eşleştirmesini nasıl seçeceğinizi öğreteceğim.

Yazı Tipleri ve Hiyerarşi

Şimdi tipografi seçimlerine ve bunların nasıl erişilebilir olabileceğine bakacaksınız. Ayrıca bir eşleştirmenin nasıl seçileceğini de göreceksiniz.

Alternatif Metin ve Mikrokopi

Bu derste size dijital erişilebilirliğin çok önemli bir unsurunu ve bunun tasarım düşüncenizi nasıl etkileyebileceğini öğreteceğim.

Devletler

Kullanıcıların klavye/ses/dokunmatik girişlerini nasıl farklı şekilde kullanabileceklerini ve tasarım ve UX seçimleri açısından bunu nasıl uyarlamanız/düşünmeniz gerektiğini anlamanıza yardımcı olayım.

Animasyonlar ve Multimedya Kontrolleri

Kontrolü geri vermenin ve sorumlu animasyon seçimleri yapmanın farklı yollarına bir göz atalım.

Erişilebilirlik için Tel Çerçeveleme

Bu derste, projenizin düşük kaliteli tasarımını nasıl yapacağınızı ve bu önemli adımda bugüne kadar öğrendiklerinizi nasıl kullanacağınızı göreceksiniz.

10m

Temel ve Erişilebilir Bir Tasarım Sistemi

Size temel unsurların nasıl kurulacağını göstereceğim: bir renk paleti, temel bir yazı ölçeği, bazı butonlar ve metin alanları oluşturma ve bunların çeşitli durumları hakkında düşünme.

17m

Tasarım

Son olarak, daha önce bahsettiğim tüm unsurlarla tasarımlarınızı nasıl oluşturacağınızı göstereceğim. Daha sonra, tasarım sistemini kullanmayı öğreneceksiniz.