馃帹 uxowy.dev #24
4 min czytania

馃帹 uxowy.dev #24

Mamy nadziej臋, 偶e masz si臋 dobrze. Dzi艣 b臋dzie kr贸tko i na temat 馃殌 聽...z聽jednym wyj膮tkiem. Zobacz, co dzisiaj:

  1. 10 najcz臋stszych b艂臋d贸w dost臋pno艣ci - i co z nimi zrobi膰?
  2. #PrzemoPatterns: Checkbox
  3. Kogo warto obserwowa膰 馃憖
  4. Do obczajki: Design System Shopify

Ruszamy!


10 najcz臋stszych b艂臋d贸w dost臋pno艣ci - i co z nimi zrobi膰?

Wojtek Kuty艂a, o kt贸rym wspominali艣my ju偶 w czwartym wydaniu newslettera, poprowadzi艂 ostatnio webinar o tytule ...jak wy偶ej. To聽艣wietnie zebrane podstawy i聽pigu艂ka wiedzy o聽dost臋pno艣ci stron www / aplikacji.

Wojtek cz臋sto zwraca艂 si臋 do nas - developer贸w. Do ludzi, kt贸rzy tworz膮 kod aplikacji i definiuj膮 jej struktur臋, czyli to, co jest "pod spodem". Zaznacza, jak istotna jest nasza wiedza o dost臋pno艣ci.

Nadrabiajmy wi臋c te zaleg艂o艣ci! 馃槢

Je艣li nie wiesz dlaczego HTML ma wielkie znaczenie w聽UX, to聽musisz nadrobi膰 zaleg艂o艣ci.

Zobacz koniecznie:

W razie co, tutaj link:
https://www.youtube.com/watch?v=nerXrDyZ2RA


#PrzemoPatterns: Checkbox

Dzisiejszym wpisem zamkniemy niejako rozdzia艂 zwi膮zany z rodzin膮 selekcyjnych przycisk贸w. Jak zd膮偶yli艣cie zauwa偶y膰, mimo podobnej funkcji ca艂ej tej grupy, jak膮 jest wyb贸r jakiej艣 opcji, ka偶dy z rodzaj贸w button贸w wyr贸偶nia si臋 pewnymi zasadami w聽ich u偶yciu.

Podobnie jest i z checkboxem.

Zapoznajcie si臋, wi臋c z poni偶szymi poradami - u偶ytkownicy aplikacji, kt贸re stworzyli艣cie mocno Wam podzi臋kuj膮 za wprowadzenie ich w聽偶ycie聽馃槈

鈩癸笍 Wskaz贸wki

  • U偶ywajmy checkbox贸w, gdy mamy do czynienia z list膮 opcji i聽u偶ytkownik mo偶e zaznaczy膰 ich dowoln膮 liczb臋 (w tym zero). Ka偶de pole wyboru powinno by膰 niezale偶ne od pozosta艂ych.
  • Nie wymy艣lajmy nowych kszta艂t贸w dla checkbox贸w. Odwiedzaj膮cy nasz膮 stron臋 s膮 przyzwyczajeni, 偶e przycisk o tej funkcji b臋dzie po prostu kwadratem, kt贸ry po zaznaczeniu wype艂ni si臋 jakim艣 znacznikiem lub krzy偶ykiem.
  • Starajmy si臋 prezentowa膰 nasze listy w pionie, z jedn膮 opcj膮 wyboru w聽wierszu.
  • U偶ywajmy pozytywnych sformu艂owa艅 w etykietach, aby by艂o jasne co si臋 stanie w przypadku zaznaczenia danej opcji. Unikajmy negacji takich jak 鈥濶ie wysy艂aj mi wi臋cej e-maili鈥, co oznacza艂oby, 偶e u偶ytkownik musia艂by zaznaczy膰 pole, aby co艣 si臋 nie wydarzy艂o.
  • Pola wyboru s膮 z natury ma艂e, zatem mog膮 by膰 trudne do klikni臋cia lub dotkni臋cia. Aby powi臋kszy膰 obszar docelowy pozw贸l u偶ytkownikom wybra膰 dan膮 opcj臋, klikaj膮c nie tylko w ten ma艂y kwadrat, ale tak偶e w etykiet臋 lub powi膮zane s艂owa.
  • U偶ywajmy checkbox贸w do zmiany wszelakich ustawie艅 kt贸re dopiero zatwierdzimy. Nie stosujmy ich natomiast jako przyciski akcji, np. do w艂膮czenia wifi lepiej sprawdzi si臋 omawiany ju偶 Toggle ni偶 checkbox.
  • Checkboxy dobrze spisuj膮 si臋 w momentach, gdy chcemy, aby u偶ytkownik cho膰 przez chwil臋 przemy艣la艂 wykonanie jakiej艣 akcji (np. zaznaczenie przeczytania regulaminu przed podj臋ciem wa偶nej decyzji).
Mo偶na wybra膰 wszystko! 馃槈 殴r贸d艂o

Wi臋cej o checkboxach mo偶esz przeczyta膰 tutaj:


Kogo warto obserwowa膰?

Strategy&Future

Zn贸w zrobili艣my wyj膮tek i wrzucamy tutaj co艣 typowo "na czasie". Uwa偶amy, 偶e dobre 藕r贸d艂o informacji o tym, co si臋 dzieje aktualnie w聽Ukrainie (i聽na 艣wiecie) jest na wag臋 z艂ota. Podrzucamy wi臋c Ci jedno z聽tych najlepszych, rzeczowych i聽profesjonalnych - 藕r贸d艂o na 艣wiatowym poziomie.

YouTube: Strategy&Future
Twitter: @StrategyFuture1
Facebook: Strategy&Future

Najnowszy, na dzie艅 wysy艂ki newslettera, film o wojnie w Ukrainie:


Do obczajki: Design System Shopify

Resources | 藕r贸d艂o
Polars - Design System Shopify

Polaris to Design System Shopify - "No.1 Ecommerce Platform for All Businesses". Pokazuje on, jak skomplikowane jest utworzenie aplikacji z聽dobrym UXem - accessability, usability etc.

Jakby chcie膰 ogarn膮膰 ca艂o艣膰, to jest mega kolos. Ale nie o to w tym wszystkim chodzi. Jeste艣my developerami, nie musimy zna膰 wszystkich zagadnie艅 i聽powod贸w, dlaczego co艣 zosta艂o u偶yte akurat w ten spos贸b.

Design System ten jednak jest zbudowany w spos贸b pozwalaj膮cy szybkie przeskanowanie go.

"Przele膰 go" 馃槀 i oblukaj, co bierze si臋 pod uwag臋 tworz膮c du偶y system, kt贸ry ma mie膰 dobry UX. Przy okazji poch艂oniesz wiele rzeczy, kt贸re b臋d膮 siedzie膰 Ci w pod艣wiadomo艣ci przy tworzeniu nastepnych interfejs贸w 馃敟

Polecamy, link:
https://polaris.shopify.com/


To wszystko na dzi艣 馃檪
Zdr贸wka i dobrego tygodnia. 呕yczymy Ci, wyj膮tkowo, w聽niedzielny wiecz贸r.

No i dzi艣 zn贸w bez memika.
Ale z linkiem do zbi贸rki PAH dla Ukrainy.

Do艂贸偶 swoje 5聽dyszorek i聽podzi臋kuj naszym s膮siadom za po艣wi臋cenie i聽walk臋 za聽(nasze te偶) bezpiecze艅stwo:
https://www.pah.org.pl/wplac


Pom贸偶 innym wiedzie膰 wi臋cej

Znasz kogo艣, kto powinien do艂膮czy膰 do naszej spo艂eczno艣ci? Je艣li tak, to wy艣lij do tej osoby link do skr贸tu z ostatnich wysy艂ek: uxowy.dev/lista. I聽niech do艂膮czy do 馃帹聽uxowy.dev!

Trzymaj si臋!

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.