#webdesign

8
43
#uxplakaljakuzywal

Dzisiejszy temat: straszna choroba, czyli baneroza.

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ą:
brak regularnych testów użyteczności,
deficyt odporności zespołu odpowiedzialnego za rozwój strony na pomysły marketingu,
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:
konsultację ze specjalistą UX,
wycięcie zbędnych wyskakujących okienek,
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
Wrzoo userbar
4fb79038-871f-4abf-9619-091fdff92f5b
ErwinoRommelo

Najgorszy to jest flimweb, to nie baner czy okienko, full kurwa screen popup… kiedys serio nie wytrzymam i z banki w monitor zajebie

entropy_

Lekarstwo na takie banery:

https://pastebin.com/7DxeSHDE

Wciskasz dodaj zakładkę, jako url wklejasz skrypt z linku, zapisujesz i wyciągasz sobie przycisk gdzieś na wierzch koło paska adresu.

Wchodzisz na stronę która atakuje banerami, wciskasz przycisk, BANERY ZNIKAJĄ XD

owczareknietrzymryjski

baneroza straszna choroba, aż duo się pochorował. Co prawda na ptasią grypę ale zawsze

fa842e6e-19ac-434f-ae28-087ebec4428d

Zaloguj się aby komentować

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
ac2c970e-6d67-4828-a700-0cd4baa098da
Thereforee

@Opornik Generalnie w taki sposób to się wyświetla też, gdy zczarnolistowałeś kogoś

AdelbertVonBimberstein

@Opornik sugestie co do funkcjonowania portalu proszę przesyłać na

spam@hejto.pl

Moja administracja zajmie się tym niezwłocznie.


Pozdrawiam

#nowywlascicielhejto

Zaloguj się aby komentować

Zostań Patronem Hejto i odblokuj dodatkowe korzyści tylko dla Patronów

  • Włączona możliwość zarabiania na swoich treściach
  • Całkowity brak reklam na każdym urządzeniu
  • Oznaczenie w postaci rogala , który świadczy o Twoim wsparciu
  • Wcześniejszy dostęp, do wybranych funkcji na Hejto
Zostań Patronem
#uxplakaljakuzywal

Dzisiaj temat z pogranicza UX writingu i UX designu, czyli ikonki i etykiety.

Jako ikonkę mam tu na myśli piktogram reprezentujący jakąś funkcję lub informację, w interfejsach często będący przyciskiem; za etykietę zaś uznaję towarzyszący ikonce tekst, wyjaśniający działanie danego przycisku.

Kierując się chęcią stworzenia minimalistycznego interfejsu, designerzy czasem decydują się umieścić w nim samą ikonkę bez towarzyszącej jej etykiety.

Jest to zrozumiałe, gdy korzystamy z tych piktogramów, które są przez użytkowników trwale kojarzone z jednym konkretnym działaniem (np. lupa, dyskietka, iks).
Gorzej, gdy ikonka może być interpretowana na wiele sposobów. Wówczas użytkownicy nie wiedzą, czego spodziewać się po akcji, którą wywołuje dany przycisk. Zwiększają się ich poziomy stresu i napięcia i mniej chętnie eksplorują daną stronę lub aplikację.

Dobrą praktyką UX jest upewnienie się, że każdej ikonce towarzyszy etykieta, która krótko wyjaśnia, czego możemy się spodziewać po naciśnięciu przycisku lub do jakiej podstrony zostaniemy przekierowani.

Jeśli piktogram jest oczywisty — jak na przykład wspomniana już lupka — to można pominąć etykietę.

Jeżeli natomiast nie mamy miejsca na etykietę i jesteśmy zmuszeni dać samą ikonkę, zadbajmy o to, by:
• piktogram jak najlepiej obrazował działanie przycisku;
• etykieta pojawiała się w formie tooltipa po najechaniu kursorem na ikonkę;
• działanie przycisku zostało wyjaśnione w trakcie onboardingu.

Nie zapominajmy przy tym o dostępności — elementy strony, w tym każdy znajdującyc się na niej przycisk, powinny mieć Alt Text, dzięki któremu osoby korzystające choćby ze screen readerów mogły zapoznać się z działaniem każdego elementu.

#UX #uxwriting #Dostępność #accessibility #webdesign
Wrzoo userbar
b6447ebe-3f41-422a-a6f0-f5344095d759
Felonious_Gru

@Wrzoo poproszę wpis a potwierdzaniu anulowań, anulowaniu anulowań i anulowaniu potwierdzeń

Pan_Buk

@Wrzoo To czego ja nienawidzę na stronach internetowych, to wyskakujące okienka z jakże interesującymi mnie informacjami! Nie tylko informacje o cookies (dziękuję Unio!), ale co mnie obchodzą godziny otwarcia biblioteki w jakimś Pcimiu Dolnym. I zamiast przeczytać co mnie interesuje, ja szukam iksa, żeby zamknąć to okienko. Mam dwie addonki blokujące cookies, a mimo to gdzieś zawsze trafiają się okienka, które muszę zamykać. Albo okienko "Już wychodzisz? Sprawdź jeszcze naszą ofertę..."

Sosnowiczanin

Co do A11Y i alt tekstach przypomniałaś mi jak kiedyś dostałem zlecenie na stronę fundacji, czasy pierwszych jQuery i zachłyśnięcia się web 2.0, może to nie było już tak kolorowe jak czasy stron na tabelach I Geocities ale jeszcze nie czasy bootstrapa i każda strona wygląda identycznie.


No ale do rzeczy miałem pociąć stronę z projektu Photoshopa i przygotować mocno pod SEO, pierdyliard tagów, alt tekstów, bo PageRank czuje dobrze człowiek xD


Wszystko by było dobrze, strona wstępne zaakceptowana przez klienta, zostaje tylko usunąć lorem ipsum i uzupełnić treści i brać się za SEO.


Przychodzi kolejny mail od klienta: niestety nie mogę zaakceptować projektu strony, stronę "widziała" nasza pani dyrektor i powiedziała tylko że ta strona to gówno i jeden wielki bełkot i burdel.


Próbuje wytłumaczyć klientowi że treści uzupełniamy to lirum epsum zniknie i niech zaktualizuje przeglądarkę


To był błąd, po prostu strona miała najrbane tagów, zanim dyrektor na czytniku dotarł do tekstu właściwego to czytal teńme tagi do usranego

Zaloguj się aby komentować

#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
Wrzoo userbar
fe3a10fd-964a-488c-ab0d-09f2e2a03599
owczareknietrzymryjski

Sprzątnij folder pobrane zanim on sprzątnie ciebie

9bc96fb8-c429-4de3-9464-e404e457108a
AureliaNova

"Ile za ten projekt? No chyba cię pogięło, damy sobie w takim razie radę bez grafika, co to za problem jakiś button narysowac."

Tymczasem co-to-za-problem:


W ogóle to XD, że steam przy takich dochodach wygląda jak Internet Explorer twojego starego w 2010

macgajster

Ha! Nie używam pobranych i gardzę nimi. Wszystko trafia na pulpit, skąd szybciutko wędruje do kosza

Za to ostatnimi czasy jestem w połowie zapełnienia drugiej kolumny ikon na pulpicie i boli mnie to

Zaloguj się aby komentować

Temat wielokrotnie powtarzany, ale dziś się z nim zetknąłem i tego, kto projektował położenie przycisków należy powiesić. Z pewnością po wpisaniu danych najczęściej chcemy je wyczyścić.
#informatyka #webdesign #nieheheszki
bb2bcb73-0f80-4217-8c17-3d2fd89751d5
DKK

Przycisk wyczyść. Najbardziej bezsensowna rzecz stworzona przez ludzkość.

szybszylopez

@radziol A dodatkowo za to, że nr księgi jest w dwóch polach, (więc nie można łatwo skopiować) należy go wieszać powoli.

Amebcio

To jest cały współczesny trend. Nikt nie umie myśleć przy projektowniu interfejsu. Nikt nie umie myśleć przy budowaniu schematu sterowania w grach.


Nikt nawet nie stosuje dobrych praktyk w tych kwestiach

Zaloguj się aby komentować

Pamięta to ktoś jeszcze?

Stronka tak idiotyczna, że ludzie nie mogli przestać jej udostępniać - na dole miała prosty licznik odwiedzin, chyba do miliona, który kilka razy się resetował bo doszedł do limitu.

Była tak popularna, że przez wiele lat pozycjonowała się #1 w Google pod hasłem "węgiel drzewny".

http://www.patimex.com/

Żeby obejrzeć trzeba jakiś erzatz Flasha mieć, np.
https://addons.mozilla.org/en-US/firefox/addon/flash-player-emulator/

#heheszki #webdesign #glupoty #internet
dc40a0ca-9a8b-425e-8a7d-3239fd0bfb3d
SuperSzturmowiec

nie znałem ale gdzieś w albumie mam zjecie za gówniaka przy takich piecach do węgla drzewnego zrobione gdzie w "okolicach" Soliny. jakbym znalazł to wrzucę

Wrrr

@Opornik big bag big bag bugugugu

DexterFromLab

@Opornik nigdy nie widziałem tej stronki, ale węgiel nieraz kupowałem. Się z rodzinką jeździło na grilla nad rzekę albo jezioro i było fajen

Zaloguj się aby komentować

Pamięta ktoś adres tej stronki na której koleś zrobił parodię współczesnych stron www?
Mam na myśli wkurwianie userów tymi wszystkimi:
Zapisz się do newslettera!
Porozmawiaj z konsultantem!
Czy pozwalasz stronie wysyłać ci powiadomienia?
Akceptuj pliki kuki!
Poświęcisz krótką chwilę na wypełnienie ankiety?
Zobacz najnowsze promocje chuju!
Może jednak zapiszesz się do newslettera.
Załóż konto.

#frontend #webdesign #usability #wkurw
8e192913-73bf-4119-ab3d-d339744c2e4d
cec

Do tego wszystkie elementy strony bez żadnego kontrastu, oddzielenia wizualnego, zlewające się ze sobą.

Zwariowane fonty bez polskich znaków, żeby polskie litery jak najmocniej się wyróżniały.

Po wejściu na stronę wszystko schowane pod "hamburger menu", przez co jest on jedynym domyślnie widocznym elementem strony internetowej.

Gówniany krój czcionki, który jest kompletnie nieczytelny.

Aaaaa! I jeszcze te strony typu one page meaningless bullshit - jedna strona na której nie ma ani adresu firmy ani konkretów czym się zajmuje tylko jakieś pierdoły, że liczy się dla nich klient, spełniają jego najskrytsze oczekiwania i dbają o środowisko.

No i strony gdzie w nagłówku jest jebitne zdjęcie na cały ekran, które trzeba za każdym razem całe przewinąć, żeby dostać się do treści.

Albo strony ilustrowane obrazkami z dupy, kompletnie nie związanymi z treścią artykułu, a wstawionymi tylko dla atencji, bo debile jak widzą obrazek to częściej klikają.

No i strony seo z treścią wygenerowaną przez boty i translatory - za takie coś bym wieszał za jaja.

Zaloguj się aby komentować

Dobra mordko daj porade bo zawsze mi dobrze poradzisz,

Muszę postawić prostą stronę, menu gorne, 4 zakladki, 4 podstrony, jakis kontakt logo na gorze i chce tam wyswietlac zdjecia przedmiotow do sprzedania, żaden sklep tylko prezentowanie zdjęć i namiary na kontakt telefoniczny.

Co robisz w mojej sytuacji ? Chciałbym żeby to wyglądało jakoś przyzwoicie

Mam juz domene zaklepana, mam jakis hosting na hosting house ale ten quick cms to sobie mogę wsadzić

Jakis generator konkretny polecicie ?

#hosting #webdev #webdesign
Dzban3Waza

@Yossarian finalnie użyję chyba wordpressa, nie wiedzialem ze to takie proste i hostinghouste ma tam opcje instalacji którą przeoczyłem, czyli za 15 ziko na rok mam hosting z wordpressem, szczegóły ustawia się recznie za pomocą edytora, a szablonów są tysiące.

Yossarian

@Dzban3Waza thx


Jak z bezpieczeństwem wp? Zawsze byłem straszony, że jak na wordpresie, to zaraz ataki, exploity...

Zaloguj się aby komentować

Z kategorii ciekawostek: Zapraszam Cię do wehikułu czasu - jedziemy do lat 90. Takiego CSSika na pewno dawno nie widziałeś.
Swoją drogą, jeżeli macie jeszcze jakieś przykłady stron w takim stylu, śmiało wrzucajcie, z chęcią bym obejrzał

http://www.abc-med.info/index.htm

#webdesign #webdev #grafika #internet #ciekawostki
sierzant_armii_12_malp

@dundersztyc Do kitu ta strona. Nie ma licznika odwiedzin ani księgi gości


Z retro-stron kojarzę:


gawafe1241

@dundersztyc niby spoko ale dobrze że to minęło - strasznie oczojebne, nieco niespójne, za mało minimalizmu i jednolitości, tylko jakieś takie pstrokate...w takim MediCover wygląda to dużo lepiej, uporządkowane, łatwe w nawigacji https://www.medicover.pl/

jonas

Żarty żartami, ale to się ładuje w ujemnym czasie na dowolnej przeglądarce i sprzęcie nawet klasy "wooden PC".

Zaloguj się aby komentować

UI design kilku witryn internetowych by #midjourney

#aiart /tag/midjourney#grafika #webdesign
dab5a3c5-c4a1-4f18-9d6a-af4a4721e0ab
f6a40b95-f45d-47ea-b8a6-995a6e77742c
85c4fdfa-3ec7-461a-947b-03975cf5f916
098cddd9-b410-46a2-b19e-7a69b71ae2ec
b7dadd10-4dd3-499d-b95c-9d67a31ff66a
wombatDaiquiri

@dundersztyc 


by #midjourney


Ty jesteś autorem promptów?

wombatDaiquiri

@dundersztyc moim zdaniem powinno być "using #midjourney" bo jednak napisać takie wskazówki żeby się dobrze wygenerowało to też pewna sztuka

Zaloguj się aby komentować

Wiecie, że można już odmówić dostępu do swojej strony botowi od Chata gpt?

Jeżeli nie chcesz żeby Twoje treści służyły do szkolenia następnych wersji gpt można poprosić robota o wyjście.
Co ciekawe można im odmówić dostępu do nowych danych na stronie, ale nie można odmówić dostępu do tych które sobie wcześniej pobrali.

Przykładowy kod robots.txt
User-agent: GPTBot
Allow: /directory-1/
Disallow: /directory-2/

Robot przedstawia się jako
User agent token: GPTBot
Full user-agent string: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; GPTBot/1.0; +https://openai.com/gptbot))

Dokumentacja:
https://platform.openai.com/docs/gptbot

#webdev #webdesign #hosting #chatgpt
entropy_ userbar

Zaloguj się aby komentować

Wy mówicie, że Hejto się nie rozwija? A oni suwak do zmiany motywu zaimplementowali.
#hejto #design #webdesign
61169141-c463-42e8-bf58-7e7782cd4a9d
Dzban3Waza

Myślę że w alternatywie masz paliwo za 7 złotych

Mikry_Mike

@MauveVn mała rzecz, a cieszy

Acrivec

@MauveVn Tylko że ten suwak jest od baaaaaardzo dawna. Tylko wcześniej był pod burger menu.

Zaloguj się aby komentować

Zaloguj się aby komentować

Hej, tym razem przychodzę z projektem aplikacji mobilnej
https://www.behance.net/gallery/164726627/Voyager-Traveling-App-Concept
STANDARDOWO LINK DO CAŁOŚCI
Dajcie znać co myślicie!
#ui #grafika #webdesign #aplikacja
0c2ea39d-4802-4d4b-8927-412b06366f70
DeadRabbit

Jako ktoś zajmujący się projektowaniem to problem z tymi conceptami apek to, że nigdy to nie będzie wyglądało jak autor zamierzył. Np. miasta zawsze będą zdjęciami, które firma będzie chciała wymieniać.


Ale jak już to tytuły miast i ofert po lewej. Cena powinna być jakoś wyróżniona jako osobny label najlepiej obok przycisku rezerwuj. serduszko powinno być do dodania do ulubionych. No i logo firmy powinno zawsze być widoczne na górze.

matihautamaki

@DeadRabbit dzięki za rady! wezmę je do siebie i wrócę jutro z poprawkami

SluchamPsaJakGra

@matihautamaki fajne, a ja bym od siebie dodał elementy systemu jak nawigacja czy pasek powiadomień. Tu aż tak ich brak nie przeszkadza ale czasem designer nie uwzględni jak ma się zachowywać np wspomniany pasek powiadomień. Czy ma być przezroczysty, jaki ma być kolor ikon itp

Zaloguj się aby komentować

#heheszki #architektura #webdesign
d104048e-64c3-4e51-8dc5-2aed216efcd6
kodyak

@tomasz-frankowski XD widzę że masz jeszcze spore problemy z łapaniem co napisałem, tak wiem że port jest wyparty ale to nie zmiania że całe komunikacja na innych jest oparta o ten właśnie konkretny wraz protokołem http, to że teraz dają HTTPS nie oznacza że coś się w tej materii zmienilo jeśli chodzi budowę internetu to dodanie tylko kolejnej warstwy bezpieczeństwa żeby to co działało na 80tce dalej działało,


Bądźmy poważni i nie róbmy osobistych wywodów "doucz się" tylko pisz od razu a nie że coś tam wiesz ale nie powiesz bo musiałbys jednak zerknąć czy nie naklamiesz

kodyak

@JanuszeBiznesu jakich fratasiXD ja tu backendas raczej i się śmieje z tego gówna przegladarkowego bo to kupa jest

Zaloguj się aby komentować

Hej, zacząłem dzisiaj Daily UI Challenge
Tak prezentuje się wykonany przeze mnie projeky Sign up page (Strony do rejstracji??)
STANDARDOWO LINK DO CAŁOŚĆI
https://www.behance.net/gallery/163573985/Sign-up-Page-%28Meditation%29
#grafika #webdesign #ui
a58e8ddd-14c2-4836-b13f-a204aa44df81
StarozytnyKosmita

Fajne. W czym się takie projektuje?

matihautamaki

@StarozytnyKosmita Ja używam Adobe XD, Photoshop i Illustratora, Jest też przeglądarkowy i DARMOWY odpowiednik czyli Figma, na yt masz multum poradników!

ujdzie

@matihautamaki ok, jest progres, możesz robić Daily. Jedyne co jest problemem to bardzo mały kontrast tekstu z tłem, zwłaszcza w etykietach formularzy.


Protip - olej XD, jest martwy, Figma jest teraz standardem w firmach. Możesz używać za free.

Zaloguj się aby komentować

Taki trochę #midjourney projektujący UI, z eksportem do Figmy. Jak bardzo jesteśmy w dupie? XD
#ux #ui #webdesign #webdev
cf2cecc8-2fee-4852-902e-11fdc8eee49f
MauveVn

@ujdzie Nie mam problemu z czymkolwiek, poza mitologizowaniem zawodu programisty jakoby był on równoznaczny z prosesją lekarza kardiochirurga, podczas, gdy to pospolity zawód, jak każdy inny.

ujdzie

@MauveVn jak widzę to robi AI to przestaję mieć problemy z mitologizowaniem tego zawodu, ale fakt - większość programistów nie ma żadnej odpowiedzialności i klepią sobie CRUD'y od rana do popołudnia.

rayros

Najwyżej skończy się tak że developer będzie pisał opisy do midjourney bo zleceniodawca nie będzie umiał:p

Zaloguj się aby komentować

Następna