#ux

How Google Maps fixed India's street name problem
https://www.youtube.com/watch?v=_HSYTIEXa5w

#googlemaps #ux

#uxplakaljakuzywal

Kiedyś był OLX, teraz nie ma OLXa.

Pytanie: czy tylko ja jestem tak szybka jak kolorowy wiatr, że OLX nie nie jest w stanie mnie dogonić i ucina mi przy każdej wizycie na tej stronie początek tekstu, który wpisuję do wyszukiwarki?

(Nie mówiąc już o tym, jak przykra stała się wyszukiwarka OLXa... człowiek chce wyszukać stare zawiasy, a zamiast tego większość sugestii to drzwi wewnętrzne DRE, Renault Master i stare kredensy (╯°□°）╯︵ ┻━┻ przecież kiedyś ta wyszukiwarka działała dobrze...)

A ucina tekst w ten sposób:
https://i.imgur.com/tjkuF2g.gif

#ux #olx #dlaczego

#uxplakaljakuzywal

Kiedy produkt się rozrasta...

Interfejs Steama rozrastał się latami. I wiele lat jego elementy wyglądały tak, jak na załączonym obrazku: bez spójności wizualnej, z niezwykle skomplikowaną architekturą informacji, trudną w obsłudze dla nowicjuszy lub osób korzystających z niej rekreacyjnie.

Wydaje się, że na klątwę "spuchnięcia" i cierpiący na tym interfejs użytkownika cierpi wiele firm. Mają z tym problemy chociażby Amazon, WP i Reddit (do którego redesignu dalej się nie przyzwyczaiłam).

Steam w ostatnich latach zaczął nadrabiać zaległości. Wchodząc ostatnio na tę platformę, widzę znacznie mniej nieścisłości wizualnych, choć dalej zdecydowanie za długo szukam miejsca, gdzie mogę aktywować podarowany mi kod na grę.

Nie mamy stuprocentowej kontroli nad tym, czy produkt się rozrośnie, ani tym bardziej w którym kierunku. Ciężko jest się również na taki scenariusz przygotować (choć kusi zostawienie na zapas whitespace'u i potykacza "Under construction" w miejscach na planowane ficzery).

Nie powinno się natomiast dawać produktowi niekontrolowanie puchnąć, bo w końcu wszystko dąży do entropii. Nim się obejrzymy, w naszym mieszkaniu podłogę przykryje kurz, góry prania zaczną piętrzyć się na fotelu, a zlew zacznie żyć własnym życiem - i tak jest też z interfejsami.

I choć mało kto lubi robić gruntowne porządki, to raz na jakiś czas należy posprzątać nie tylko swoją szafę i folder "Pobrane", ale też interfejs aplikacji. Im dłużej z tym zwlekamy, tym trudniejsze zadanie czeka nas w przyszłości.

A skoro Steamowi się udało zabrać za porządki, to czemu nie Tobie? Posprzątaj dzisiaj chociażby folder "Pobrane" na komputerze. 😉

#ux #design #webdesign #steam #valve

Typowe zajebanie strony toplayerami, pewnie po wmówieniu nie mającemu pojęcia o temacie klientowi, że to mu dobrze zrobi.

#ux #ui

#uxplakaljakuzywal

Klęska dobrobytu: kiedy obie akcje dają ten sam efekt, a Ty dalej się głowisz, którą wybrać.

W weekend robiłam zakupy w markecie, w którym ostatni raz byłam kilka lat temu - E.Leclerc. Zazwyczaj w marketach kieruję się do kas samoobsługowych (czy ktoś tak jak ja lubi porównywać UI tych kas w różnych sklepach?). No to z mężem działamy, kasujemy, wsadzamy do pojemnika, mistrzowsko wyszukujemy bułki, przechodzimy do finalizacji zakupu...

...i trafiamy na niego - ekran, który nas zamroził.
Ekran wyboru liczby reklamówek.

Do sklepu zwykle chodzimy ze swoją siatką, i nie inaczej było tym razem. Powinniśmy więc wybrać 0 reklamówek.
Albo pominąć.
Pominąć? Wybrać 0 reklamówek?

...staliśmy tam dobre 30 sekund i jak emeryci zastanawialiśmy się, co dana akcja robi. Co się stanie, jak nacisnę na "Pomiń"? A może jeśli nacisnę "Tak", a na ekranie jest "0", to wyskoczy mi jakiś błąd?

Czy to zły UX, czy moja wina jak użytkownika?

Może ten ekran byłby dla mnie jaśniejszy, gdyby nie było przycisku "Pomiń"? Albo gdyby copy brzmiało: "Ile płatnych reklamówek doliczyć?", a na przycisku znajdowała się etykieta "Potwierdź"? Może kiedyś się dowiemy.

#ux #uxwriting #zakupy #kasasamoobslugowa #potrzebneinformacje

#uxplakaljakuzywal

Wczorajszy wpis o ekranie potwierdzania przelewu mBanku zrobił furorę - kompletnie nie spodziewałam się, że pod spontanicznym wpisem sfrustrowanej użytkowniczki pojawi się tak ciekawa i merytoryczna dyskusja. Widok ten dalej dzieli użytkowników, UXowców i speców od bankowości elektronicznej (co tylko potwierdza, że rozwiązanie to nie jest optymalne, choć idea słuszna), więc dziś może trochę luźniej...

Oral-B i ich aplikacja do mycia zębów.

Z apkami firm zagranicznych nie do końca wiadomo, czy odpowiedzialność ponoszą tłumacze, osoba weryfikująca tłumaczenia, czy jest jakiś zespół UX i osoba odpowiedzialna za treści.
Niemniej, materiał do rozkminy otrzymaliśmy. Dziś, przeglądając tę aplikację, poczułam się jak w gabinecie stereotypowej pielęgniarki (drogie pielęgniarki i pielęgniarze, to nie o Was, zaklinam się!)

Zaświadczenie przyniósł? Rozbierze się. Siądzie już, nie stoi tak i nie dyszy!
No, to czyszczenie języka było? Nitkowanie było? Płukanie było?

Efekt na pewno nie był zamierzony, ale w tym kontekście... No bawi. :smiley:

#ux #uxwriting

:world_map: Odpaliłem sobie beta stronkę map apple i z UX rzeczy.

* fajne animacje i ciekawe nie tną się
* w mapach jak się oddala albo przybliża, to robi to do kursora tam gdzie on jest, jak w google się zakręci rolką oddalając i klinie żeby przesunąć mapę to czasami mapka nam doskakuje do innej pozycji jąkając się (animacja walczy z pan i zoom), applowska mapa ma lepiej to zoomowanie ograne i nie ma jąkania.
* mam domyślnie ciemny tryb w systemie i mapa apple to wizualne gówno mam zastrzeżenia do dziennego widoku, że ciężko go czytać, ale na nocnym kontrast jest po prostu zjebany zjebany, w samochodzie na iPhonie to może sens ale nie k⁎⁎wa domu na komputerze
* applowską mapę można obracać według kompasu, na telefonach to jest ficzur meh, może ktoś lubi, a na komputerze nigdy mi nie brakowało opcji obracania Polski do góry nogami
* Google z rok może 2 temu wymieniło kolory na mapie i są o niebo lepsze, mamy kontrasty i mamy cienie dla markerów, widzę co jest drogą i co jest główną drogą jak patrze na mapę od appla to patrzę na mapę, a patrząc na Googlowską od razu widzę co jest czym, priorytety są lepiej widoczne

Zrzuty niżej, apple ma na⁎⁎⁎⁎ne markerów, a ja patrząc na mapę nawet nie widzę tych dróg które otaczają PKiN tak jak trzeba, te drogi nie są tak różne.

#ux #mapy #googlemaps #apple

#uxplakaljakuzywal

Nie wiem, czy ktoś jest zainteresowany takimi treściami, ale... czemu nie? Chciałabym pokazać Wam raz na jakiś czas UX-owe faile, które frustrują w aplikacjach, a które, no... da się poprawić, jak się trochę pomyśli.

Zapraszam więc na nieregularną serię wpisów pt. "UX płakał, jak używał"

Gwoli wyjaśnienia, UX to skrót od User Experience - doświadczenia użytkownika.
Jest to odnoga projektowania i szeroko pojętego designu, która skupia się nie tyle na wizualnej jego części, ale części użytkowej. Chodzi o to, by użytkownik kumał, co się dzieje w interfejsie aplikacji, co się stanie, gdy naciśnie jakiś przycisk, jaka jest ścieżka do wykonania danego działania (np. gdzie kliknąć i co zrobić, żeby kupić sobie nowe cottonworldy na internetowym bazarze).
W dobrym UXie chodzi o minimalizowanie tzw. cognitive load, czyli obciążenia poznawczego. Innymi słowy, chcemy, żeby użytkownik nie musiał myśleć.

...no i przechodzimy do dzisiejszego bohatera, czyli mBanku.
Mam nieszczęście używać go na co dzień, i za każdym razem moje serduszko płacze, gdy ich dział UX "ulepsza" ekran potwierdzania płatności. Może patrząc na ten zrzut ekranu już powoli intuicyjnie czujecie, że coś tu nie pykło.

Co się dzieje złego na tym ekranie?

1. Mamy dwa przyciski drugiego stopnia - rezygnuję i potwierdzam. Normalna hierarchia zakłada, że jest jakaś akcja domyślna i akcja drugorzędowa. Akcją domyślną na ekranie potwierdzania płatności powinno być, no cóż... potwierdzenie płatności. Akcją drugorzędową - rezygnacja z płatności. Ale mBank z nie do końca zrozumiałego dla mnie powodu zdecydował się oba te przyciski postawić na równi jako przyciski drugorzędowe. Wprowadzając więcej konfuzji, bo użytkownik musi wykonać więcej myślonka, żeby zrozumieć, który przycisk co zrobi. I to sprowadza nas do...
2. Wyjaśnienie, co robi przycisk, który powinien być zrozumiały sam z siebie - dobry UX to między innymi dobry UX writing - takie tworzenie microcopy (treści, etykiet przycisków itp.) w interfejsie, by nie pozostawiały wątpliwości, co robią. Dodawanie okienka z wyjaśnieniem, które na domiar złego znajduje się bezpośrednio nad przyciskiem "Rezygnuję", zmusza użytkownika do niepotrzebnego wysiłku.
3. Mało miejsca między przyciskami - przez to użytkownik może przypadkiem nacisnąć przycisk "Potwierdzam", chcąc wybrać opcję "Rezygnuję".
4. Przycisk "Potwierdzam" czasem się chowa - na niektórych urządzeniach oraz typach kont (np. na koncie firmowym) przycisk "Potwierdzam" chowa się w dolnej części ekranu. Użytkownik musi przescrollować ekran, żeby zatwierdzić operację. 😒
5. Po przyciśnięciu "Potwierdzam" trzeba jeszcze... potwierdzić - biometrią albo PINem. Tak więc etykieta jest zła, tory są złe, wszystko jest złe.

Nie zawsze było tak dziwnie. Wcześniej na tym ekranie mogliśmy znaleźć pierwszorzędową akcję "Potwierdzam" i drugorzędową "Rezygnuję". Jednak UXowcy mBanku z nieznanych, niestety, przyczyn, zdecydowali się wprowadzić widoczne obecnie zmiany.

A wystarczyłoby...

1. Zmienić etykiety na przyciskach. "Anuluj transakcję" / "Rezygnuj z płatności" / "Nie, rezygnuj" i "Potwierdź płatność" / "Zapłać" są jaśniejsze.
2. Wrócić do prawidłowej hierarchii przycisków.
3. Przeprowadzić testy z użytkownikami.
4. Przeprowadzić testy na różnych urządzeniach i różnych typach kont, by ujednolicić interfejs.
5. Pomyśleć.

No, to wylałam swoją frustrację (bobrze, ile tego wyszło), mogę wracać do roboty.

--

A tak w ogóle, to cześć - jestem Wrzoo i zawodowo zajmuję się UX Writingiem. Jeśli dział User Experience w Twojej firmie nie domaga językowo, to daj znać, bo fajnie byłoby zmienić robotę (jeśli czyta to ktoś z mBanku, to tym bardziej). Pracuję głównie z językiem angielskim, ale też i polskim.

#ux #userexperience #uxwriting #mbank #bekazmbanku

Człowiek chce ceny porównać na #ceneo, a dostaje na pysk takie sortowanie. Na #allegro da się ogarnąć.

PS, oczywiście że szukam rozmiaru 2

#ux #uxdesign

#heheszki #heheszkinauka #ux

#heheszki #reddit #ux

Japanese web design: weird, but it works. Here's why
https://youtu.be/vi8pyS076a8

#japonia #webdev #ux #psychologia

Wchodzę sobie grzecznie na eMonitoring Poczty Polskiej, żeby sprawdzić status przesyłki. Nie działa, ale zapraszają na stronę Poczteksu. No dobra, no to wejdę i tam sprawdzę.
...nie dość, że nie zmienili stringa dla placeholdera, to jeszcze po wyszukaniu dostajesz w japę błąd, dodatkowo z wykrzaczonym fontem xD

KTO TAM PRACUJE JA SIĘ PYTAM

#pocztapolska #heheszki #ux #userexperience #gupiebledy

Nie no trochę przegięli. 😛

Zwracam uwagę na brak X przy newsletterze. 😛
Na szczęście działa kliknięcie poza panelem.

#usability #ux #internet #webdesign #bekazpodludzi

Nie sądzicie, że ilość potrzebnego scrollowania na stronie głównej aby dojechać do stopki jest absurdalnie duża? Późne doładowywanie elementów nie poprawia tego doświadczenia.

#hejto #webdev #ux

Po obrażeniu się na moderację od 5 lat nie wchodziłem na wykop. Ostatnio zastanawiając się gdzie zacząć pisać wszedłem tam i zapytałem czy coś się z moderacją poprawiło, odpowiedziano mi że jest jeszcze gorzej. Zapytałem się gdzie można normalnie pogadać odpowiedziano mi że na hejto. Ale zwróciło moją uwagę zmiana wyglądu wykopu, nim z stamtąd odszedłem wyglądał inaczej, ten kto teraz to projektował pod względem użyteczności to jakiś analfabeta ergonomii. Nasza klasa 20 lat temu była bardziej czytelna niż ten syf Wykop. Tragedia… #wykop #oswiadczeniezdupy #ux

Czy ja dobrze rozumiem, że #wizzair ma taki ciemny pattern, że jak ktoś się loguje i zaznaczy czeka "żeby zostać zalogowanym" to się przez nieuwagę zgadza na spam?

#ux #czlowiekskurwiel

Nie będąc zalogowany nie mogę dojechać na dół strony do informacji kontaktowych bo strona scrolluje się w nieskończoność. Do tego wygląda jak wykop. Wy debile.
#ux #ui #hejto #programowanie

#projektowanie #ux #grafika #comniewkurwia #zalesie

Ktoś kto zaprojektował te etykiety, powinien wisieć za jaja.

Z każdym jedbanym razem zgadywania, który to płyn do prania, a który do zmiękczania. I nie, ten mały kolorowy pasek nie pomaga.

#hejto #ux

Elo, czy tu można narzekać?

Czy byłaby możliwość zrobić łatwodostępny permalink posta w postaci linku?

Czasem mam ochotę poczytać sobie, albo popisać i nie chce mi się:

1. otwórz menu postu,
2. klik w "udostępnij"
3. klik w "skopiuj do schowka"
4. otwórz nową kartę przeglądarki
5. wklej link i enter

Zamiast:

1. kliknij prawym,
2. wybierz "otwórz w nowej karcie".

W zasadzie to nie robię długiej procedury, tylko piszę aż mi post z oczu zniknie w odmętach nowych treści.