### Dlaczego warto wziąć udział w kursie?

Wystarczy 5 minut dziennie, a za 2 tygodnie będziesz wiedział na czym dokładnie polega praca UX/UI designera.

* * *

- Kurs jest darmowy
- Nauczysz się solidnych podstaw UX/UI
- Możesz wypisać się w dowolnej chwili

* * *

Zdobądź nowe umiejętności UX/UI w 14 dni. Zapisz się na darmowy kurs e-mailowy.

Projektowanie stron i aplikacji internetowych krok po kroku

14 dniowy kurs emailowy - Podstawy UX/UI

### 2 godziny praktycznego treningu projektowania UX/UI (na żywo)

Gotowy schemat projektowania UX/UI w pigułce.
Sama esencja. Najważniejsze informacje podane na tacy.

* * *

### Ekspresowe wejście w świat UX/UI

- Dowiesz się czy projektowanie UX/UI jest dla Ciebie
- Stworzysz projekt UX/UI do swojego portfolio w zaledwie 2 h
- Poznasz elementy pracy niezbędne na stanowisku projektanta UX/UI
- Otrzymasz gotowy schemat tworzenia projektów UX/UI krok po kroku
- Nauczysz się projektować intuicyjne i atrakcyjne wizualnie aplikacje
- Ułożysz sobie wszelkie informacje dotyczące UX/UI w spójną całość

* * *

### Zdobędziesz nowe praktyczne umiejętności

- Będziesz potrafił zaprojektować aplikację internetową stosując najważniejsze zasady projektowania UX/UI
- Wyszkolisz się w tworzeniu funkcjonalnych i interaktywnych prototypów gotowych do testowania
- Nauczysz się tworzyć projekty, z których będziesz zadowolony i którymi będziesz chciał się chwalić

* * *

### Szeroka wiedza w pigułce

- Projektowanie UX i UI
- Design thinking
- Badania (research)
- Persony użytkowników
- Podróże użytkowników
- Architektura informacji
- Mikro teksty
- Modelowanie szkieletowe
- Prototypowanie
- Testowanie
- Projektowanie graficzne
- Obsługa programu Figma

* * *

### Projektowanie UX/UI to ciekawe i dobrze płatne zajęcie

Rosnąca ilość ofert pracy, wysokie zarobki i możliwość pracy zdalnej z dowolnego miejsca na Ziemi. To częste realia pracy projektantów UX/UI.

* * *

### Odbierz prezent dla uczestników

Zapisując się teraz na szkolenie otrzymasz dodatkowo (jeśli jeszcze nie masz) ebooka w rozszerzonej wersji Podstawy projektowania UX/UI - GRATIS!

* * *

### Szkolenie odbyło się online 26 maja 2022r.

Kupując dostęp kupujesz dostęp do nagrania z tego szkolenia.

Naucz się w 2h projektować UX/UI tworząc od A do Z projekt do swojego portfolio

2h praktyczne szkolenie projektowania UX/UI

Uporządkuj wiedzę z zakresu designu UX/UI.
Gotowa lista 14 kroków, które przeprowadzą Cię przez każdy Twój projekt.
Każdy krok oprócz opisu danego etapu zawiera też ćwiczenia utrwalające.
Do zagadnień znajdziesz również dodatkowe linki poszerzające wiedzę.

Poznaj schemat 14 kroków do projektowania aplikacji i stron internetowych

Podstawy projektowania UX/UI

Cześć! Nazywam się Adrian Bienias i jestem web designerem i web developerem. W ostatnich latach pracowałem jako inżynier oprogramowania w firmie Atlassian rozwijając oprogramowanie Jira, używane np. przez SpaceX do zarządzania startami rakiet.

Z tego krótkiego wideo dowiesz się czy do zostania designerem UX/UI potrzeba 10 000 godzin?

Istnieje hipoteza, która mówi, że aby dobrze opanować jakąś złożoną umiejętność potrzeba właśnie 10 000 godzin. Ma to sens, bowiem doskonalenie się wymaga nauki i praktyki. To z kolei wymaga czasu.

Praktyka udoskonalająca polega na powtarzaniu tych samych czynności. Jednak za każdym razem starając się wykonać tą czynności coraz to lepiej.

Co jednak w przypadku, kiedy do końca nie wiesz co powinieneś powtarzać aby się doskonalić?

Jeśli myślisz o rozwoju swojej kariery jako projektant UX/UI mam dla Ciebie dobrą wiadomość.

W najbliższym czasie planuję przeprowadzić szybkie, ale intensywne szkolenie projektowania UX/UI.

W zaledwie 2 godziny nauczysz się projektować aplikacje internetowe i zobaczysz jak tworzyć projekty do swojego portfolio.

Oczywiście nie zdobędziesz w ten sposób umiejętności równych doświadczeniu zdobytemu w 10 000 godzin. Ale na pewno zaoszczędzisz wiele czasu, który zajmuje poukładanie sobie niezbędnej wiedzy projektowania UX/UI w gotowy do powielania szablon działania.

Mając taki schemat działania będziesz mógł tworzyć projekty na autopilocie z łatwością powiększając swoje portfolio.

Natomiast mając rozbudowane portfolio łatwiej będzie Ci przekonać klientów do Twoich usług, rozwijając się tym samym jako freelancer, lub po prostu znaleźć stałą, dobrze płatną pracę.

Odpowiadając na pytanie zadane na początku: nie musisz poświęcić 10 000 godzin aby zacząć zarabiać jako projektant UX/UI, jednak z pewnością wraz ze wzrostem doświadczenia możesz też liczyć na wzrost zarobków.

Jeśli jesteś na początku tej drogi musisz od czegoś zacząć, aby napędzić rozwój swojej kariery.

Dołączając do tego szkolenia poznasz gotowy schemat tworzenia projektów UX/UI. Będziesz wiedział nad czym pracować aby doskonalić swój warsztat i budować portfolio.

## To szkolenie może być motorem napędowym Twojej kariery UX/UI designera

1.  Dowiesz się czy w ogóle projektowanie UX/UI jest dla Ciebie
2.  Stworzysz projekt UX/UI do swojego portfolio w zaledwie 2 h
3.  Poznasz elementy pracy niezbędne na stanowisku projektanta UX/UI
4.  Otrzymasz gotowy schemat tworzenia projektów UX/UI krok po kroku
5.  Nauczysz się projektować intuicyjne i atrakcyjne wizualnie aplikacje
6.  Ułożysz sobie wszelkie informacje dotyczące UX/UI w spójną całość

## Otrzymasz skondensowaną pigułkę wiedzy zawierającą

*   Projektowanie UX i UI
*   Design thinking
*   Badania (research)
*   Persony użytkowników
*   Podróże użytkowników
*   Architektura informacji
*   Mikro teksty
*   Modelowanie szkieletowe
*   Prototypowanie
*   Testowanie
*   Projektowanie graficzne
*   Obsługę programu Figma

## Brzmi ciekawie?

Jeśli tak, w opisie pod tym wideo znajdziesz informacje jak wziąć udział w szkoleniu.

[Zapisz się na szkolenie UX/UI](https://codisity.pl/web-design/2h-praktyczne-szkolenie-projektowania-ux-ui)

Poznaj sposób na przyspieszenie procesu nauki

Czy do zostania designerem UX/UI potrzeba 10000 godzin?

### Czego nauczysz się w tym kursie?

- **Program Figma**
  Poznasz darmowy program do graficznego projektowania, dostępny z poziomu przeglądarki internetowej
- **Projektowanie UX**
  Nauczysz się tworzyć persony, scenariusze, schematy działań użytkowników, mapy, szkielety i prototypy stron
- **Projektowanie UI**
  Wtajemniczysz się w projektowanie treści, grafik, identyfikacji wizualnej i interfejsu użytkownika stron internetowych

Poznaj schemat projektowania stron internetowych w darmowym programie Figma

Projektowanie interfejsu i doświadczeń użytkowników (UI/UX)

Jak myślisz, czy szybciej jest stworzyć projekt strony internetowej w programie graficznym czy pomijając ten proces przejść bezpośrednio do pisania kodu?

Przeprowadziłem mały eksperyment sprawdzając ile czasu zajmuje narysowanie prostego elementu modalnego.

* * *

Cały proces projektowania graficznego wykonałem w programie Figma. Najdłuższe przestoje jakie miałem pojawiały się w momencie doboru kolorystyki. Finalnie zaprojektowanie okienka modalnego w ten sposób zajęło mi niewiele ponad 4 minuty.

Następnie chciałem to samo okienko modalne odtworzyć już za pomocą kodu HTML i CSS. Tutaj najdłuższe przestoje jakie się pojawiały były związane z doborem fontów, aby użyć tych samych, których użyłem w programie graficznym.

Zwróć uwagę, że jest to bardzo prosty projekt. Przy bardziej skomplikowanych kodowanie mogłoby zająć kilkakrotnie więcej czasu niż projektowanie. W tym przypadku kodowanie zajęło mi 2x więcej czasu, trochę ponad 8 minut.

Mimo, że rysowanie jest szybsze od kodowania to projekt i tak trzeba przecież zakodować. Czy projekt graficzny można więc uznać jedynie za zbędny dodatek do kodowania? Odpowiedź znajdziesz w tym odcinku.

## Czy web developer musi umieć graficznie projektować strony internetowe?

Mówiąc krótko: nie. Web developer może być odpowiedzialny tylko za część techniczną czyli napisanie kodu strony internetowej. Za projekt graficzny odpowiedzialny jest web designer.

Taki podział obowiązków jest standardem w większości wieloosobowych firm.

Jeśli jednak jesteś freelancerem, to aby w pełni świadczyć usługi swoim klientom musisz albo pełnić obowiązki web designera i web developera, albo zlecać projekty graficzne innym.

## Czy do projektowania atrakcyjnych wizualnie stron potrzebny jest talent?

W byciu web designerem nie chodzi o to, aby być artystą. Chodzi o to, aby umieć jasno komunikować się z użytkownikami za pomocą designu.

Weźmy pod uwagę np. symbole mężczyzny i kobiety na drzwiach toalet. Są one jasnym komunikatem projektanta tych symboli dla użytkowników toalet. Symbole koła i trójkąta nie są już tak oczywistym komunikatem.

Podobnie jest w przypadku designu stron internetowych. Jeśli zaprojektujesz stronę w taki sposób, że użytkownik nie będzie w stanie łatwo odróżnić np. co jest przyciskiem a co tylko elementem dekoracyjnym to będzie to słaby design.

Słaby design nie oznacza jednak braku talentu projektanta. Słaby design oznacza jedynie brak dostatecznego opanowania zasad wizualnej komunikacji. Można to porównać do języka migowego. Nie trzeba być artystą, żeby migać. Ale trzeba poznać znaki migowe, żeby móc się nimi komunikować.

Przykładowo, w designie aby jasno zakomunikować podział elementów na dwie grupy, najlepiej wyraźnie je od siebie odsunąć. Jest to jedna z zasad GESTALT. Poznanie tych zasad jest dobry punktem startowym do nabycia umiejętności skutecznego komunikowania się za pomocą designu.

## Dlaczego projektowanie strony poprzez kod jest nieefektywne?

Projektowanie graficzne jest szybsze niż kodowanie. Jeśli jednak damy się zwieść na drogę projektowania podczas kodowanie to okaże się, że nie jesteśmy w stanie pisać kodu linijka po linijce tworząc przy tym zadowalający wizualnie projekt.

Będziemy musieli stale zastanawiać się CO chcemy stworzyć. Chcą porównać kilka pomysłów, każdy z nich będziemy musieli zakodować, porównać ze sobą, a następnie wybrać najatrakcyjniejsze rozwiązanie.

Te same decyzje projektowe jesteśmy w stanie podjąć znacznie szybciej w programie graficznym.

Trafne i atrakcyjne rozwiązania najlepiej tworzy się w środowisku, które nie karze nas za eksperymentowanie i popełnianie błędów.

Dlatego przed przejściem do programu graficznego śmiało można skorzystać z najprostszych narzędzi - kartki i ołówka lub cienkopisu. Trzeba jednak bacznie obserwować swoje emocje, czy przypadkiem nie staramy się irracjonalnie unikać kosztów zużycia materiałów.

Próbując oszczędnie tworzyć szkice można stłamsić swoją kreatywność równie skutecznie jak poprzez projektowanie strony za pomocą kodu.

## Dlaczego warto oddzielać proces twórczy od technicznego?

Podczas procesu technicznego jeśli zadajemy sobie pytania to są one nakierowane na umiejętności. Chcemy dowiedzieć się jak coś zrobić.

Jak za pomocą kodu zaokrąglić rogi elementu? Jak dodać gradient? Jak rzucić cień?

Proces twórczy to próba odnajdywania odpowiedzi na pytania przybliżające nas do poznania nowej rzeczy. Rzeczy, która jeszcze nie istnieje, chociaż jest podobna do innych już istniejących.

Co to jest? Jak to wygląda? Jaki ma kształt, kolor? Gdzie się znajduje?

W porównaniu do procesu technicznego, w procesie twórczym panuje niewiele zasad. W dodatku proces kreacji opiera się głównie o subiektywną ocenę projektanta.

To jaki wybierzesz font, kolor, ilustrację, wielkość elementów, ich rozmieszczenie, oraz wiele innych zmiennych - zależy wyłącznie od Ciebie. A im większy wybór tym trudniej podejmuje się decyzje.

Dlatego chcąc być kreatywnym, ale i jednocześnie efektywnym dobrze jest zapewnić sobie jak najdogodniejsze warunki do pracy.

Pisanie kodu i jednoczesne zastanawianie się nad tym co napisać to duże obciążenie psychiczne.

Efektywniej jest rozgraniczyć te procesy i najpierw graficznie zaprojektować stronę, a dopiero potem przejść do jej zakodowania.

## Podsumowanie

Mając za zadanie przycięcie deski można wziąć piłę i od razu rozpocząć cięcie.

Rozsądniej jednak jest najpierw dokonać pomiarów i wyznaczyć linię cięcia.

Takie podejście, mimo że teoretycznie wydłuża cały proces, tak naprawdę jest tańsze i szybsze.

Nie marnują się źle przycięte deski, a finalnie skracany jest też całkowity czas wszystkich cięć.

Zmierz dwa razy, utnij raz.

Zaprojektuj dwa razy, zakoduj raz.

Jeśli chcesz nauczyć się projektować strony internetowe wejdź na stronę codisity.pl i [zapisz się na darmowy kurs](https://codisity.pl/web-design/14-dniowy-kurs-emailowy-podstawy-ux-ui).

[Napisz też w komentarzu](https://www.youtube.com/watch?v=q0CWfrW57ls) jak uważasz - czy projektowanie stron internetowych w programie graficznym jest według Ciebie konieczne, czy można się bez tego obejść?

Projektować strony internetowe graficznie czy od razu je kodować?

Projektowanie vs kodowanie

Być może kiedyś zastanawiałeś się nad tym:

* Czym są UX i UI i jaka jest między nimi różnica?
* Jakie wymagania są stawiane na stanowiskach UX/UI?
* Jakich umiejętności potrzeba aby być projektantem UX/UI?

Jeśli chcesz poznać odpowiedzi na te pytania, zapraszam Cię do obejrzenia tego odcinka...

* * *

Interesujesz się tematyką UX/UI i chcesz rozwijać się w tej kwestii? Jeśli tak, zapauzuj to wideo, wejdź na stronę [Codisity.pl](http://codisity.pl/) i zapisz się tam na darmowy kurs UX/UI.

* * *

## Czym są UX i UI i jakie są między nimi różnice?

UX to skrót od User Experience - X pochodzi od słowa Experience, w którym litera E jest niema. Tłumacząc na język polski, UX oznacza doświadczenia użytkownika.

Cały proces kontaktu użytkownika ze stroną lub aplikacją internetową to zbiór doświadczeń. Zadaniem projektanta UX jest zapewnienie jak najlepszych doświadczeń, czyli ogólnych wrażeń z korzystania z aplikacji.

Przykładami złych doświadczeń mogą być:

*   Problemy z odnalezieniem szukanych informacji
*   Niejasne elementy nawigacji wprowadzające w stan dezorientacji
*   Formularz zamówienia wymagający podania zbędnych do realizacji zamówienia danych

UI to skrót od User Interface. Tłumacząc na język polski to po prostu interfejs użytkownika.

Interfejs to udostępniony sposób komunikacji z jakimś urządzeniem. W przypadku sklepu internetowego użytkownik może komunikować się z systemem składania zamówień za pomocą strony internetowej lub aplikacji mobilnej. Strona czy aplikacja jest wtedy właśnie interfejsem.

Projektant UI (czyli interfejsu użytkownika) jest odpowiedzialny za rozwinięcie projektu UX (czyli doświadczeń użytkownika). W przypadku strony internetowej polega to między innymi na dobraniu kolorystyki, fontów i ogólnym wizualnym uatrakcyjnieniu naszkicowanego we wcześniejszych fazach projektu.

Gdyby zamówienia były realizowane np. telefonicznie, wtedy interfejsem użytkownika mógłby być głosowy system poleceń. W takim przypadku praca projektanta polegałaby na zaprojektowaniu interfejsu głosowego, a nie graficznego.

## Jakie są wymagania na stanowiskach projektanta UX/UI?

Przyjrzymy się zakresom obowiązków w przykładowych ofertach pracy na stanowisko UX/UI designer.

W większości ofert na ryku oczekiwany jest język angielski. Czytanie ze zrozumieniem jest wręcz niezbędne (chociażby żeby korzystać z anglojęzycznego oprogramowania).

Umiejętność swobodnej komunikacji w języku angielskim nie jest co prawda wymagana w każdej ofercie pracy ALE jeśli Twój angielski będzie na poziomie B1-B2 i wyższym, na pewno znacznie poszerzysz ilość ofert, na które będziesz mógł/mogła aplikować.

Kolejną już najbardziej oczywistą kwestią są umiejętności związane z projektowaniem UX/UI.

Niezbędna jest znajomość oprogramowania do projektowania i prototypowania. W większości ofert, które przejrzałem pojawiał się program Figma. Jednak w zależności od firmy, ich wybór mógł paść na inne programy takie jak np. Adobe XD, UX Pin, czy inne.

Poza znajomością oprogramowania wymagane są umiejętności związane ze zbieraniem danych, ich analizowaniem i prezentowaniem wyciągniętych a analizy wniosków:

*   Przeprowadzanie badań
*   Przygotowywanie raportów
*   Projektowanie architektury informacji
*   Przygotowywanie user flow
*   Tworzenie makiet i prototypów
*   Przeprowadzanie testów użyteczności

Rekruterzy szukają też potwierdzenie doświadczenia w postaci portfolio oraz wcześniejszego udziału w komercyjnych projektach.

Komercyjne projekty możesz realizować na początku swojej kariery jako freelancer. Współpracując z klientami zdobędziesz w ten sposób niezbędne doświadczenie oraz projekty do Twojego portfolio.

Jeśli dopiero zaczynasz swoją przygodę z UX/UI może wydawać Ci się, że to całkiem spora lista wymagań. Pamiętaj jednak, że rozwój kariery w tej branży ma godziwe odzwierciedlenie w zarobkach. Półroczna - roczna intensywna nauka tego zawodu często może zaprocentować znacznie lepiej niż wieloletnie studia.

## Jaki zakres usług świadczą freelancerzy projektujący UX/UI?

Freelancer to w tłumaczeniu na język polski wolny strzelec. W kontekście świadczonych usług oznacza osobę pracującą na własny rachunek, nie pracującą na etacie oraz nie zatrudniającej stałych pracowników.

Swoją freelancerską działalność możesz możesz zacząć lokalnie, oferując usługi wśród znajomych i ich znajomych, proponując wizualne ulepszanie istniejących stron internetowych pod kątem poprawy doświadczeń użytkowników. Możesz w ten sposób zdobyć pierwszych klientów i komercyjne doświadczenie.

Internet daje też dostęp do globalnego rynku usług. Przykładem może być serwis Fiverr. Znajdziesz w nim ogłoszenia na usługi takie jak np.:

*   Badanie rynku
*   Pisanie treści UX (tak zwane “micro copy”)
*   Projektowanie szkiców i prototypów
*   Projektowanie interfejsów graficznych

Praca jako freelancer może być krokiem do pracy na etacie, ale może też być Twoją docelową formą pracy dającą większą swobodą, ale jednocześnie wciąż z dobrymi zarobkami.

## Jak zacząć i jak rozwijać swoją karierę UX/UI designera?

Moja propozycja dla Ciebie to 5 kroków:

1.  Ucz się UX i UI i języka angielskiego
2.  Rozwijaj praktyczne umiejętności realizując własne projekty np. ulepszając istniejące strony czy aplikacje internetowe
3.  Buduj portfolio
4.  Oferuj swoje usługi odpłatnie - zdobądź komercyjne doświadczenie
5.  Aplikuj na stanowisko pracy projektanta UX/UI lub rozwijaj się jako freelancer

* * *

## Podsumowując

Projektowanie UX to temat związany głównie z psychologią, nakierowany na tworzenie intuicyjnych rozwiązań. Projektowanie UI to kwestie związane ściśle z wyglądem projektu.

Rozpoczęcie etatowej kariery wymaga zazwyczaj posiadania praktycznego doświadczenia, najlepiej udokumentowanego w portfolio. Warto jednak mocno zaangażować się w naukę i tworzenie takiego portfolio, gdyż zarobki powinny dość szybko zrekompensować poniesione inwestycje.

Na początku dysponując jedynie wąskim zakresem umiejętności warto rozpocząć komercyjną przygodę jako freelancer. Z czasem rozwoju wachlarzu umiejętności projektanta UX/UI, możesz zwiększać zakres swoich usług i cen lub szukać stałego zatrudnienia.

Jeśli chcesz rozwijać swoją karierę UX/UI designera, oprócz uczenia się umiejętności związanych z UX i UI pamiętaj aby rozwijać też umiejętność posługiwania się językiem angielskim.

* * *

Jeśli podobał Ci się ten odcinek i chcesz rozwijać swoje umiejętności projektowania doświadczeń i interfejsów, wejdź na stronę Codisity.pl i zapisz się tam na [darmowy kurs UX/UI](https://codisity.pl/web-design/14-dniowy-kurs-emailowy-podstawy-ux-ui).

Web design