Wykop.pl Wykop.pl
  • Główna
  • Wykopalisko535
  • Mikroblog
  • Zaloguj się
  • Zarejestruj się
  • Wykop.pl
  • Ciekawostki

    Ciekawostki
  • Informacje

    Informacje
  • Rozrywka

    Rozrywka
  • Sport

    Sport
  • Motoryzacja

    Motoryzacja
  • Technologia

    Technologia
  • Ukraina

    Ukraina
  • Gospodarka

    Gospodarka
  • Podróże

    Podróże

Dostosuj Wykop do siebie

Wybierz treści, które Cię interesują
i zapisz jako Własną kategorię.

539

GoodUI, czyli 60 najistotniejszych porad przy projektowaniu UI.

Warto znac, nie tylko jak jestes grafikiem, albo projektantem. Przyda sie przy projektowaniu prezentacji w pracy i na studiach, dzieki czemu latwiej "sprzedasz" swój projekt.

b.....i
konto usunięte
z
goodui.org
25.01.2015, 14:32:41
  • #
    nauka
  • #
    design
  • #
    kultura
  • #
    ciekawostki
  • #
    komputery
  • #
    grafika
  • 105
    • Facebook
    • Twitter

Treści powiązane (1)

Świetny podręcznik dla projektantów UX.

marcincc
z ustwo.com
  • 10

Komentarze (105)

najlepsze

F.....2
konto usunięte 25.01.2015, 15:30:57
  • 62
Biorąc pod uwagę, że zaprojektowali stronę w taki sposób, że jedna z warstw zasłania tekst przy mniejszej szerokości okna niż standardowo (chodzi o to coś fioletowego w prawym górnym roku strony), to raczej nie stosują się do swoich porad :-)
  • 14
b.....i
konto usunięte 25.01.2015, 15:42:05
  • -33
@Fyji2: wprowadzili detekcje mobilna, odwiedz www na urzadzeniu przenosnym, nie zmniejszaj okienka w przegladarce.
F.....2
konto usunięte 25.01.2015, 15:50:37
  • 25
@botLigaNauki: To obejrzyj sobie stronę w zwykłym oknie (nie zmaksymalizowanym) i zobaczysz, że ten element zachodzi na tekst. Gdyby strona była dobrze zaprojektowana, to albo by ten element się nie wyświetlał albo dałoby się stronę przewijać w poziomie.
b.....i
konto usunięte 25.01.2015, 15:54:09
  • -27
@Fyji2: zobaczylem, twoj problem pojawia sie od 1024x768 to juz jest detekcja tabletów. Rozumiem, ze to jest problem dla kogos kto posiada przedpotopowy komputer, ale dla odbiorcy dla, ktorego byla projektowana ta strona w 99% przypadkow nie bedzie stanowic to problemu.
dfdrdedwdsdxdcdv
dfdrdedwdsdxdcdv
25.01.2015, 20:49:07
  • 49
Niektóre to najgorsze grzechy designu, jakie mogły by być. Nie ma nic gorszego, jak "gradual progress", gdzie po wypełnieniu trzech formularzy okazuje się nagle, że żeby zobaczyć efekt swojej pracy musisz się zarejestrować, zapłacić 39,99$ i podać PESEL swojej przedostatniej wybranki serca...
  • 13
M.....a
konto usunięte 25.01.2015, 21:20:30
  • 49
@dfdrdedwdsdxdcdv: to w ogóle są raczej na porady dla marketingowców. Większość z nich skupia się na zatrzymaniu uwagi, zamiast na projektowaniu interfejsu wygodnego dla użytkownika.
Stah-Schek
Stah-Schek
25.01.2015, 22:21:03
  • 20
@dfdrdedwdsdxdcdv: Dodatkowo widząc stronę która zaznacza mi od razu "zapisz się na newsletter", "zgadzam się na udostępnianie danych w celach marketingowych" itd od razu robię się podejrzliwy.
G.....d
konto usunięte 25.01.2015, 23:02:13
  • 6
@dfdrdedwdsdxdcdv: Kto by zrobił test na IQ, gdyby od razu wiedział, że musi zapłacić 10zł za poznanie wyniku?
k.....a
konto usunięte 25.01.2015, 20:45:06
  • 41
Porady jak zrobić dobry UI
Tytuł czcionką 100 px zajmujący cały jeden ekran laptopa.

Super strona #!$%@?.
  • 8
glupszynizeinstein
glupszynizeinstein
25.01.2015, 21:26:24
  • -18
@katinka: czcionka na www?!?! :o
https://pl.wikipedia.org/wiki/Czcionka
Stah-Schek
Stah-Schek
25.01.2015, 22:18:36
  • 1
@glupszynizeinstein: W sensie że co nie pasi?
glupszynizeinstein
glupszynizeinstein
25.01.2015, 22:20:06
  • -3
@Stah-Schek: czcionka to kawal blachy. nijak nie da sie umiescic w necie...
Nicolai
Nicolai
25.01.2015, 14:56:55
  • 40

Komentarz usunięty przez moderatora

b.....i
konto usunięte 25.01.2015, 14:57:49
  • -34
@Nicolai: a jak nazwiesz pierwsza porade?
źródło: comment_G9mR7e4Nk0lwvO1bppP3ACaqHoHyvOyA.jpg
Nicolai
Nicolai
25.01.2015, 15:01:50
  • 35

Komentarz usunięty przez moderatora

b.....i
konto usunięte 25.01.2015, 15:30:11
  • 6
@Nicolai: bo to dotyczy UI ale równiez UX, UX wynika bezposrednio z UI. Tam nie ma nic o "kontacie z klientem" jest natomiast duzo nt. pozycjonowania tzw "call to action", ktory jest bezposrednia skladowa dobrego UI.
coolcooly22
coolcooly22
25.01.2015, 22:52:16
  • 31
mnije to juz #!$%@?ą te pseudo startupowe strony wciskane wszędzie. człowiek chce sie casem cos dowiedzieć, wchodzi na strone firmy,albo jakiegos produktu i znajduje super czystą #!$%@?ą stronę, bez żadnych podstron, wszystko przesuwa się w dół z super hiper animacjami, a 90% to marketingowa papka...

już czasem lepsze stare strony z menu z 20 kategoriami
źródło: comment_tvX9JhPwYpY9NHS317thfqolWmUPSodX.jpg
  • 3
Timcampy
Timcampy
25.01.2015, 23:13:32
  • 4
@coolcooly22: Niestety, to tak jak z telewizją. Twój przykład jest trochę ekstremalny, ale ogólnie taki minimalizm treści się sprzedaje. Ludzie otwierają po 50 kart i masz kilka sekund na przyciągnięcie czyjejś uwagi. A skoro takie strony się sprzedają, to nie ma się co dziwić, że takie powstają. Faktem jest jednak, że powinien pojawiać się gdzieś odnośnik do dłuższej treści dla takich głodnych wiedzy jak Ty
agdybymbylmlotkowym
agdybymbylmlotkowym
26.01.2015, 10:25:41
  • 2
@coolcooly22: Niedługo interfejsy staną się tak doskonałe, że treść będzie zbyteczna.
WaveCreator
WaveCreator
26.01.2015, 10:37:20
  • 3
@coolcooly22: W czasie deszczu dzieci się nudzą... ( ͡° ͜ʖ ͡°)
źródło: comment_6twnaZF1qLcbkAXv5O3uCPB2ux74ApIg.jpg
Eoghan
Eoghan
25.01.2015, 22:25:39
  • 28
Chyba im nie zaufam, chyba, że dla kogoś to jest czytelna strona
źródło: comment_4RAdm9tidOGWeVA6GDvAudu01rfMqyee.jpg
M4ks
M4ks
25.01.2015, 17:27:50
  • 19
Brrr, polowa porad chyba dla klientow z USA - zamiast pisac o produkcie pisz, ze oszczedza czas i pieniadze..
  • 12
o.....n
konto usunięte 25.01.2015, 22:27:18
  • 6
@M4ks: To są porady, jak stworzyć stronę, która lepiej się sprzedaje. Te porady powinny nazywać się: marketing dla projektantów UI.

yeap, to dla USA ;)
a.....e
konto usunięte 25.01.2015, 23:02:57
  • 3
@M4ks: Myslisz że to co działa na amerykanów nie działa u nas? :)
Timcampy
Timcampy
25.01.2015, 23:03:37
  • 2
@orian: No bo o to w tym wszystkim tutaj chodzi. Firma zajmuje się m.in. zwiększaniem konwersji na stronach a ta lista służy wielu designerom np. jako pomoc przy wymyślaniu nowych A/B testów. Stwierdzenie, że dla klientów z USA też nie jest fair, bo u nas działają praktycznie takie same triki.
Ogólnie, to nie chodzi o to, że nie powinieneś pisać o produkcie. Chodzi o to, abyś pisał o nim przedstawiając zyski
Lluc
Lluc
25.01.2015, 15:53:12
  • 11
http://www.wykop.pl/link/1569679/jak-stworzyc-przyjazny-interfejs-uzytkownika/
internet3000
internet3000
25.01.2015, 22:20:35
  • 9
1) juz bylo http://www.wykop.pl/link/1569679/jak-stworzyc-przyjazny-interfejs-uzytkownika/

2) to nie jest o UI tylko o budowie Landing Pages z punktu widzenia marketingowca. Dwie rozne sprawy.

UI ma dobrze dzialac i byc efektywne dla usera, a Landing Page ma sprzedawac (konwertowac).

P.S. Autorem jest Polak
  • 1
edus123
edus123
26.01.2015, 02:21:38
  • 1
P.S. Autorem jest Polak


@internet3000:
Sądzę nawet, że dodający to znalezisko - patrząc na jego komentarze i walkę z krytyką ( ͡° ͜ʖ ͡°)
LordDarthVader
LordDarthVader
25.01.2015, 22:28:26
  • 5
Po lewej stare allegro, po prawej nowe. ( ͡º ͜ʖ͡º)
bambosh
bambosh
26.01.2015, 10:51:19
  • 4
idea #24 jest tragiczna
RocMarciano
RocMarciano
26.01.2015, 07:20:56 via Android
  • 4
Czemu w smartfonach, ktore naturalnie obslugujemy kciukiem o ograniczonym zasiegu (glownie dolna czesc ekranu), deweloperzy ustawiają jakiekolwiek przyciski akcji w gornej czesci ekranu? Help plx
  • 2
Timcampy
Timcampy
26.01.2015, 12:20:59
  • 1
@RocMarciano: Bo nie wszystko da się zmieścić w dolnej części ekranu. Wielu designerów popełnia błąd, i skupia się tylko na górnej części, to prawda. Co do tego jak trzymamy telefon, to jednoręczne trzymanie telefonu występuje u ok. 49% użyszkodników a 15% trzyma go obiema rękoma i także używa kciuków (source: http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php). Na szczęście coraz więcej designerów zaczyna to zauważać więc może sprawy się szybko poprawią - mobile to młoda technologia.
morn1
morn1
27.01.2015, 08:40:49
  • 0
@RocMarciano: wszystko jest w zasięgu kiedy masz ekran < 4 cale. I dlatego wszystkie telefony z ekranem większym niż 3,5-4 cale są poronionym pomysłem marketingowców.
A potem jest problem, żeby kupić telefon z dobrymi bebechami ale ekranem 4, bo nieodłącznie wiąże się to z flagowymi modelami, które z kolei puchną jak kolejne generacje samochodów...
p.....u
konto usunięte 26.01.2015, 15:05:15
  • 3
Przecież to nie są porady o UI tylko o wciskaniu ludziom kitu. Porady dla typów, którzy zarabiają na CPA, PPI, itp.

niewiemnieznam
niewiemnieznam
26.01.2015, 09:31:33
  • 2
chłopaki ta stronka traktuje głównie o landing page'ach sprzedażowych. I taki UI powinien tam być stosowany. Nie mylcie tego z UI softowym czy nawet większych stron www. a całe rozbijanie gówna na atomy co wynika z czego to trochę głupota. UI jest składową UX bo na "experience" użytkownika wpływa MIEDZY INNYMI GUI. Też pracuję w zawodzie ale dla zagranicznych firm. Photoshop wymagany tak samo jak Axure, html, css, balsamiq i co się
tbc
tbc
25.01.2015, 21:35:16
  • 2
Nie ma punktu 60 ( ͡° ʖ̯ ͡°)
  • 1
g.....n
konto usunięte 25.01.2015, 23:51:08
  • -1
@tbc: Powinno być:
Porada 61 - We don't need point 60
Porada 62 - Profit!
eternaljassie
eternaljassie
26.01.2015, 07:39:03
  • 1
@marcincc Strona już troche w sieci jest i jest również mi dobrze znana, ale ten ebook z powiązanych to naprawdę dobra lektura
DESZCZE
DESZCZE
25.01.2015, 17:48:47
  • 1
Punkt 29 bardzo mi się podoba. Ale dlaczego na tej stronie "J" to następny, a "K" to poprzedni, jeszcze w dodatku przedstawione w takiej kolejności?

Przecież to się ze sobą kłóci
  • 3
Timcampy
Timcampy
25.01.2015, 23:05:24
  • 4
@DESZCZE: Jest tak dlatego, że np. w edytorze tekstowym Vim te klawisze odpowiadają tym samym funkcjom. Autorzy strony zadbali o odpowiednie User Experience i przystosowali swoją strone do swoich użyszkodników (wielu z nich to programiści lub designerzy którzy są z tymi skrótami klawiszowymi zaznajomieni)
Bombasarkadian
Bombasarkadian
25.01.2015, 23:29:35
  • 1
@DESZCZE: Dokładnie te same skróty (j - następny, k - poprzeni) są używane np. przez facebooka. Nie, żeby to cokolwiek wyjaśniało, ale skoro "wielcy" też tak robią to coś jest na rzeczy.
Timcampy
Timcampy
25.01.2015, 23:32:26
  • 1
@Bombasarkadian: I na wielu innych stronach. Przeciętny Jan Kowalski i tak będzie standardowo scrollował i nie zdaje sobie nawet sprawy z istnienia takich skrótów. To tak zwany dodatek dla "Power User'a"
P.....i
konto usunięte 26.01.2015, 17:11:26
  • 0
Dzięki serdeczne dla autora. Jeśli to czyta (a czyta z pewnością bo Polak) fajnie, że poświęciłeś tyle czasu aby to zebrać w całość i opracować graficznie i dzielisz się tym za darmo. Doceniam również czas jaki trzeba było poświęcić aby zdobyć tę wiedzę. Ps. komentarzami negatywnymi się nie przejmuj, w Polsce w przeciwieństwie do USA musi być "ładnie" a dopiero później skutecznie sprzedażowo (ale to też powoli się zmienia). Pytanie tylko co
edus123
edus123
26.01.2015, 01:33:19
  • 0
@botLigaNauki Czemu się nie pochwalisz, że to Twoja strona tylko piszesz o niej w 3. osobie, Kubo? ;) Po Twojej dyskusji w komentarzach od razu widać, że to Ty jesteś autorem ( ͡° ͜ʖ ͡°)
  • 1
b.....i
konto usunięte 26.01.2015, 11:46:26 via Android
  • 1
@edus123: ojej rozszyfrowales mnie ;)

k.....b
konto usunięte 26.01.2015, 00:32:50
  • 0
Szkoda że projektanci nowej strony mBanku tego nie czytali. Albo czytali, ale nie zrozumieli.
  • 1
morn1
morn1
27.01.2015, 08:46:21
  • 0
@kebaab: a ja się obawiam, że właśnie przeczytali i zrozumieli. Niestety.
Najlepsza była strona z poradami jak złożyć wniosek o ubezpieczenie samochodu - w starym zajebistym mbanku były to 3 kliknięcia. W nowym.... sześć.
l.....e
konto usunięte 25.01.2015, 22:36:33
  • 0
I tyle lat internetów trzeba było żeby dojść do takich wniosków? Jest tu jakiś futurysta od ui który powie w jakim kierunku to będzie szkło dalej?
WaveCreator
WaveCreator
26.01.2015, 09:25:38
  • -1
Podoba mi się, jak takie tematy zawsze przyciągają przemądrzałych "specjalistów" przekonanych o swojej nieomylności ( ͡° ͜ʖ ͡°)
Murlok65
Murlok65
25.01.2015, 23:01:18
  • -2

Komentarz usunięty przez moderatora

S.....R
konto usunięte 25.01.2015, 15:09:53
  • -7
Pewne punkty są ze sobą sprzeczne np. 3 i 5 - na codzień projektuję ui i raczej jestem w tym taki sobie ale od razu boli mnie taka niekonsekwencja.
  • 7
y.....s
konto usunięte 25.01.2015, 15:43:10 via iOS
  • 4
@SiR-SiR: punkty 3 i 5 nie są sprzeczne - 3. dotyczy niepotrzebnej fragmentacji, zamiast połączenia tych rzeczy w jedna sekcję. Natomiast 5. sugeruje powtórzenie Call to Action (chcemy żeby user tam kliknął, a w ten sposób zwiększamy szansę).
S.....R
konto usunięte 25.01.2015, 15:53:30
  • -7
@yanuncamas: Może ja czegoś nie rozumiem ale staram się czytać wprost:

Punkt 3:

Try Merging Similar Functions instead of fragmenting the UI.

Punkt 5:

Try Repeating Your Primary Action instead of showing it just once.


To się nie trzyma kupy, przynajmniej dla chcącego skorzystać z takiego poradnika.
Inne porady są bardzo ok.
b.....i
konto usunięte 25.01.2015, 15:56:55
  • 2
@SiR-SiR: podpowiem

Merging Similar Functions

Repeating Your Primary Action
  • Wykopujący (539)
  • Zakopujący (56)

Hity

tygodnia

Żądamy przywrócenia poprzedniego wyglądu strony wykop.pl
12803
18+

Zawiera treści 18+

Ta treść została oznaczona jako materiał kontrowersyjny lub dla dorosłych.

  • Zaloguj się
  • Zarejestruj się
Nowy wykop jest fatalny! Dajcie możliwość wybrania starej szaty graficznej.
4468
Trwa potężna przecena gazu na rynkach - już 60 euro (282 zł) za MWh
3751
Wincy Orlenu.. wincy!!
3749
Pokaż więcej

Powiązane tagi

  • #ciekawostki
  • #zainteresowania
  • #technologia
  • #historia
  • #medycyna
  • #swiat
  • #kosmos
  • #przyroda
  • #liganauki
  • #zdrowie

Wykop © 2005-2023

  • Nowy Wykop
  • O nas
  • Reklama
  • FAQ
  • Kontakt
  • Regulamin
  • Polityka prywatności i cookies
  • Hity
  • Ranking
  • Osiągnięcia
  • więcej

RSS

  • Wykopane
  • Wykopalisko
  • Komentowane

Wykop.pl