馃帹 uxowy.dev #12
6 min czytania

馃帹 uxowy.dev #12

Witaj w dzisiejszym, black-friday'owym wydaniu newslettera 馃挜
Mamy dla ciebie wyj膮tkow膮 ofert臋!

馃挜

...to 偶art. Mamy wra偶enie, 偶e black-friday wyskoczy nam zaraz z lod贸wki. Zaskoczymy Ci臋 - nie mamy dla Ciebie 偶adnej 偶yciowej okazji i niczego nie sprzedajemy 馃槺

My po prostu dostarczamy Ci content o UI/UX dla developera.
Tylko tyle i聽a偶聽tyle. A dzisiaj:

  1. 5 sekret贸w UI/UX
  2. Zagadka 馃
  3. Zobacz flow proces贸w ze聽艣wietnym聽UX z聽najwi臋kszych appek mobilnych
  4. Kogo warto obserwowa膰 馃憖
  5. Zainspiruj si臋: 艣wie偶ynki projekty ze聽艣wiata聽UI/UX

Startujemy!


5 sekret贸w UI/UX

Jednym z najcz臋艣ciej potwarzaj膮cych si臋 hase艂 w 艣wiecie UX jest co艣 tego typu:

The best design is one that is invisible (not literally, though).

Albo - dla 艣mieszk贸w:

User Interface should be like a good joke.
If you have to explain it, it's not good!

Je艣li podczas korzystania z聽aplikacji nie musisz my艣le膰 o jej interfejsie, to znaczy, 偶e聽wszystko jest intuicyjne i聽proste.

Naszym celem jest stworzenie aplikacji, kt贸ra pozwala nam zrealizowa膰 konkretne zadania w najkr贸tszym czasie, w聽najprostszy mo偶liwy spos贸b i聽pozostawia po sobie mega pozytywne odczucia.

Tutaj 5 pro tip贸w-sekret贸w UI/UX od UXPlanet:

1. "Opowiadaj histori臋"

Storytelling jest najbardziej popularny w formie jakiej艣 tre艣ci - tekstu czy wideo. Wszyscy uwielbiaj膮 ciekawe historie.

Mo偶emy prze艂o偶y膰 to聽na design aplikacji /聽strony聽www:

  • Wireframes - zdefiniuj praktyczne funkcjonalno艣ci i ich flow, od pocz膮tku do聽ko艅ca. Ma by膰 艂atwo i ciekawie. Na wczesnym etapie wykryj w膮skie gard艂a UI/UX. Wi臋cej o聽wireframes.
  • Wizualna hierarchia - odpowiedni uk艂ad i rozmiar element贸w u艂atwia u偶ytkownikowi przyswojenie og贸lnego przekazu i intencji.
  • Prototypy - pomagaj膮 zrozumie膰, jak b臋dzie wygl膮da艂 efekt ko艅cowy, wyodr臋bni膰 elementy priorytetowe, przetestowa膰 aplikacj臋 i szybko wprowadza膰 zmiany. Celem jest idealne flow i聽pozytywne odczucia u偶ytkownika z聽u偶ywania aplikacji.
  • Paleta kolor贸w - o偶ywiaj elementy i przykuwaj wzrok odbiorcy ciekawymi i聽kontrastowymi kolorami.

Warto te偶 wspomnie膰 o聽UX Writingu. Zobacz s艂ynny przyk艂ad, jak zmiana jednego przycisku pozwoli艂a zwi臋kszy膰 konwersj臋 o 45% i zarobi膰 firmie w ci膮gu roku 300聽milion贸w dolar贸w wi臋cej.

2. Parali偶 decyzyjny

Zbyt wiele opcji lub wybor贸w jest parali偶uj膮ce. Mo偶e to doprowadzi膰 do podj臋cia decyzji, z kt贸rej u偶ytkownik nie b臋dzie w pe艂ni zadowolony.

Im wi臋cej opcji dajesz u偶ytkownikom ko艅cowym, tym bardziej zmuszasz ich do nadmiernej analizy.

G艂贸wnym za艂o偶eniem projektu interfejsu powinna by膰 prostota.

Tam, gdzie to mo偶liwe, ograniczaj dost臋pne wybory:

  • ukrywaj niepotrzebne w danym momencie opcje,
  • u偶ywaj podpowiedzi,
  • profiluj u偶ytkownik贸w ze wzgl臋du na ich poziom zrozumienia Twojego produktu - na zaawansowanych i podstawowych.

Warto wspomnie膰, 偶e to cz臋艣膰 praw UX: Prawo Hick'a.
Popularnym przyk艂adem te偶 jest eksperyment z d偶emami.

3. Stan empty jako okazja

Puste playlisty, puste koszyki i domy艣lne stany w wyszukiwarkach a偶 prosz膮 si臋 o聽wykorzystanie ich na korzy艣膰 u偶ytkownika i polepszenia jego odczu膰 z聽korzystania z aplikacji. I takich miejsc znajdzie si臋 wi臋cej.

Nie pozw贸l, 偶eby pusty stan by艂 pusty.

Wykorzystaj takie okazje do podpowiedzi dzia艂a艅, np. pokieruj do ulubionych produkt贸w, najlepszych rekomendacji; poka偶 nowe funkcje, kt贸re mog膮 by膰 przydatne dla u偶ytkownika itd.

Chodzi o to, aby nie tworzy膰 艣lepych zau艂k贸w, kt贸re zastopuj膮 u偶ytkownika i聽sk艂oni膮 go do opuszczenia aplikacji.

4. P艂ynne przechodzenie

D艂ugie procesy i formularze s膮 przera偶aj膮ce dla u偶ytkownik贸w, ale w聽niekt贸rych przypadkach s膮 konieczno艣ci膮.

Spraw, aby u偶ytkownik pozosta艂聽zainteresowany do samego ko艅ca.

Postaraj si臋, aby d艂ugi proces by艂 nie tylko 艂atwy do przej艣cia, ale聽i聽ciekawy.

5. Testuj projekt na ka偶dym etapie

Zrobi艂e艣 niesamowity interfejs u偶ytkownika i jeste艣 z niego dumny, wszystko wygl膮da super. Ale czy przetestowa艂e艣 go z u偶ytkownikami ko艅cowymi? Czy wiesz, co u偶ytkownicy o nim my艣l膮?

Pierwsze wra偶enia po interakcji z aplikacj膮 s膮 kluczowe. Postaraj si臋 pokaza膰 komu艣 aplikacj臋 i nagra膰 jego reakcj臋. Wykorzystaj to do ew. zmian w聽interfejsie aplikacji.

Rozpocznij testy z u偶ytkownikami tak wcze艣nie, jak to mo偶liwe.

  • zmniejsza to koszty projektu
  • pozwala skupi膰 si臋 na realnym problemie u偶ytkownik贸w
  • zwi臋ksza satysfakcj臋 u偶ytkownik贸w z u偶ywania aplikacji
  • zweryfikuje, czy u偶ytkownicy czuj膮 si臋 swobodnie

To wszystko!
Po ogarni臋ciu tych punkt贸w na pewno b臋dziesz tworzy膰 aplikacje z聽lepszym UXem聽馃敟


Chwila na zagadk臋 馃

Co tutaj mo偶na by ulepszy膰...?

Odpowied藕 znajdziesz na ko艅cu maila.


Zobacz flow proces贸w ze 艣wietnym UX z聽najwi臋kszych appek mobilnych

Screen ze strony g艂贸wnej z UXArchive

B臋dzie kr贸tko - 聽oblukaj UXArchive i sprawd藕 jak przebiega flow proces贸w z聽najwi臋kszych appek mobilnych. S膮 tam tylko smaczki z聽najlepszym UX.

  1. Wybierz flow, np. "usuwanie" albo "logowanie"
  2. Paczaj, jak robi膮 to najlepsi 馃檪

Zobacz: UXArchive.com


Kogo warto obserwowa膰?

Josh W. Comeau

Po raz pierwszy w newsletterze uxowy.dev pojawia si臋 osoba, kt贸ra nie jest bezpo艣rednio zwi膮zana z UI/UX. Dlaczego? Jako艣膰 tworzonych rzeczy jest godna na艣ladowania (blog, artyku艂y, kurs). Josh wiesza poprzeczk臋 na prawd臋 wysoko.

Sprawd藕, jak dobrze s膮 zrobione te rzeczy:

Jest na czym si臋 wzorowa膰 i z czego czerpa膰 wiedz臋 馃檪 聽Polecamy!

Web: joshwcomeau.com
Twitter: @joshwcomeau


Zainspiruj si臋: 艣wie偶ynki projekty ze聽艣wiata UI/UX

Resources | 藕r贸d艂o
殴r贸d艂o

UXDesign.cc zapodaje nam 艣wie偶ynki projekty do inspiracji.

Wybrali艣my najlepsze naszym zdaniem ekrany.
Oto one:

OpenEye 鈥 NFT Marketplace 鈥 by Picko Lab
RE-NEO Mobile Banking App 鈥 by Odama
Barry鈥檚 X 鈥 Mobile App 鈥 by Adam Roller
Sidebar Navigation 鈥 by Omer Erdogan
Perk Hero 鈥 Mobile App Layout 鈥 by Fintory
Pei App 鈥 by Earthr.
Character Settings 鈥 by Metafy

Link do wpisu ze wszystkimi ekranami: bootcamp.uxdesign.cc.


Zagadka - odpowied藕 馃憞

Co tutaj jest nie tak?

Z艂y UX 馃憜
Dobry UX 馃憜

To wszystko na dzi艣.
Czas zacz膮膰 ...WEEKEEEND 馃榿 馃挜

A tutaj memik:

Memik na dobre wej艣cie w weekend. 殴r贸d艂o

PS. Prze艣lij pls znajomym developerom link do ostatnich wysy艂ek newslettera: uxowy.dev/lista. Niech obczaj膮 co wysy艂amy i do艂膮cz膮 do spo艂eczno艣ci developer贸w, kt贸rzy tworz膮 aplikacje z lepszym UI/UX 馃檪 馃敟

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.