RESOURCES KIT by Kamil Waszewski Spis Treści SŁOWA WSTĘPU 2 KOLORY 3 FONTY 3 DESIGN SYSTEMY 4 UX/UI STARTERS & UI KITS 6 UX RESEARCH 7 UX WRITING 8 DOSTĘPNOŚĆ 10 ETYKA W PROJEKTOWANIU 11 AUDYT UX 12 KURSY & WARSZTATY 12 YOUTUBE CHANNELS 14 PODCASTY 15 BLOGI 16 CASE STUDIES 17 INSPIRACJE & WYZWANIA 17 INICJATYWY 18 NEWSLETTERY 18 1 SŁOWA WSTĘPU W trakcie swojej, wciąż niezbyt długiej, przygody z UX i UI designem natknąłem się na morze fantastycznych materiałów i źródeł, które postanowiłem zebrać w jednym miejscu. Nie wszystkie źródła, jakie tutaj znajdziecie, miałem okazję przetestować osobiście. Niektóre z nich zostały mi polecone przez tzw. osoby z branży. Pomyślałem więc, że warto zachować je na później - nigdy nie wiemy kiedy nadejdzie moment, w którym mogą się przydać 🙂 Mimo wszystko starałem się dokonać selekcji i umieścić wyłącznie te zasoby, które są naprawdę wartościowe lub w jakikolwiek sposób ciekawe i godne uwagi. Na wiele materiałów natknąłem się zupełnie przypadkowo, szukając informacji na interesujący mnie w danym czasie temat. Niektóre pochodzą z subskrybowanych przeze mnie newsletterów. Ogromną inspiracją były też fejsbukowe grupy oraz rozmaite społeczności projektantek i projektantów. Oczywiście to tylko pewna baza miejsc i zasobów, do których możecie się udać podczas swojej nauki i pracy projektowej. Lista może być dalej rozbudowywana, w zależności od potrzeb i zmieniającego się rynku. Pozwolę sobie także zaznaczyć, że niektóre z umieszczonych linków mogą okazać się martwe, tj. nie odpowiadam za zdezaktualizowanie się treści. Miłego buszowania 🙂 2 KOLORY • Design Titles, https://designtitles.com - fantastyczne miejsce, gdy szukamy dobrych par kolorystycznych. • Grabient, https://www.grabient.com - gradienty; od koloru do wyboru. • Coolors, https://coolors.co/2b2d42-92dce5-f8f7f9-f7ec59-ff66d8 - dobieranie palety kolorystycznej nigdy nie było prostsze; warto się pobawić i przetestować 🙂 • Colorable, https://colorable.jxnblk.com/ffffff/ff5555 - sprawdzanie kontrastu dla wybranych kolorów. • Adobe Color, https://color.adobe.com/pl/create/color-wheel - m.in. generowanie palet kolorystycznych, koło kolorów z wieloma opcjami, a poza tym moja ulubiona strona do pracy z kolorami. • Empowered by Color, https://www.empower-yourself-with-color-psychology.com strona poświęcona psychologii kolorów. Można m.in. sprawdzić znaczenie danego koloru w określonej kulturze. • Colorsinspo, Guess The Next Color, https://colorsinspo.com/color-tools/games/guess-the-next-color - gra polegająca na wybraniu kolejnego koloru w prezentowanej sekwencji. UWAGA, można się wciągnąć! Dla Designerów o mocnych nerwach 😄 FONTY • Google Fonts, https://fonts.google.com - potężna biblioteka darmowych fontów. • Adobe Fonts, https://fonts.adobe.com - biblioteka fantastycznej jakości fontów, dostępnych w ramach subskrypcji Creative Cloud. • Fontshare, https://www.fontshare.com - moim zdaniem jedna z lepszych stron, gdzie możemy znaleźć całkiem pokaźną kolekcję wysokiej jakości fontów. Wszystkie są w 100% darmowe, zarówno do osobistego, jak i komercyjnego użytku! Całość funkcjonuje jako inicjatywa/usługa założona przez Indian Type Foundry (ITF). Celem jest propagowanie dobrej typografii i udostępnianie najwyższej jakości zasobów. • Dafont, https://www.dafont.com - duża biblioteka darmowych i płatnych fontów, podzielonych na kategorie, w zależności od charakteru danego kroju pisma. 3 • Fontpair, https://www.fontpair.co - szukasz dobrych, pasujących do siebie par fontów? Ta strona jest dla Ciebie. Całkiem sporo bardzo dobrych przykładów na to, jakie fonty możemy ze sobą zestawić, aby zachować spójną kompozycję. Większość proponowanych fontów jest bezpłatna, można pobrać np. z Google Fonts. • Reliable, The Ultimate Collection of Google Font Pairings, https://www.reliablepsd. com/ultimate-google-font-pairings - zestawienie 50 dobranych par fontów. Wszystkie za darmo dostępne na Google Fonts. • Typewolf, https://www.typewolf.com - strona poświęcona szeroko pojętej typografii. Zestawienia fontów, klasyfikacje, wytyczne, ciekawostki, przykłady stron (tzw. strony dnia) z określoną typografią, itp. • Type Scale, https://type-scale.com - narzędzie pozwalające dobrać odpowiednią skalę w typografii. Może okazać się pomocne np. podczas tworzenia design systemu. • Gridlover, https://www.gridlover.net - nieco podobne do Type Scale. Dodatkowo otrzymujemy możliwość automatycznego generowania HTML i CSS; widzimy jakie reguły powinniśmy zastosować, aby uzyskać określony layout. • Golden Ratio Typography (GRT) Calculator, https://grtcalculator.com - ustalanie skali typograficznej, interlinii i szerokości kontentu w oparciu o złoty podział. DESIGN SYSTEMY • Material Design, https://material.io - design system opracowany przez Google. • Human Interface Guidelines, https://developer.apple.com/design/human-interface-guidelines - design system/wytyczne pomagające tworzyć produkty na platformy od Apple. • Polaris, https://polaris.shopify.com - design system od firmy Shopify. • Carbon Design System, https://www.carbondesignsystem.com - design system od firmy IBM. • Atlassian Design System, https://atlassian.design - złożony zestaw komponentów, zasad i wzorców od firmy Atlassian. Z pomocą szablonów możemy zbudować własny system projektowania lub język wizualny. • Mailchimp Pattern Library, http://ux.mailchimp.com/patterns/color - kompaktowy i prosty design system od firmy Mailchimp. Może stanowić ciekawą bazę na początku swojej przygody z tworzeniem design systemów. 4 • Style Guide od Viljami S. Design, https://viljamisdesign.com/styleguide - niewielki zestaw komponentów i wytycznych od fińskiego studia projektowego o nazwie Viljami S. Design. Ku inspiracji. • Radix UI, https://www.radix-ui.com/docs/primitives/overview/introduction - biblioteka (open-source) komponentów UI do budowania design systemów i aplikacji webowych. • Salesforce Lightning Design System (SLDS), https://www.lightningdesignsystem.com framework CSS (open-source) pozwalający na budowanie spójnych aplikacji w oparciu o gotowe zestawy elementów UI. • Website Style Guide Resources, http://styleguides.io - ogromna baza z przykładami design systemów, style guidów, wzorców i standardów. Znajdują się tam zarówno powyżej wymienione design systemy, jak i wiele innych. • Adele, https://adele.uxpin.com - repozytorium design systemów, bibliotek i komponentów od UXPin. • Design Systems Handbook, https://www.designbetter.co/design-systems-handbook e-book od firmy InVision. Najlepsze praktyki związane z planowaniem, projektowaniem, budowaniem i wdrażaniem design systemów. • Design System in Figma, https://designcode.io/design-system-in-figma - obszerny przewodnik projektowania stron w oparciu o design systemy. Całość w formie kursów i tutoriali wideo (w większości płatnych). • figmaster, https://www.figmaster.co - nauka budowania design systemu poprzez wykonywanie różnego rodzaju ćwiczeń w Figmie. Funkcjonuje w formie pluginu do Figmy. Jednorazowa opłata. • Atomic Design, https://atomicdesign.bradfrost.com/table-of-contents - darmowy e-book autorstwa Brada Frosta, twórcy podejścia atomic design. Metodologia, w której wychodzimy od najprostszych elementów (atomów), konstruując coraz bardziej rozbudowane struktury systemu, składające się potem na końcowy design produktu. • Galeria design systemów, https://component.gallery/design-systems • Helsinki Design System, https://hds.hel.fi - koncentruje się na użyteczności i dostępności, a jego celem jest poprawa jakości i spójności usług cyfrowych miasta Helsinki. • GOV.UK Design System, https://design-system.service.gov.uk • Ant Design, https://ant.design/ - popularny design system, często stosowany w aplikacjach reactowych. Dostępny także w postaci gotowych komponentów UI do Figmy, https://antforfigma.com/ 5 UX/UI STARTERS & UI KITS STARTERS • UX Starter, https://uxstarter.pl • UI Goodies, http://www.uigoodies.com - ogromny zbiór źródeł dotyczących głównie UI Design. • How to start in UX, https://start.uxdesign.cc - obszerny przewodnik od UX Collective o tym jak zacząć przygodę jako designer. • The UX Writing Starter‑Kit, https://dribbble.com/stories/2020/03/23/ux-writing-starter-kit • Webdev Caveman, https://www.webdevcaveman.com - zasoby dotyczące web developmentu i projektowania. KITS • Adobe, https://www.adobe.com/products/xd/features/ui-kits.html - UI Kits dla Adobe XD. • Speckyboy, https://speckyboy.com/free-mobile-ui-kits-ios-android - 50 Free Mobile UI Kits for iOS & Android. • UI8, https://ui8.net - zbiór różnorodnych design kits. • Shape, https://shape.so - kolekcja ponad 36 000 ikon i ilustracji (w pełni modyfikowalnych). • Iconic, https://iconic.app - ponad 500 (w tym 200 darmowych) profesjonalnych ikon w formacie SVG. • Iconfinder, https://www.iconfinder.com - ~5 mln ikon i ilustracji (płatne oraz darmowe). • DrawKit, https://drawkit.io - zbiór ilustracji. 6 UX RESEARCH • Desk Research, https://deskresearch.pl/pl - polska baza źródeł do desk researchu; raporty, zestawienia i opracowania dla badaczy, UX researcherów, marketerów i strategów w jednym miejscu. • UX Research Methods & Usability Testing, https://www.youtube.com/playlist?list=PLJOFJ3Ok_idtiMTz8fAiF1ElcKJM7Rncj - seria filmów od Nielson Norman Group o przeprowadzaniu badań i testów użyteczności. • Guide to User Research (UXR), http://guidetouxr.com - kolekcja ponad 250 zasobów i narzędzi poświęconych badaniom użytkowników. Podzielone na kategorie, np. modele mentalne, jog to be done, książki, ankiety, testy A/B itd. • Strefa UX | Analiza badań, Webinar, https://www.youtube.com/watch?v=ZYkoCw47Ldg&t=2202s - fantastyczny webinar na temat analizy danych ilościowych (podane są bardzo praktyczne wskazówki i metody). • A Stakeholder Interview Checklist, https://boxesandarrows.com/a-stakeholder-interview-checklist - checklista dotycząca przeprowadzania wywiadów pogłębionych i wywiadów z interesariuszami. • Lookback, https://lookback.io - program do przeprowadzania badań, np. wywiadów pogłębionych i testów użyteczności online. • Maze, https://maze.co - narzędzie do przeprowadzania niemoderowanych testów użyteczności. • Optimal Workshop, https://www.optimalworkshop.com - rozbudowane narzędzie do przeprowadzania badań, m.in. card sorting, treejack, czy ankiet online. • SurveyMonkey, https://www.surveymonkey.com - narzędzie do przeprowadzania ankiet. • Typeform, https://www.typeform.com - narzędzie do przeprowadzania ankiet. 7 UX WRITING • The UX Writing Starter‑Kit, https://dribbble.com/stories/2020/03/23/ux-writing-starter-kit • The UX Writing Library, https://www.uxwritinglibrary.com/inspiration - szeroki zasób inspiracji, style guides i voice designs od takich firm jak Google, czy Atlassian. • Thesaurus, https://www.thesaurus.com - angielski, darmowy słownik synonimów i antonimów. • Ludwig, https://ludwig.guru - narzędzie online pozwalające pisać lepszy, poprawny gramatycznie tekst w języku angielskim. Wyszukiwanie znaczeń i definicji, parafrazowanie, synonimy, częstość występowania słów, osadzanie zdań w kontekście itp. • Hemingway App, https://hemingwayapp.com - upraszczanie i poprawianie zdań w języku angielskim. • Grammarly, https://app.grammarly.com - narzędzie do sprawdzania pisowni i gramatyki języka angielskiego dostępne w postaci aplikacji na Windows i Mac, wtyczki do przeglądarek lub jako dodatek do Microsoft Office. • Wordtune, https://www.wordtune.com - narzędzie pozwalające na poprawę tekstu pod względem stylistycznym, pod względem nacechowania emocjonalnego itp. Dostępne w postaci edytora online lub wtyczki do Google Chrome. • ReversoContext, https://context.reverso.net/tłumaczenie - internetowy słownik z wieloma przykładami, tłumaczeniem w kontekście, synonimami i koniugacjami. • English-Corpora, https://www.english-corpora.org - biblioteka korpusów języka angielskiego, zarówno wariant amerykański, jak i brytyjski. • OneSky, https://www.oneskyapp.com - platforma oferująca usługi lokalizacyjne, w tym profesjonalne tłumaczenia na ponad 50 języków. • happyscribe, https://www.happyscribe.com/pl - platforma do automatycznej transkrypcji (konwersja audio na tekst, dodawanie napisów do wideo). • Lokalise, https://lokalise.com - platforma do zarządzania lokalizacją i tłumaczeniami. • Phrase, https://phrase.com/pl - jak wyżej, tj. platforma lokalizacyjna. • Logios, https://logios.dev - narzędzie do oceny języka polskiego pod kątem jego skomplikowania. Pozwala na dokładną analizę, uwzględniającą takie parametry jak współczynnik mglistości FOG, długość zdań, czy ton tekstu. 8 • Morpho, https://ws.clarin-pl.eu/morpho.shtml - analiza morfologiczna/morfosyntaktyczna tekstów w języku polskim. Każde słowo w tekście zostaje opatrzone odpowiednim znacznikiem wskazującym na takie aspekty jak postać hasłowa, część mowy (czasownik, rzeczownik), kategoria gramatyczna (liczba, rodzaj, przypadek) itp. • Jasnopis, https://www.jasnopis.pl - aplikacja webowa do badania prostoty języka polskiego (bardziej uproszczony zastępca Logiosa). • Korpusomat, https://korpusomat.pl - narzędzie do zliczania statystyk w polskich tekstach, w tym także do oceny stylu (mapowanie stylu, parsowanie zależniościowe, oznaczanie słów i fraz istotnych statystycznie). • Słowosieć, http://plwordnet.pwr.wroc.pl/wordnet - wordnet Politechniki Wrocławskiej do analizy relacji semantycznych (np. nacechowanie emocjonalne słów). • Narodowy Korpus Języka Polskiego, http://nkjp.pl - do oceny konotacji fraz i pojedynczych wyrazów. • zaimki.pl, https://zaimki.pl - kompendium wiedzy o języku niebinarnym i neutralnym płciowo. • Nonbinary Wiki, https://nonbinary.wiki/wiki/Gender_neutral_language - seria artykułów na temat języka neutralnego płciowo, z perspektywy kilku języków (polski, niemiecki, holenderski, hiszpański, hindi, angielski, a także ogólnie). • Jarvis, http://jarvis.ai - wsparcie AI przy przeredagowywaniu tekstów, generowanie copy, artykułów blogowych i postów na social media. • Copyshark, https://www.copyshark.ai - podobnie jak Jarvis; wsparcie, redagowanie i generowanie copy. • UX Content (Slack), http://content-ux.slack.com - społeczność około 12k ludzi z dużą wiedzy w zakresie UX writingu i Copy. • Projektowanie Słowem, https://projektowanieslowem.org - projekt (strona internetowa, instagram) Kariny Ślęzak o UX Writingu. • Dobra Treść, https://dobratresc.com - blog Kamili Paradowskiej o projektowaniu treści. 9 DOSTĘPNOŚĆ • WCAG, https://www.w3.org/WAI/standards-guidelines/wcag - oficjalna strona WCAG (ang. Web Content Accessibility Guidelines). • W3C, Web Accessibility Initiative, https://www.w3.org/WAI • WebAIM (Web Accessibility In Mind), https://webaim.org - świetna strona poświęcona dostępności. • WebAIM - Contrast Checker, https://webaim.org/resources/contrastchecker • The A11Y Project, https://www.a11yproject.com - projekt/inicjatywa mająca na celu szerzenie wiedzy na temat dostępności i projektowania inkluzywnego. • The A11Y Project - Accessibility Checklist, https://www.a11yproject.com/checklist • CareerFoundry, https://careerfoundry.com/en/blog/ux-design/beginners-guide-inclusive-design - What Is Inclusive Design? A Beginner’s Guide. • Udacity, Web Accessibility by Google Course, https://www.udacity.com/course/web-accessibility--ud891 - darmowy kurs od Google. Około 6h materiałów wideo + ćwiczenia. • A11ycasts with Rob Dodson, https://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g - seria 30 krótkich filmów o dostępności prowadzona przez Roda Dodsona z Google Chrome. • Inclusive Design 24 #id24, https://www.youtube.com/c/InclusiveDesign24/playlists kanał na YouTube poświęcony projektowaniu inkluzywnemu. • MDN ARIA, https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA - trochę informacji na temat ARIA (ang. Accessible Rich Internet Applications) na stronie MDN (oficjalnej dokumentacji Mozilla). • Color Safe, http://colorsafe.co - generowanie palet kolorystycznych spełniających normy WCAG. • Who Can Use, https://whocanuse.com/ - narzędzie online do sprawdzania kontrastu oraz % czytelności danych kolorów w zależności od różnych zaburzeń widzenia barw. • Kuba Dębski, nie tylko WCAG, http://kubadebski.pl - polski blog o dostępności (i nie tylko). • Wykłady Piotra Źrółki, https://www.youtube.com/watch?v=O9gxcnsO-lU - tutaj przykładowe wystąpienie na jednej z branżowych konferencji; w sieci można znaleźć tego o wiele więcej. Pan Piotr udziela się dość często, dzieląc się swoją wiedzą z obszaru accessibility. • Fundacja Widzialni, https://widzialni.org/ - zajmuje się przeciwdziałaniem wykluczeniu10 cyfrowemu i społecznemu. • Włocławek / WCAG, https://github.com/Wloclawek/WCAG - projekt mający na celu zwiększenie wiedzy sektora informatycznego na temat dostępności produktów cyfrowych dla osób z niepełnosprawnościami. • Wojtek Kutyła i Natalia Bienias (webinar na temat dostępności), https://www.youtube. com/watch?v=ocJGmgfgvCI • ThisAbles, https://thisables.com/en - inicjatywa IKEA mająca na celu wytwarzanie produktów służących osobom z niepełnosprawnościami. • Blackboard, https://blackboard.uwb.edu.pl - platforma e-learningowa (Uniwersytet w BIałymstoku); przykład projektu dobrego pod względem inkluzywności. • GOV.UK, https://www.gov.uk - kolejny przykład strony zaprojektowanej zgodnie z uwzględnieniem WCAG. ETYKA W PROJEKTOWANIU • Ethical Designer Toolkit, https://www.ethicsfordesigners.com/tools - zbiór gotowych narzędzi, formatek i kanw, które pozwolą np. przeprowadzić warsztaty/ćwiczenia (jest nawet podany czas) i w bardziej świadomy sposób przejść przez pewne etapy projektowania. Można w ten sposób przygotować sobie pewien „mindset” do myślenia o produkcie, czy całej organizacji. Raczej do pracy w teamie, ale myślę, że niektóre kanwy można też wykorzystać samemu, bo dostajemy gotowe pytania i szablony. • Design Justice Network, https://designjustice.org - międzynarodowa organizacja/ruch/ inicjatywa osób, które chcą zmienić nastawienie do projektowania produktów i usług, tak aby wyzbyć się jakiejkolwiek dyskryminacji. Jest to dynamicznie zmieniający i rozwijający się ruch, do którego po prostu można dołączyć, np. w ramach tzw. Working Group, lub Local Node. Nie ma jeszcze polskiej komórki, można za to założyć ją samemu. Zgodnie z opisem warto wystartować już jako malutka grupa, np. 3 osób, a nie jako pojedyncza osoba. • Ethical Design Guide, https://ethicaldesign.guide - skarbnica źródeł o tworzeniu etycznych produktów. • Humane By Design, https://humanebydesign.com - podobnie jak wyżej. Dostajemy zestaw zasobów, jak: strony, podcasty, narzędzia, artykuły, książki i filmy nastawione na User-Centered Design, lub bardziej Human-Centered Design. Jak można przeczytać na stronie, chodzi o dobre samopoczucie użytkowników. • The Little Book Of Design Research Ethics by IDEO, https://www.ideo.com/post/the-little-book-of-design-research-ethics 11 AUDYT UX • Audyt użyteczności strony internetowej — po co, jak, kiedy?, https://www.youtube. com/watch?v=OjX_jmE2foI&t=1337s - bardzo konkretny i praktyczny webinar Wojtka Kutyły, przeprowadzający niemal przez cały proces audytowy. Dużo rad, wskazówek i przykładów. Godzinny film, ale warto! • UX audit checklist templates, https://www.notion.so/UX-audit-checklist-templates-4bdad2f26cef4320b15367e7eadb9aab - gotowa checklista audytowa, przygotowana w Notion - można zduplikować i korzystać do woli 🙂 Każdy aspekt został dodatkowo dokładnie opisany. Dlatego przechodząc przez kolejne elementy strony/aplikacji na pewno będzie wiadomo czego dotyczy dany blok/sekcja/element w checkliście. • Heuristic Evaluation Template, https://airtable.com/tblyetnyFZjpPmIjc/viw6CfsS7bFW1exh3?blocks=hide - szablon do analizy heurystycznej Nielsena, przygotowany w Airtable. • Heuristic Evaluation Template in Figma, https://www.figma.com/community/ file/970224423155271169 - szablon do analizy heurystycznej Nielsena, tym razem dla funów Figmy 🙂 • Seria artykułów opisujących kolejne heurystyki Nielsena od Nielsen Norman Group, https://www.nngroup.com/articles/ten-usability-heuristics - można też pobrać darmowy plakat, na którym w sposób wizualny zebrane zostały wszystkie heurystyki wraz z przykładami. • Bulb Inclusive Design Audit, https://bulbenergy.github.io/bulb-audit - przykład gotowego, profesjonalnie sporządzonego raportu audytowego. Raport został przygotowany przez Heydon Pickering dla brytyjskiej firmy Bulb. KURSY & WARSZTATY ZAGRANICZNE • Google UX Design Professional Certificate, https://www.coursera.org/professional-certificates/google-ux-design • Interaction Design Foundation Courses, https://www.interaction-design.org • Udacity Courses, https://www.udacity.com/courses/all 12 • FutureLearn, Introduction to UX and Accessible Design, https://www.futurelearn.com/ courses/introduction-to-ux-and-accessible-design • UX Masterclass, A practical UX design course, https://ux-masterclass.co • Uxcel Design Courses, https://uxcel.com • IntoUXDesign, https://intouxdesign.thinkific.com/?ref=dfcbbf - UX Research, Concept Validation & Strategy Courses. • ML UX Academy, https://www.mluxacademy.com • ShiftNudge, https://shiftnudge.com - Interface Design Course. • The Human Mind and Usability, https://www.nngroup.com/courses/human-mind - Nielson Norman Group Course. • Design Full-Time, Web Design Course, https://designfulltime.com • CareerFoundry, https://careerfoundry.com - Bootcampy UX, UI, Web Development i Data Analytics. • DesignLab, UX Academy: Learn UX UI Design, Bootcamp, https://trydesignlab.com/ux-academy POLSKIE • Witflow, https://www.witflow.com - warsztaty i szkolenia projektowe od Igi Mościchowskiej. • Eduj, Testy użyteczności (badania UX), https://eduj.pl/produkt/testy_uzytecznosci_badania_ux_zdalne_i_stacjonarne - zdalne i stacjonarne, by Krzysztof Miotk. • Eduweb, https://eduweb.pl - kursy: UX/UI design, web development, grafika komputerowa i wiele innych. • Future Collars, https://futurecollars.com/pl/ux-designer-kurs-online - UX Designer kurs online. • Elementarz UX, https://www.elementarzux.pl - wykłady online, ćwiczenia i warsztaty z 2 edycji UX-owych konferencji. W sumie ~22h nagrań i 16 zadań (wraz z omówieniem rozwiązań). • Słowa: UX Writing Conf, https://www.uxwritingconf.pl - wykłady online dla wszystkich, którzy projektują treści. MIESZANE • Skillshare, https://www.skillshare.com - duża baza kursów. • Udemy, https://www.udemy.com - duża baza kursów. 13 YOUTUBE CHANNELS ZAGRANICZNE • NNgroup, https://www.youtube.com/c/NNgroup • AJ&Smart, https://www.youtube.com/c/AJSmart • femke.design, https://www.youtube.com/femkedesign • Maddy Beard, https://www.youtube.com/c/MaddyBeard • Sara Brunettini, https://www.youtube.com/c/SaraBrunettini • Design Gal, https://www.youtube.com/c/DesignGal • Flux, https://www.youtube.com/c/FluxWithRanSegall • Jesse Showalter, https://www.youtube.com/c/JesseShowalter • CharliMarieTV, https://www.youtube.com/c/charlimarieTV • DesignCourse, https://www.youtube.com/c/DesignCourse • Inclusive Design 24 #id24, https://www.youtube.com/c/InclusiveDesign24 • The Futur, https://www.youtube.com/c/thefuturishere • The Futur Academy, https://www.youtube.com/c/TheFuturAcademy • Design Pilot, https://www.youtube.com/c/DesignPilot • Mizko, https://www.youtube.com/c/Mizko • Malewicz Hype, https://www.youtube.com/c/MalewiczHype • Punit Chawla, https://www.youtube.com/c/PunitChawla • LindaAhn, https://www.youtube.com/user/LindaAhn • chunbuns, https://www.youtube.com/c/chunbuns • Dev Ed, https://www.youtube.com/c/DevEd • vaexperience, https://www.youtube.com/channel/UCMEQZDhP_k_YkFnwoCgT7SQ 14 POLSKIE • Opowieści ze świata UX, https://www.youtube.com/channel/UCSTcwIRz4Gy-VHkUTuukx7g • Strefa Designu Uniwersytetu SWPS, https://www.youtube.com/c/StrefaDesignuSWPS • UX/UCD - Marszałkowski projektuje, https://www.youtube.com/c/UXUCDMarszałkowskiprojektuje • Kółko Projektowe, Karol Stefański, https://www.youtube.com/c/KarolStefański • by Zebza, https://www.youtube.com/c/byZebza • Kacper Borowiec-Herej, https://www.youtube.com/c/KacperBorowiec • DesignWays Conf, https://www.youtube.com/channel/UCLfjUAZXfhyMG3LfNrOXIug • DesignWays Hub, https://hub.designways.io • UX Poland, https://www.youtube.com/user/UXPoland PODCASTY ZAGRANICZNE • Design Matters, https://beta.prx.org/stories/347192 • Design Lab, https://podcasts.apple.com/us/podcast/design-lab-with-bon-ku/ id1529983261 • Design Review, https://anchor.fm/designreview/episodes/Episode-87---Cognitive-Psychology-for-Designers---Part-7-e16m3vm • DesignLife, https://www.designlife.fm/episodes • ZigZag Project, https://zigzagpod.com/zigzagproject POLSKIE • UX po Godzinach, https://anchor.fm/ux-po-godzinach • Nie Tylko Design, https://nietylko.design • Let Me In UX, https://open.spotify.com/show/7L90p5HHdi7lb6BvlEk3s9 15 BLOGI ZAGRANICZNE • Nielsen Norman Group, https://www.nngroup.com/articles • UX Collective, https://uxdesign.cc • UX Planet, https://uxplanet.org • Muzli, https://medium.muz.li • The UX Blog, https://theuxblog.com • UXmatters, https://www.uxmatters.com • The Dribbble Blog, https://dribbble.com/stories • Eye on Design, https://eyeondesign.aiga.org • Pencil & Paper, https://pencilandpaper.io/articles POLSKIE • by Zebza, https://zebza.net • Opowieści ze świata UX, https://wojtekkutyla.pl • Kuba Dębski, nie tylko WCAG, http://kubadebski.pl • Dobra Treść, https://dobratresc.com/category/blog • SZKOŁA DIZAJNU, https://szkoladizajnu.pl/blog • DAMIANRAMS.PL, https://www.damianrams.pl/blog • Product Vision, https://productvision.pl • Natalia Strawa, https://nataliastrawa.pl 16 CASE STUDIES • Built For Mars, https://builtformars.com - ~40 różnorodnych case studies. • UXfolio, https://uxfol.io/showcase - zbiór case studies wykonanych z wykorzystaniem platformy UXfolio. • Case Study Club, https://www.casestudy.club/case-studies - UX Case Study Collection. • growth design, https://growth.design/case-studies - UX case studies w formacie komiksowym. • bestfolios.com, https://bestfolios.medium.com/8-well-done-ux-case-studies-every-designers-should-read-f15cfd8687e1 - 8 Well Done UX Case Studies Every Designers Should Read. • bestfolios.com, https://medium.com/bestfolios/8-inspiring-student-ux-portfolios-d9d387bc1cf - 8 Inspiring Student UX Portfolios. • El Passion, https://www.elpassion.com/blog/tag/case-studies • Project: People, https://projectpeople.pl/case-studies INSPIRACJE & WYZWANIA • Daily UI, https://www.dailyui.co - przez 100 dni otrzymujemy pomysły na to, co mamy danego dnia zaprojektować, tj. 1 dzień - 1 design challenge (na podstawie otrzymanego briefu). • Weekly Product Design Exercise, https://productdesigninterview.com/weekly-ux-product-design-exercise - cotygodniowe inspiracje i ćwiczenia projektowe. • UXchallenge, https://www.uxchallenge.co - UX design challenges (kilkanaście ciekawych pomysłów na projekty/kilkanaście ciekawych problemów do rozwiązania). • Designercize, https://designercize.com - design challenge generator. • Sharpen, https://sharpen.design - design challenge generator. 17 INICJATYWY • WUD Silesia, https://wudsilesia.pl • Introduction to Human-Centered Design, Team Course, https://acumenacademy.org/ course/design-kit-human-centered-design/?fbclid=IwAR2v0mJXCDJV4hvhJlhY8lNi8X8TadeNVXoEEWmCZqqvcQdm6FgzBdDSEmI - kurs zespołowy pod przewodnictwem IDEO.org, w którym realizuje się rzeczywiste projekty i odpowiada na realne porblemy świata. • Tech To The Rescue, https://www.techtotherescue.org • Kolektyw Rzeczywiste Doświadczenia, https://www.rzeczywiste.org • Sektor 3.0, https://sektor3-0.pl • CodersCrew, https://coderscrew.pl • K.I.D.S Klub Innowatorów Dziecięcych Szpitali, https://www.kids.org.pl NEWSLETTERY • AJ&Smart, https://ajsmart.com/newsletter • UXPin, https://www.uxpin.com/studio/ • Hype4 Academy, https://hype4.academy/ • The Awwwesomes, https://uxinstant.pl/newsletter - newsletter Agnieszki Naplochy. • UX z Głową, https://wojtekkutyla.pl/newsletter - newsletter Wojtka Kutyły. • UXED, https://uxed.pl/newsletter/zapis?fbclid=IwAR1q40S3yurdAf5W5DRlAADaT916DTEtz105d6P7CZtdv-nIlSpjUn0yrZI - newsletter Michała Mazura. • Project: People, https://projectpeople.pl/blog/tag/newsletter 18
