🎨 uxowy.dev #3
Witaj w trzecim wydaniu uxowy.dev.
Na wstępie zachęcamy Was do obserwowania #uxowydev w social mediach. Dopiero startujemy, ale... każdy przecież kiedyś startował. Będzie tam dużo mięcha o UI/UI dla developera.
Na Facebooku będziemy wrzucać głównie tipy UI/UX i różne wiadomości dla Was. Znajdziesz nas pod: facebook.com/uxowy.dev.
Na Instagramie, oprócz treści dot. UI/UX, skupimy się na pokazywaniu procesu powstawania naszego projektu, jak to wygląda od kuchni. Znajdziesz nas pod: instagram.com/uxowydev.
OK, tyle z wewnętrznej promocji.
Co dzisiaj?
- Design Thinking - metoda na kreowanie i wdrażanie innowacyjnych produktów
- Zagadka 🧐
- UX dla formularzy - MUSISZ TO PRZECZYTAĆ!
- Kogo warto obserwować 👀
- 8 darmowych zestawów UI dla Figmy - wybierz lub zainspiruj się przy starcie następnego projektu
Nie ma na co czekać, startujemy!
Design Thinking - metoda na kreowanie i wdrażanie innowacyjnych produktów
UX, Biznes | źródło![](https://uxowy.dev/content/images/2021/09/image-22.png)
Design Thinking to podejście do tworzenia nowych produktów i usług w oparciu o głębokie zrozumienie problemów i potrzeb użytkowników. Miejscem narodzin i rozwoju Design Thinking jest Uniwersytet Stanforda w Kalifornii.
Pewnie zastanawiasz się, czy developerowi warto wgłębiać się w ten temat?
Jeśli tworzysz jakieś produkty (a na 99% tworzysz), to...
TAK - bardzo zachęcamy do tego typu "skoku w bok"!
![](https://uxowy.dev/content/images/2021/09/design-thinking.png)
Dlaczego?
Design Thinking świetnie poszerza nasze horyzonty i rozwija nasz mózg z "technicznie myślącego", który pracuje w trybach "if-then", na bardziej kreatywny i wychodzący poza przyjęte reguły.
Jest to kierunek, który wielu programistom jest bardzo potrzebny.
Często idzie zauważyć taką zasadę: im więcej siedzisz w kodzie i technicznych aspektach, tym bardziej cierpią na tym Twoje umiejętności miękkie. Stajemy się co raz większym "odludkiem".
Pierwszym krokiem w technice Design Thinking jest zbudowanie zespołu interdyscyplinarnego, np. inżynierowie, specjaliści od marketingu, projektanci, socjolodzy itd. Wyjście poza swój świat kodu i serwerów jest bardzo cennym doświadczeniem.
Zespół realizuje wszystkie etapy metody, posługując się zestawem narzędzi i technik, aby w rezultacie wypracować optymalne do wdrożenia rozwiązanie:
- Pożądane przez użytkowników
- Technologicznie wykonalne
- Ekonomicznie opłacalne
Etapy Design Thinking
![](https://uxowy.dev/content/images/2021/09/image-23.png)
W skrócie:
- Empatyzacja - jest to głębokie zrozumienie potrzeb i problemów użytkownika
- Definiowanie problemu - polega na odnalezieniu prawdziwego problemu, który będziemy naprawiać. Najgorzej, jak pracujemy X godzin nad niewłaściwym rozwiązaniem problemu.
- Generowanie pomysłów - spisujemy jak najwięcej pomysłów na rozwiązanie powyższego problemu. Odwagi, sky is the limit. Czasami z najbardziej absurdalnych pomysłów rodzi się coś fajnego.
- Budowanie prototypów - wizualne zaprezentowanie pomysłu użytkownikom i szybkie zebranie opinii na temat rozwiązania. U nas, to nawet mniej niż MVP, to raczej klikalne makiety w Figmie.
- Testowanie - testujemy rozwiązanie w realnym środowisku - to może być MVP.
Jeśli zainteresował Cię ten temat, musisz wejść na tę stronę i przeczytać pełny tekst o Design Thinking, którego tutaj nie było miejsca zmieścić.
Dla pewności, link: https://designthinking.pl/co-to-jest-design-thinking/
Dobrym źródłem jest też storna polskiego Design Thinking Institute.
Chwila na zagadkę 🧐
Co tutaj jest nie tak?
![](https://uxowy.dev/content/images/2021/09/whats-wrong-3.png)
Odpowiedź znajdziesz na końcu maila.
UX dla formularzy - MUSISZ TO PRZECZYTAĆ!
UX | źródło![](https://uxowy.dev/content/images/2021/09/image-24.png)
Formularze w UI/UX są bardzo ważne. Warto zadbać o ich łatwość wypełniania i zminimalizować ryzyko popełnienia błędu.
Poniżej zestaw dobrych praktyk dla tworzenia formularzy. Nie są to oczywiście jedyne możliwe i ZAWSZE najlepsze rozwiązania ("to zależy"), ale dobrze je znać.
Autorem jest Geri Reid, UI/UX senior designerka z Londynu, z ponad 15 letnim doświadczeniem.
(wybacz, że są w języku angielskim, ale woleliśmy nie tłumaczyć tekstów 1:1, skoro większość developerów i tak zna angielski, choćby na podstawowym poziomie 🙂)
Text input
![](https://uxowy.dev/content/images/2021/09/Geri-Reid---Forms-best-practice-2021-09-24-11-41-03.png)
Przyciski
![](https://uxowy.dev/content/images/2021/09/Geri-Reid---Forms-best-practice-2021-09-24-11-41-53-2.png)
Radio
![](https://uxowy.dev/content/images/2021/09/Geri-Reid---Forms-best-practice-2021-09-24-11-42-41.png)
Checkboxy
![](https://uxowy.dev/content/images/2021/09/Geri-Reid---Forms-best-practice-2021-09-24-11-43-15-1.png)
Powiadomienia
![](https://uxowy.dev/content/images/2021/09/Geri-Reid---Forms-best-practice-2021-09-24-11-44-37.png)
Komunikaty o błędzie
![](https://uxowy.dev/content/images/2021/09/Geri-Reid---Forms-best-practice-2021-09-24-11-44-56-2.png)
Określanie daty
![](https://uxowy.dev/content/images/2021/09/Geri-Reid---Forms-best-practice-2021-09-24-11-47-49.png)
Select
![](https://uxowy.dev/content/images/2021/09/Geri-Reid---Forms-best-practice-2021-09-24-11-46-19-1.png)
To wszystkie rady Geri na temat formularzy.
Co o nich myślisz? Zgadzasz się ze wszystkimi podpowiedziami?
Odpisz na tego maila ze swoją opinią na ten temat :)
Kogo warto obserwować?
![](https://uxowy.dev/content/images/2021/09/-21--Luke-Wroblewski---LinkedIn-2021-09-24-10-19-06.png)
Luke Wroblewski
Twitter: @lukew
LinkedIn: lukew
Kolejny słynny Polak w świecie UI/UX/Product Design 😍 .
Dla przypomnienia, w pierwszym wydaniu uxowy.dev był Michał Malewicz.
Aktualnie Product Director w Google. Wcześniej CEO + współzałożyciel projektu Polar (kupiony przez Google w 2014) i Dyrektor Produktu + współzałożyciel Bagcheck (kupiony przez Twitter w 2011). Pomagał też w Yahoo!, eBay, NCSA... dużo by pisać. Po prostu zobacz jego materiały 👀
Polecamy jego filmy z konferencji Conversions@Google:
![](https://uxowy.dev/content/images/2021/09/Conversions---YouTube-2021-09-24-10-17-36.png)
8 startowych projektów UI dla Figmy - wybierz i użyj przy starcie następnego projektu
UI | źródłoZobacz projekty ekranów (mobile/web) aplikacji wykonanych przez profesjonalnych designerów. Możesz się nimi zainspirować / posłużyć podczas tworzenia UI do nowego projektu.
Wystarczy wejść na podane linki, kliknąć "Duplicate" i mamy je w swojej Figmie.
1. Food delivery app UI kit
![](https://uxowy.dev/content/images/2021/09/Food-delivery-app-Ui-kit---Figma-2021-09-24-10-24-59.png)
2. Zestaw do robienia makiet (wireframes)
![](https://uxowy.dev/content/images/2021/09/Lo-fi-Wireframe-Kit---Figma-2021-09-24-10-32-14.png)
3. Pegasus Design System
![](https://uxowy.dev/content/images/2021/09/Pegasus-Design-System---Figma-2021-09-24-10-34-01.png)
4. Marvie✨ IOS UI Kit Dark theme
![](https://uxowy.dev/content/images/2021/09/Marvie--IOS-UI-Kit-Dark-theme---Figma-2021-09-24-10-35-25.png)
5. Expenio - Personal Finance UI Kit
![](https://uxowy.dev/content/images/2021/09/Expenio---Personal-Finance-UI-Kit---Figma-2021-09-24-10-36-40.png)
6. SINAU - Online Learning UI Kit
![](https://uxowy.dev/content/images/2021/09/Online-Learning-UI-Kit-Free---SINAU---Figma-2021-09-24-10-37-45.png)
7. Facebook.Design: 100 urządzeń do zaprezentowania ekranów Twojej aplikacji
![](https://uxowy.dev/content/images/2021/09/Device-Mockups-Library--100--devices-----Figma-2021-09-24-10-38-56.png)
8. Kolekcja najlepszych Google Fonts
![](https://uxowy.dev/content/images/2021/09/A-selection-of-Google-Fonts---Figma-2021-09-24-10-43-19.png)
Zagadka - odpowiedź 👇
Co tutaj jest nie tak?
![](https://uxowy.dev/content/images/2021/09/whats-wrong-3-1.png)
![](https://uxowy.dev/content/images/2021/09/whats-wrong-3-2-1.png)
To wszystko na dziś, dobrego weekendu 🍻
PS. Daj znać o uxowy.dev znajomym, którzy mogą być zainteresowani naszym contentem 👍
- Strona: https://uxowy.dev/
- Facebook: https://www.facebook.com/uxowy.dev
- Instagram: https://www.instagram.com/uxowydev/
![](https://uxowy.dev/content/images/2021/09/image-26.png)
Jeśli masz jakiekolwiek pytania - odpisz na tego maila. Odpowiadamy na wszystkie otrzymane od członków newslettera wiadomości :)
Pozdrawiam i miłego dnia!
Jeśli jeszcze nie ma Cię na liście 🤔
Wysyłamy jeden email tygodniowo, w każdy piątek, o godz. 12:00.
Wartościowa wiedza o UI/UX dla developera może wylądować do Twojej skrzynki.