UX / UI / WebDesign

O cie jasny wuj strzelił:

https://zabkowice.pl/wiadomosci/demografii-nie-oszukamy/TKXufKNDSWxTAQm67jaH#goog_rewarded

otwórzcie to w przeglądarcie w której nie macie adblocka i spróbujcie przeczytać artykuł :grinning:

#ux #ui #popupy #reklamy #webdev

#uxplakaljakuzywal

Wygląda na to, że od dawna nie kupowałam biletu na pociąg. Okazja nadarzyła się z okazji nadchodzącego #hejtopiwo w Warszawie. Ucieszyło mnie, że PKP Intercity wprowadziło znaczne zmiany, jeśli chodzi o zakup biletów — zarówno jeśli chodzi o stronę, jak i o potwierdzenie zakupu.

I to na potwierdzeniu zakupu biletu chciałabym się dziś skupić, bo początkowe pozytywne emocje z nim związane szybko opadły, gdy zaczęłam wczytywać się w jego zawartość.

Miłym zabiegiem jest przypisanie autorstwa tego maila pociągowi, którym jedziemy. Może nie jest to styl komunikacji, który preferuję, ale zwraca na siebie uwagę i przedstawia markę jako otwartą i pozytywną, bliską pasażerowi.
Niemniej już na etapie powitania mamy lekki zgryz, bo pociąg zwraca się do mnie pełnym imieniem i nazwiskiem w mianowniku. Nieformalne "Cześć" bije się tu z obecnością nazwiska, kojarzonąz oficjalnymi powitaniami. Dodatkowo brak wołacza boli moje filologiczne serduszko.

Również copy dotyczące miejsca nie jest dostosowane do biletu dla większej liczby pasażerów: "miejsce nr 74, 76". Ciekawe, co by było, gdyby miejsca znajdowały się w różnych wagonach.

Na koniec wisienka na torcie, czyli tabelkowy pasek postępu. Specjalnie pokazuję, jak to rozwiązanie wygląda na telefonie — ewidentnie było ono projektowane pod ekran komputera. Treść miejscami się nie mieści, obecność niektórych wartości jest z punktu widzenia pasażera nieprzydatna, umiejscowienie opcji zarządzania biletem jest nieczytelne i niewygodne. Osobiście przerzuciłabym liczbę porządkową oraz numer biletu do nagłówka nad tym paskiem postępu.

Wątpliwe jest też zastosowanie miejscami większego fontu (widocznego przede wszystkim w wersji na komputerze), służące zapewne wyróżnieniu najważniejszych elementów. Wygląda to jednak mało schludnie i utrudnia skupienie się na treści. O nieczytelnym logotypie w przypadku trybu ciemnego nie wspominam, bo ten problem jest nader częsty.

Pozytywnie oceniam natomiast aktualizację formy samego biletu. Cieszy mnie, że PKP wprowadza usprawnienia w tym kierunku — zwłaszcza bilet zasługiwał na więcej miłości 😉

PS. Wciąż marzę, że nadejdzie dzień, gdy w polu wyszukiwarki na stronie PKP wpiszę "Dzielnicowo" i wyszuka mi stację "Pcim Dolny Dzielnicowo". Na stronie Intercity to już działa, więc jest nadzieja.

#uxwriting #ux #pkp #pkpintercity

#uxplakaljakuzywal

Ta jedna rzecz, o której nawet Google czasem zapomina?

Porządne ogarnięcie tłumaczeń, naturalnie.

Wysyłając microcopy do tłumaczenia, możemy łatwo wpaść w pułapkę założenia, że tłumacze mają pełną wiedzę na temat działania naszego produktu. Przecież przetłumaczyli tyle aplikacji, że odczytują znaczenie konkretnych fraz i słów, domyślając się, jakie funkcje i mechanizmy za nimi stoją, prawda?

Błąd.

Gdy wysyłamy osobie tłumaczącej paczkę stringów do przełożenia, a każdy rekord zawiera zaledwie ID i treść stringa, to wręcz prosimy się o błędy. Najbardziej zdradliwe są tu jedno- i dwuwyrazowe stringi: bez odpowiedniego kontekstu "dark theme" z aplikacji Google Analytics staje się "ponurym tematem" (nie wspominając już o niedostosowaniu rodzaju gramatycznego). Trochę stypa, co nie?

Co w takim razie można zrobić, żeby usprawnić proces tłumaczeń?

1. Przedstawić kontekst. Idealnym rozwiązaniem jest porządny system, w którym gromadzimy microcopy z aplikacji, opisujemy znaczenie poszczególnych stringów, pokazujemy ich umiejscowienie w aplikacji, informujemy o limicie znaków. Ale czasem wystarczy już jedno albo dwa zdania opisu tych stringów, które mogą być mylące. Pomocne jest też udostępnienie tłumaczom aplikacji, dzięki której będą mogli na żywo zapoznać się z działaniem i umiejscowieniem elementów do przetłumaczenia.

2. Stworzyć glosariusz. Glosariusz jest nieocenionym narzędziem, jeżeli chcemy zapewnić spójność treści — zarówno w podstawowym języku aplikacji, jak i w tłumaczeniach. Dzięki glosariuszowi tłumacze wiedzą, co oznaczają konkretne pojęcia, którymi operujemy w produkcie, jakie są ograniczenia związane z ich stosowaniem oraz na co należy uważać. Wybitnie pomocne jest też uzupełnianie go o tłumaczenia danych pojęć — pomaga to szczególnie w sytuacji, gdy powierzamy tłumaczenie treści w jednym języku kilku osobom.

3. Weryfikować tłumaczenia. W procesie translacji wszystko może pójść źle. Słowa mają różne znaczenia, rodzaje gramatyczne, przypadki, liczby, osoby, tryby, stopień grzeczności. Dobrze, gdyby przetłumaczone treści zostały sprawdzone w wersji beta aplikacji zarówno przez samych tłumaczy, jak i przez specjalnie do tego zatrudnionych "testerów językowych", lub choćby power-userów, biegle władających danym językiem.

4. Pracować z ludźmi. Cięcie kosztów przy pomocy ChataGPT, Tłumacza Google i Deepl bardzo kusi — sztuczna inteligencja radzi sobie z przekładem coraz lepiej. Jednak dalej nie możemy jej zaufać w pełni, zwłaszcza w przypadku języków słowiańskich. Świetnym przykładem jest tu ukraiński — ChatGPT radzi sobie z nim bardzo źle, Tłumacz Google również leży. Deepl względnie daje radę, choć nie da się przedstawić mu kontekstu tłumaczenia, i wciąż tłumaczy "projekt" jako "проект", a nie "проєкт" mimo moich ciągłych sprzeciwów.
Powierzając przekład człowiekowi, zmniejszamy ryzyko wystąpienia błędów w tłumaczeniach. A przynajmniej tych dziwnych, zabawnych, a czasem wręcz kompromitujących.

#ux #tlumaczenia #przeklad

#uxplakaljakuzywal , ale trochę #motywacja

Miałam napisać o tym, że dotarła do mnie książka "Web accessibility. Wprowadzenie do dostępności cyfrowej" od Wojciecha Kutyli, ale... stwierdziłam, że jest piątek, że w sumie za jej lekturę się jeszcze nie zabrałam (męczę aktualnie "Tai-pana" Jamesa Clavella), a poza tym wpadło mi w ręce tak urocze microcopy (swoją drogą, niezgodne z zasadami accessibility, bo brakuje mu chociażby alt textu), że nie mogłam się powstrzymać.

Tak więc z okazji piątku życzę Wam, byście czuli się jak to free shipping z Temu.
Incredible.

#ux #uxdesign #microcopy #copy

#uxplakaljakuzywal - dziś o statusach zamówień.

Zagadka: jaki jest status mojego zamówienia?

Być może po chwili zastanowienia odpowiecie: "W trakcie realizacji". Swoją drogą, nie znoszę tego wyświechtanego komunikatu — tak naprawdę zamówienie jest w trakcie realizacji od momentu, gdy je złożę, po moment, gdy je otrzymam do rąk własnych. A ja potrzebuję konkretów, mięska — czy zostało przyjęte, czy czeka na spakowanie, czy jest spakowane, czy czeka na kuriera...

No ale dobra, wracamy do naszego statusu. Mnie jego ogarnięcie zajęło dłuższą chwilę, bo:
• nie wiem, czy najnowszy status wyświetlany jest na górze, czy na dole,
• ptaszek w kółku nie pomaga w zrozumieniu hierarchii,
• "Oczekiwanie na płatność przy odbiorze" jest zwyczajnie w świecie błędnym komunikatem, bo zapewne składa się z "Oczekiwanie na" i zmiennej wskazującej metodę płatności, w domyśle — jednej z tych z góry. Logika tego stringa wywala się w momencie, gdy klient wybrał płatność przy odbiorze. Dlatego początkowo się ucieszyłam, że zamówienie już dotarło do sklepu, mogę podskoczyć i je odebrać,
• niefortunnie dobrano kolor, bo najwyraźniej aktualny status jest oznaczony na zielono. A z widzeniem tej barwy jest mi trochę nie po drodze. Czepiam się, ale z widmem Europejskiego Aktu Dostępności na horyzoncie należy wziąć i to pod uwagę.

Co zatem należałoby zrobić?
• Rozważyć dodanie strzałek albo zmienić pozycję paska progresu na horyzontalną,
• Wyróżnić aktualny status — przez pogrubienie tekstu, graficzne uwypuklenie kółeczka statusu, zmianę systemu ptaszkowego na ptaszkowo-liczbowy lub ptaszkowo-innoznakowy (czy mają one swoje nazwy?), albo wprost dodać informację "Aktualny status" przy aktualnym statusie,
• Dać klientowi jasny komunikat o tym, na jakim etapie jest zamówienie. Przełoży się to nie tylko na zadowolenie kupującego, ale też na mniejszą liczbę zgłoszeń do obsługi klienta.

Miłego poniedziałku, a ja dalej czekam na zamówiony atrament do nowego pióra! :black_nib:

#ux #uxwriting #cx #customerexperience #ecommerce

#uxplakaljakuzywal

Czasem, gdy zapomnę kupić dzień wcześniej kawę i potrzebuję podnieść sobie ciśnienie, wchodzę na stronę Poczty Polskiej.

10 minut na niej wystarczyło, by:
• przenieść się w czasie do początku lat zerowych i zobaczyła Internet takim, jakim powinien być — nieostylowanym,
• zawiesić się na siedmiu opisach i instrukcjach,
• zagrać w memory z instrukcją, jak korzystać z usługi (zapis streamu z rozgrywki poniżej),
• znaleźć hiperłącze, które linkuje do zupełnie innej strony, niż bym się spodziewała,
• stwierdzić, że jednak nie będę próbowała korzystać z e-doręczeń, bo to zbyt skomplikowane.

Doszłam też do wniosku, że spójność stylistyczna PP polega na tym, że korzystają na swoich podstronach ze wszystkich stylów stosowanych w historii działalności ich strony internetowej.
I z jakiejś niezrozumiałej dla mnie przyczyny wydaje mi się to piękne.

#ux #webdesign #uxdesign #pocztapolska

Ciekawe spojrzenie na możliwą zmianę w postrzeganiu UI i UX Designu. Czy w dobie AI agentów którzy dla nas przeklikają kilkadziesiąt stron aby znaleźć informacje i produkty projektowanie dla ludzi nadal będzie miało sens, czy może projektowanie zoptymalizowane pod search zdominuje

#uxplakaljakuzywal — choć dziś bardziej #cx, czyli #customerexperience

O retencji klientów słów kilka, czyli jak po 14 latach zmieniłam bank.

Do tego wpisu (poza własną frustracją) zainspirował mnie ostatni Meet-Up UX poświęcony tematowi retencji klientów, czyli utrzymaniu dotychczasowych klientów i generalnie zachęceniu ich, by nie odchodzili. I wydaje mi się, że bank na literę "m" tak średnio się tym przejmuje.

Mam wrażenie, że bankowość jest jedną z tych branż, w której retencja jest zazwyczaj bardzo wysoka. Ludzie nie są raczej skłonni zbyt często zmieniać bank — wiąże się to w końcu ze sporym dyskomfortem i obawami (niechęć do dopełniania formalności, trudność w wyborze odpowiedniego produktu, zawiłe warunki i tabele opłat i tak dalej).
A jednak procent takich osób rośnie — w 2023 roku 25% klientów zmieniło bank. Oprócz zmniejszenia poczucia bezpieczeństwa finansowego, ankietowani jako przyczynę odpowiedzi podają też niesatysfakcjonujące doświadczenia cyfrowe.

Tak było i w moim przypadku: od jakiegoś roku zaczęłam czuć, że obecny bank nie nadąża za moimi potrzebami. Przyczyn jest kilka: zmiana kosztów prowadzenia rachunku, zwiększenie prowizji za usługi, ale też niesatysfakcjonujący UX aplikacji, z której korzystam bardzo często. I choć przez wiele lat w NPSach dawałam obecnemu bankowi solidne 9, to obecnie jako klientka czuję, że bank mnie nie słucha. A otrzymał ode mnie sporo feedbacku (chociażby w postaci wpisu o wkurzającym mechanizmie potwierdzania przelewu, który doprowadza mnie do białej gorączki).

Stara szkoła internetu mówi, że najlepsze oferty otrzymują tylko nowi klienci, a stałym klientom oferuje się co najwyżej takie same warunki, jak na początku usługi. Spieszmy się takich kochać — bo w końcu odejdą. Nawet w tak konserwatywnej branży, jak bankowość.

Zastanawiam się, na ile banki mogą monitorować przepływ środków na koncie oraz reagować na, na przykład, zamykanie części produktów przez klienta. Bo jeśli mają taką możliwość, to... dziwię się, że nikt się ze mną nie skontaktował. Żaden dział satysfakcji nie odezwał się do mnie z pytaniem, czy wszystko w porządku. Jak by te 14 lat nie miało znaczenia.

...ale może jestem za małym robaczkiem w tym finansowym mrowisku.

#banki #bankowosc

Tym razem #uxplakaljakuzywal nie płakał.

O tłumaczu deweloperskim chyba wszyscy już słyszeli, za to dziś dowiedziałam się o powstaniu tłumacza wolnorynkowego:
https://tlumaczwolnorynkowy.pl/

Śmieszki śmieszkami, ale chciałabym zwrócić Wam uwagę na wybitny #UXWriting, na który nie zwróciłabym uwagi, gdyby nie... obciążenie serwera strony.

Ten opis błędu jest roz-kosz-ny.

Chylę czoła przed osobą, która na niego wpadła i życzę tej osobie abonamentu w LuxMedzie z pakietem dentystycznym. :yellow_heart:

#ux #uxdesign #heheszki

Słowo na niedzielę: uważajcie na siebie, grając w Minecrafta. Mogą Was przypadkiem oskórować. :melting_face:

#uxplakaljakuzywal #uxwriting #minecraft #heheszki

#uxplakaljakuzywal

Myślałam, że takie pickery występują tylko w UXowych memach. Myliłam się 😅

Przypominam: dobry UX to nie tylko danie użytkownikowi możliwości wprowadzenia danych w odpowiednim formacie, ale też uczynienie tej procedury maksymalnie wygodną. W tym przypadku mógłby to być suwak albo pole tekstowe do podania właściwej liczby.

Należy też zastanowić się, czy potrzebne są nam aż tak precyzyjne dane. Być może przyciski wyboru zakresu wagi byłyby bardziej odpowiednie.

Waga jest, swoją drogą, daną wrażliwą (i prawnie, i w odczuciu pytanego). Jeśli powód naszego pytania nie jest uzasadniony, to najlepiej o wagę w ogóle nie pytać.

#UX #UXWriting #uxdesign #formularze

#ux #programowanie &źródło

#uxplakaljakuzywal

"PrZeCiEż MóJ UX jEsT dObRy! To user zły, leniwy, nie ogarnia!!!1111oneoneone"

Lubię wbić czasem kij w mrowisko, więc i teraz go wbiję: dobry UX to nie wszystko.

Okej, okej — już tłumaczę, co mam na myśli. Choćbyśmy nie wiem, jak się starali, dochodzili do najprostszych i najlogiczniejszych rozwiązań, stosowali wszelkie heurystyki, tłumaczyli użytkownikowi działanie funkcji po sto razy, to... wszyscy jesteśmy ludźmi:

- bywamy zmęczeni albo chorzy,
- nie pamiętamy działania rzeczy, których nie używamy na co dzień,
- mamy kilka spraw na głowie i ulegamy rozproszeniu,
- po prostu mamy czasem gorszy dzień.

Dlatego dobry UX to nie tylko sprawnie działający interfejs, ale też cała opieka, którą roztaczamy nad użytkownikiem. Tak jak rodzic dziecku nie zapewnia tylko dachu nad głową, takmy nie powinniśmy zapewniać tylko możliwości korzystania z naszego produktu.

O swojego usera należy zadbać. Zaopiekować się nim. Pomóc mu, przygotowując onboarding, tooltipy w aplikacji, stronę pomocy, możliwość kontaktu z LUDZKĄ (białkową 😉) obsługą klienta, filmiki objaśniające działanie produktu. Nie zapominając o dostępności, oczywiście.
W ten sposób nie tylko zwiększamy retencję użytkowników, ale też ich przywiązanie do marki i pozytywną opinię, którą będą chcieli dzielić się z innymi.

PS. Autorem tego jakże dobitnego zdjęcia jest mój mąż, który robił je z myślą o moich wpisach. :yellow_heart:

#UX #uxwriting #uxdesign

Ostatnio przez zły UX bardzo często kłamię.

No bo wyjaśnijcie mi, być może to ja czegoś nie rozumiem: czy gdy ktoś kupi ode mnie przedmiot przez OLX i wybierze do tego przesyłkę OLX, to OLX wie, że sprzedałam przedmiot przez OLX?

I gdy chcę zakończyć ogłoszenie (które pozostaje widoczne z wciąż niewiadomych przyczyn), to serwis nadal pyta mnie, czy udało mi się sprzedać ten przedmiot?

...Oczywiście, że zawsze wybieram "Nie". Wiecie, tak z przekory.

#uxplakaljakuzywal #ux #uxdesign #olx

Koniec pewnej epoki xD
Kto szukał ksiąg ten wie xD

#ux #humorobrazkowy #heheszki #uxplakaljakuzywal

#uxplakaljakuzywal

Dlaczego InPost dalej królem przesyłkodżungli jest? ...a choćby dlatego, że umie pisać.

Styczeń to dla mnie okres porządków w szafie i na półkach, wystawiam szpeje (moje słowo roku 2024 — wszystkiemu winien Podcastex!) na Vintedzie, więc nadaję paczki hurtowo. W tym przez Orlen Paczkę.

Najwyraźniej ekipa Orlen Paczki zaktualizowała ostatnio soft swoich automatów (a przynajmniej tego najbliżej mnie): już nie ma kilkusekundowego laga po naciśnięciu "otwórz skrytkę", co każdorazowo zbijało mnie z pantałyku i wywoływało lęk, że trafiłam na jakiś bug, etykieta zmarnowana, amba fatima.
Teraz wszystko działa płynniej i nieco lepiej, no... ale.

Paczka umieszczona w skrytce, skrytka zamknięta, piękny ekran podsumowania jest. No więc chcę z niego wyjść, żeby zakończyć proces.
I mam tylko dwa przyciski: "Wstecz" oraz "Nadaj kolejną paczkę".
Nadać kolejnej nie chcę. Wstecz też nie chcę iść, bo wstecz = wróć do ekranu otwierania skrytki, prawda? ...Prawda?

:woman-shrugging: Otóż nie, przycisk "Wstecz" sprawia, że wracamy do ekranu głównego :woman-shrugging:

Co tu zawiodło? Czy brak testów z użytkownikami, czy błąd poznawczy, czy coś jeszcze innego? Na pewno mniej konfundujące byłoby nazwanie tego przycisku "Ekran główny".

Mam wrażenie, że w porównaniu z innymi firmami, InPost częściej aktualizuje soft swoich paczkomatów (a, przepraszam, urządzeń Paczkomat) i rzeczywiście dużo czasu poświęca na testy. To da się odczuć zwłaszcza wtedy, gdy korzystamy z innych urządzeń tego typu.
Albo może jestem przyzwyczajona do UI paczkomatów InPostu, bo znacznie częściej z nich korzystam...

#ux #uxwriting #paczkomaty #paczkomat

#uxplakaljakuzywal

Bankomat + bluescreen = PANIKA :melting_face:, czyli o przewidywaniu błędów w UXie

Okres okołoświąteczny jest u mnie czasem wzmożonego wyciągania gotówki z bankomatu (pan sprzedający choinki wciąż jeszcze nie przyjmuje BLIKa na telefon). A że pod domem mam bankomat ING, to chciałam z jego pomocą wypłacić pieniądze.
Zbliżam kartę, wpisuję PIN, wybieram z ekranu żądaną kwotę...

...i powiem Wam, że solidnie mnie wystraszył bluescreenem! :cold_sweat:

Kasy nie ma. System wrócił po paru sekundach do ekranu startowego.
Co się dzieje? Czy pobrało mi pieniądze? Czemu się nie udało? Co zrobiłam źle?

W UXie, poza happy paths, czyli najbardziej oczywistymi, podstawowymi ścieżkami służącymi osiągnięciu celu przez użytkownika, projektujemy jeszcze unhappy paths. Są to takie ścieżki i rozwiązania, które mają poprowadzić użytkownika między innymi wtedy, gdy występuje błąd.
Staramy się przy tym, by proces ten minimalizował stres związany z błędem poprzez wyjaśnienie jego przyczyny i wskazanie możliwości rozwiązania problemu.
I oczywiście testujemy, testujemy, testujemy. Nie tylko przy projektowaniu ścieżek, ale i od czasu do czasu sprawdzamy, czy istniejące rozwiązania dalej działają i są aktualne.

Bankomat ING chyba nie był należycie przygotowany na tę sytuację ( ͡° ͜ʖ ͡°)

Co więc się stało?
Najprawdopodobniej w bankomacie skończyły się pieniądze. Gdy już tętno się obniżyło i upewniłam się, że pieniądze nie zniknęły, potestowałam jeszcze flow wypłaty środków.
Jeśli nie skorzystamy z predefiniowanych kwot, tylko zdecydujemy się wpisać żądaną kwotę ręcznie, to u dołu ekranu zobaczymy informację o maksymalnej ilości pieniędzy do wypłaty. Ekran w tym miejscu wskazywał "0".

Z bluescreena wynika, że bankomat powinien wyświetlić jakiegoś JPGa. Ale coś poszło nie tak. Na szczęście to drobiazg, i domyślam się, że wkrótce zostanie załatany.

#ux #webdesign #bankomaty #ing

#uxplakaljakuzywal

Dzisiejszy temat: straszna choroba, czyli baneroza. :microbe:

Na banerozę w okresie zimowym/przedświątecznym choruje wiele sklepów. Te z obniżoną UX-odpornością są szczególnie narażone.

Jej etiologia jest bliżej nieznana. Przymuje się, że najważniejszymi czynnikami zapadalności na tę chorobę są:
:triangular_flag_on_post: brak regularnych testów użyteczności,
:triangular_flag_on_post: deficyt odporności zespołu odpowiedzialnego za rozwój strony na pomysły marketingu,
:triangular_flag_on_post: silna reakcja alergiczna na wdrażanie przyjaznych użytkownikowi rozwiązań UX.

Nieleczona może objąć kolejne obszary, spowodować znaczne szkody w postaci wysokiego wskaźnika bounce rate, obniżonej liczbie ciałek zakupowych i tzw. syndromu porzuconego koszyka.

Leczenie obejmuje:
:pill: konsultację ze specjalistą UX,
:pill: wycięcie zbędnych wyskakujących okienek,
:pill: dietę antybanerową.

PS. Na stronę weszłam i gdy tylko zobaczyłam tę piękną kaskadę, natychmiast ją opuściłam. 😉

#UX #uxdesign #webdesign #banery

Jaki to jest idiotyzm.
Pierwszy komentarz OPa nie wyświetla się, tylko jest ukryty, a otwierający go guzik jest na samym dole, mimo że komentarzy wcale nie ma tak dużo.

To jest pochodna rozwiązań "żeby zaoszczędzić miejsca", ale na Hejto jest zaimplementowane idiotycznie.
Chowane pod-wątki jeszcze można zrozumieć, ale też, gdy jest ich więcej, a nie gdy jest ich raptem 4.

https://www.hejto.pl/wpis/po-co-wewnatrz-budynku-taipei-101-umieszczono-wielka-stalowa-kule-o-wadze-660-to
@festiwal_otwartego_parasola

#ui #ui #webdesign

Mnie śmieszy xD
#webdesign #heheszki