Sugestia poprawki UI/UX komentarzy pod postami

Podczas czytania komentarzy, aktualnie dosyć niewygodnie jest dostrzec nick autora komentarza. Przez zmienną długość tekstu oraz przez to że nick użytkownika pojawia się na końcu tej treści, występuje efekt "skakania" nicku nadawcy w poziomie.

Żeby poprawić czytelność komentarzy, oraz pozwolić na ocenę uczestników rozmowy rzutem oka, pomyśleliśmy że może dobrym pomysłem byłoby przenieść nick użytkownika na lewą stronę. Tym samym nicki użytkowników wypowiadających się pod postami byłaby widoczna zawsze po lewej stronie. Nie byłoby nieprzyjemnego efektu "skakania" nicków w poziomie.

Jednak samo przeniesienie nicku na lewą stronę sprawia ze nick autora może się mylić z pingowaniem użytkownika-odbiorcy. Aktualnie dużo rozmów w komentarzach ma wspomnienia użytkowników, które często piszemy na początku:

Pomyśleliśmy więc, że skoro zbyt długie komentarze i tak są zwijane, to możemy sobie pozwolić na delikatnie zwiększenie wysokości komentarza i przeniesienie nicku komentującego nad komentarz. Myślę że efekt jest wtedy całkiem niezły. Wyglądałoby to tak:

Członkowie Kadry już wypowiedzieli się na ten temat, teraz chcielibyśmy spytać o opinię społeczności. Dajcie znać co o tym myślicie.

Przykład komentarzy można zobaczyć na środowisku testowym 4programmers.dev.

Ale co to za absurdalny fikołek? Pytasz najpierw w jednej grupie, a jak 100% komentarzy jest negatywnych, to lecisz do innej grupy by ostatecznie jednak dostać jakąś akceptację? To serio brzmi jak fasada i chęć wprowadzenia zmian na siłę ale udawanie, że jest dyskusja i jest poparcie. To po co marnujemy czas w tej całej Kadrze? Zaorajmy ją i wróćmy do działu Coyote jak to było przez lata. Albo obalmy fasadę i bez pytania społeczności wprowadzajcie zmiany na swoją modłę. Bo obecnie to zakrawa o farsę niestety.

Marooned napisał(a):

Ale co to za absurdalny fikołek? Pytasz najpierw w jednej grupie, a jak 100% komentarzy jest negatywnych, to lecisz do innej grupy by ostatecznie jednak dostać jakąś akceptację? To serio brzmi jak fasada i chęć wprowadzenia zmian na siłę ale udawanie, że jest dyskusja i jest poparcie. To po co marnujemy czas w tej całej Kadrze? Zaorajmy ją i wróćmy do działu Coyote jak to było przez lata. Albo obalmy fasadę i bez pytania społeczności wprowadzajcie zmiany na swoją modłę. Bo obecnie to zakrawa o farsę niestety.

Wtf. Byliscie przeciwko? Przeciez obecna forma komentarzy faktycznie jest bez sensu - wystarczy ze komentarz jest dluzszy niz 1 zdanie - i to co jest zaproponowane jest duzo lepsze

W sumie to już się przyzwyczaiłem do obecnego layoutu, ale pomysł mi się podoba. Zastanowiłbym się jeszcze czy warto rozbijać komentarz na 2 linie gdy jest wystarczająco krótki by zmieścić zarówno treść jak i autora w jednej - moim zdaniem nie. IMO warto zrobić mniej więcej tak, jak jest na mikroblogu - najpierw nick, potem treść, a na końcu jakieś metadane i CTA. Oczywiście bez avatarów - szkoda miejsca.

Marooned napisał(a):

Ale co to za absurdalny fikołek? Pytasz najpierw w jednej grupie, a jak 100% komentarzy jest negatywnych, to lecisz do innej grupy by ostatecznie jednak dostać jakąś akceptację? To serio brzmi jak fasada i chęć wprowadzenia zmian na siłę ale udawanie, że jest dyskusja i jest poparcie. To po co marnujemy czas w tej całej Kadrze? Zaorajmy ją i wróćmy do działu Coyote jak to było przez lata. Albo obalmy fasadę i bez pytania społeczności wprowadzajcie zmiany na swoją modłę. Bo obecnie to zakrawa o farsę niestety.

Trochę krzywa akcja :D ale skoro już tu jesteśmy, to może wrzucisz jakieś argumenty przeciew zmianie z poprzedniej dyskusji?

Riddle napisał(a):

Przykład komentarzy można zobaczyć na środowisku testowym 4programmers.dev.

Zobaczyłem i jestem jak najbardziej za zmianą. Przykład:

Taka forma komentarzy jest bardzo dobra — mamy jasny podział elementów komentarza, każdy w z góry określonym miejscu. Nick, data napisania oraz przyciski są zawsze na początku komentarza, bez względu na jego długość, natomiast treść komentarza jest jawnie oddzielona od nagłówka. To daje znacznie lepszą czytelność, niż obecny, produkcyjny layout.

Dwie rzeczy mi się nie podobają.

Pierwszą są niewidoczne przyciski, które pojawiają się tylko gdy umieści się kursor nad divem komentarza. Nie lubię takiego rozwiązania, bo utrudnia nawigowanie i ukrywa dostępne funkcje przed użytkownikiem. To również jest uciążliwe w przypadku wersji mobilnej, w której nie ma kursora i pewnie wielu użytkowników nie wie, że trzeba tapnąć na div, aby udawać hover — IMO to cholernie słaby UX. Wolałbym zawsze widoczną belkę z przyciskami, wyrównaną do prawej krawędzi pola komentarza.

Druga to brak miniaturki użytkownika, po lewej od komentarza. Miniaturkę należy dodać, aby zunifikować interfejs, czyli aby komentarze pod postami wyglądały mniej więcej tak samo jak w przypadku komentarzy pod wpisami na blogu (i pod artykułami). Miniaturki nie są zbędnym wodotryskiem — jesteśmy wzrokowcami, większość z nas rozpoznaje autora wpisu właśnie po obrazku, bez czytania jego nicku.

A skoro już jesteśmy przy temacie komentarzy, to należy również poprawić te pod wpisami na blogu, tak aby nick użytkownika, data oraz przyciski były w pierwszym wierszu diva komentarza, a treść pod nim, czyli tak jak na zrzucie wyżej. Jest problem ze stylami i komentarze pod wpisami na blogu wyglądają źle, jeśli pierwszą jego linijką jest markdownowy cytat.

furious programming napisał(a):

Pierwszą są niewidoczne przyciski, które pojawiają się tylko gdy umieści się kursor nad divem komentarza. Nie lubię takiego rozwiązania, bo utrudnia nawigowanie i ukrywa dostępne funkcje przed użytkownikiem. To również jest uciążliwe w przypadku wersji mobilnej, w której nie ma kursora i pewnie wielu użytkowników nie wie, że trzeba tapnąć na div, aby udawać hover — IMO to cholernie słaby UX. Wolałbym zawsze widoczną belkę z przyciskami, wyrównaną do prawej krawędzi pola komentarza.

To jest faktycznie wartościowa uwaga. Aktualnie zachowanie jest takie samo - czyli przyciski są nie widoczne. Postaramy się to poprawić.

furious programming napisał(a):

Druga to brak miniaturki użytkownika, po lewej od komentarza. Miniaturkę należy dodać, aby zunifikować interfejs, czyli aby komentarze pod postami wyglądały mniej więcej tak samo jak w przypadku komentarzy pod wpisami na blogu (i pod artykułami). Miniaturki nie są zbędnym wodotryskiem — jesteśmy wzrokowcami, większość z nas rozpoznaje autora wpisu właśnie po obrazku, bez czytania jego nicku.

Dzięki za pomysł, spróbujemy wrzucić na DEV i zobaczymy jak wygląda.

furious programming napisał(a):

A skoro już jesteśmy przy temacie komentarzy, to należy również poprawić te pod wpisami na blogu, tak aby nick użytkownika, data oraz przyciski były w pierwszym wierszu diva komentarza, a treść pod nim, czyli tak jak na zrzucie wyżej. Jest problem ze stylami i komentarze pod wpisami na blogu wyglądają źle, jeśli pierwszą jego linijką jest markdownowy cytat.

A co powiedziałbyś na nick i datę w pierwszym rzędzie, potem treść, a potem przyciski?

Riddle napisał(a):

Dzięki za pomysł, spróbujemy wrzucić na DEV i zobaczymy jak wygląda.

Chodzi ogólnie o to, aby wykorzystać ten sam layout do wszystkich komentarzy, czyli tych pod postami, wpisami na blogu, artykułami i ofertami pracy.

A co powiedziałbyś na nick i datę w pierwszym rzędzie, potem treść, a potem przyciski?

Tak jak w przypadku przycisków na dole posta? Nie wiem, mysiałbym zobaczyć PoC-a. Ale pamiętaj, że dodatkowy rząd przycisków na dole komentarza to kolejny element rozciągający div komentarza w pionie, a im więcej scrollowania, tym bardziej wkurzony użytkownik. ;)

Moim zdaniem ta propozycja wpływa pozytywnie na czytelność komentarzy.
Zgadzam się, że to nie jest najważniejsza rzecz do naprawienia, ale jeśli jest względnie łatwa, to chyba warto.

Dobry pomysł.

Komentarze w tym wątku pokazują bezsens istnienia działu Kadra. Trzeba od razu pokazywać pomysły wszystkim na portalu i zbierać jak najszersze opinie bez bawienia się w kółka adoracji.

@Riddle :: @Marooned faktycznie ma rację, zarówno to co tutaj (w tym temacie) odwaliłeśm, jak i cała grupa wzajemnej adoracji zwana Kadrą, jest, aby nie użyć ostrzejszego zwrotu, absurdalne.

To co się dzieje z 4p po przejęciu go przez @pradoslaw to jest jakaś nieśmieszna komedia.

sens istnienia kadry bez sensu
zmiana akceptowalna, jedynym minusem będzie to że posty z wieloma komentarzami zawalą stronę jeszcze bardziej.

Ja myślę że fajnie by było gdyby każdy post był wątkiem samym w sobie i komentarze pod nim to posty, widoczne tak jak teraz, ale w każdej chwili można by było przejść do widoku wątku, mieć normalnie avatary po lewej, breadcrumby na górze by pokazywały dodatkowy poziom. Rozwiązałoby to parę problemów i propozycji które padały w innych wątkach - na przykład cytowanie komentarza, przenoszenie komentarzy do innych wątków itp

stivens napisał(a):

Wtf. Byliscie przeciwko? Przeciez obecna forma komentarzy faktycznie jest bez sensu - wystarczy ze komentarz jest dluzszy niz 1 zdanie - i to co jest zaproponowane jest duzo lepsze

Głównym problemem jest to że komentarze nie powinny być dłuższe niż 1 zdanie. W założeniach miało to służyć do krótkich komentarzy a nie do dyskusji, przed wprowadzeniem komentarzy moderatorzy po prostu edytowali post i dopisywali swój komentarz po // podpisując się często po myślniku. Komentarze miały to naśladować i dać możliwość komentowania też szarym użytkownikom.

Skrócić komentarze do 100 znaków maks i wprowadzić możliwość offtopu i tyle