Regresja użyteczności hamburgera

Regresja użyteczności hamburgera
opiszon
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 840
5

Po przesunięciu hamburgera na prawo stał się praktycznie nieużywalny dla osób z normalnymi rękami (nie mówiąc o osobach z niepełnosprawnościami).
Hamburger otwiera się po prawej stronie, natomiast linki wyświetlają się po lewej. Dodatkowo bardzo łatwo teraz nacisnąć link do profilu zamiast hamburgera.

Hamburger jest jedyną możliwością przejścia z głównej strony serwisu do forum. (Przynajmniej na urządzeniach mobile).

Błąd jest zarówno na telefonach jak i tabletach.

Commit wprowadzający utrudnienie https://github.com/pradoslaw/coyote/commit/b1a03446880c59487fb84a439519282f1a876352
Wg jego tytułu hamburger miał się zamienić miejscami z logo, a nie przewędrować na prawą krawędź serwisu.

Proszę o jak najszybsze wdrożenie testów regresyjnych dla wprowadzanych bugów/featurów na urządzeniach mobilnych. Szczególnie że ta konkretna funkcjonalność - hamburger - występuje tylko na urządzeniach mobilnych a nie występuje na desktopie, co prowadzi do wrażenia (nie po raz pierwszy) że zmiany są wdrażane bez jakiegokolwiek przetestowania.
Screenshot_20241001-204842.png

screenshot-20241001203552.png

Screenshot_20241001-204906.png
screenshot-20241001203459.png

HA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 79
2

Też chciałem to zgłosić :) mi sam hamburger po prawej nie przeszkadza (chociaż nie wiem po cholerę go przenosić), ale brak spójności między pozycją hamburgera a wysuwanym menu jest drażniący. Jak już hamburger musi być po prawej, to niech menu też będzie przyklejone do prawej.

opiszon
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 840
2

Jak to po jaka cholerę?
Żeby pamięć mięśniowa ci przestała działać i żebyś się denerwował za każdym razem jak chcesz wybrać opcję z wysuwanego menu.

flowCRANE
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Tuchów
  • Postów: 12272
0
opiszon napisał(a):

Szczególnie że ta konkretna funkcjonalność - hamburger - występuje tylko na urządzeniach mobilnych a nie występuje na desktopie […]

No nie, to nie jest prawda. 😉

Hamburger wyświetlany jest zawsze wtedy, gdy szerokość strony jest zbyt mała, by sensownie renderować całą jej zawartość. Z tego co na szybko wybadałem, prawa kolumna chowana jest do hamburgera, gdy szerokość strony wynosi mniej niż 1182px. Urządzenie, na którym strona jest wyświetlana, nie ma żadnego znaczenia.

Spine
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 6992
2

Menu powinno się zwijać w hamburger w tym samym miejscu, gdzie normalnie się wyświetla.

Na Facebooku np. pole wyszukiwania się zmniejsza, kiedy okno jest wąskie:

Szerokie okno

screenshot-20241003153701.png

Wąskie okno

screenshot-20241003153642.png

Nie trzeba cudować i przerzucać hamburgera w jakieś egzotyczne miejsce.
Dobrze chociaż, że teraz nie wypycha logo w prawo.

BTW. pisałem o tym już jakiś czas temu: https://4programmers.net/Forum/Coyote/373518-stala_pozycja_logo
Napisałem tam jak powinno być.
Dopiero teraz zostało to wykonane i to nie tak jak powinno być...
@Riddle ❣️

HA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 79
3

Kurde, no nie chcę hejtować i nie jestem designerem, ale obecne rozwiązanie strasznie trąci prowizorką. Na plus to, że tekst jest przy krawędzi, przy której otwiera się menu, ale wyrównanie do prawej strasznie dziwnie wygląda. Dużo lepiej byłoby zrobić tak, by kontener dostosowywał wielkość do zawartości, był przyklejony do prawej, ale żeby tekst był przyklejony do lewej - czyli tak, jak działa menu po kliknięciu na avatar.

screenshot-20241003162950.png

screenshot-20241003162934.png

Moja propozycja, wyrzeźbiona w 15 sek w devtoolsach. Gdyby jeszce był jakiś margines od prawej krawędzi to w ogóle byłoby idealnie.
screenshot-20241003163147.png

AN
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 992
0

Zna ktoś inną stronę na której menu hamburgerowe jest z prawej a zwykłe z lewej?

obscurity
  • Rejestracja: dni
  • Ostatnio: dni
1

Ostatnio dużo beznadziejnych zmian ale może to nie koniecznie sprawka @Riddle, ostatnio @pradoslaw wspominał że 4p dorobiło się UI/UX designera - chyba @Dizajner - może jednak to nie był dobry wybór zwłaszcza że nowy nabytek w zespole nawet nie napisał jeszcze żadnego publicznego posta i chyba nie za bardzo jest zainteresowany forum i jego użytkownikami. Może wziąć kogoś kto faktycznie używa forum i rozumie potrzeby użytkowników?

Strona z każdym dniem coraz bardziej przypomina zrobiona na kolanie przez nastolatka (choćby ten panel po prawej, breadcrumby wyglądające jakby brakowało im styli, teraz ten temat)

Marooned
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Poznań
6

Zmiany na 4programmers.net są dobrze przemyślane, mocno przetestowane i projektowane przez zatrudnionego tu specjalistę od UI/UX - Janusza Magońskiego. Wpasowują się w nowoczesne trendy i dobre praktyki. Zostawiłbym kwestie wizualne w rękach ekspertów. My zwyczajnie musimy się przyzwyczaić i nadążać za nowoczesnymi standardami, bo świat idzie naprzód, a my tkwimy mentalnie w średniowieczu.
Chyba.

Spine
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 6992
2

Zanim zaczyna się coś przerabiać.
Zwłaszcza coś standardowego i wszechobecnego w Internecie, fajnie by było poprzeglądać kilka popularnych serwisów, które stać na "dizajnerów", żeby zobaczyć jak u nich to działa i jak u nich to wygląda.
To nic nie kosztuje, a pomaga w implementacji takich rzeczy u siebie...
Tutaj nie trzeba improwizować.

Xarviel
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 847
1

Także nie jestem fanem nowego menu ☹️

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.