Redesign listy wątków w kategorii

Tak jak jakiś czas temu wspominałem, po drobnych zmianach layoutu strony głównej forum, przyszła pora na listę wątków w kategorii.

Oto pierwszy draft:

w sumie to jakiś większych zmian nie ma ...

A tutaj wersja bardziej "progresywna":

tak na szybko (do pierwszej wersji)

1. przy wąskim trybie nie widać, czy jest nowy post w wątku
2. czy można przy okazji naprawić, by była informacja o nowym wątku/poście w dziale zamkniętym? Nigdy nie wiem, czy w Perełkach jest coś nowego ;)
3. zniknęła informacja i autorze wątku i dacie jego napisania? od razu było widać, czy jakiś odkop albo łatwo było znaleźć swoje wątki na liście
4. ikonka liczby lajków pierwszego posta wylatuje? ("gorącość" tematu)
5. odpowiedzi/wyświetleń wyrównałbym chyba do prawej tak jak jest teraz, ładniej to wygląda (obecnie wyświetlona jest też liczba usuniętych postów - dla mnie zbędna informacja, nie wiem, czy ktoś korzysta)
6. zniknęła ikonka "idź do ostatniego nieczytanego postu" - czy tytuł wątku będzie do tego prowadził? Czyli znika link "pokaż wątek od początku"? (nie płakałbym, rzadko korzystam, o ile w ogóle, ale może komuś brakować)

do drugiej wersji (progresywnej)

1. sporo danych poznikało, daty pierwszego/ostatniego posta, autor pierwszego/ostatniego posta, tagi, oznaczenie obserwowania
2. podoba mi się jako wersja początkowa, fajne te ikonki i info pod tytułem, ale wróciłbym nieco pochowanych danych
3. przy takiej wersji można by zostawić by tytuł linkował na początek, a "x odpowiedz" do ostatnio czytanej (luźna myśl)

Co oznacza zielona kłódka przy tytule wątku?

Marooned napisał(a):

tak na szybko (do pierwszej wersji)

1. przy wąskim trybie nie widać, czy jest nowy post w wątku

Będzie widać. Będzie border-left tak jak obecnie jest na stronie głównej forum w widoku mobilnym.

2. czy można przy okazji naprawić, by była informacja o nowym wątku/poście w dziale zamkniętym? Nigdy nie wiem, czy w Perełkach jest coś nowego ;)

Nie widzę przeciwwskazań :)

3. zniknęła informacja i autorze wątku i dacie jego napisania? od razu było widać, czy jakiś odkop albo łatwo było znaleźć swoje wątki na liście

Fakt. Zastanawiałem się czy ta informacja jest tak naprawdę istotna? Ale Twoje argumenty mają sens.

4. ikonka liczby lajków pierwszego posta wylatuje? ("gorącość" tematu)

Będzie.

5. odpowiedzi/wyświetleń wyrównałbym chyba do prawej tak jak jest teraz, ładniej to wygląda (obecnie wyświetlona jest też liczba usuniętych postów - dla mnie zbędna informacja, nie wiem, czy ktoś korzysta)

Ustawiłem text-align: right. Tyle, że jest też ustawione white-space: nowrap i słowo wyświetleń chyba się nie mieści w kolumnie, stąd też przeglądarka nie może tego poprawnie wyświetlić.

6. zniknęła ikonka "idź do ostatniego nieczytanego postu" - czy tytuł wątku będzie do tego prowadził? Czyli znika link "pokaż wątek od początku"? (nie płakałbym, rzadko korzystam, o ile w ogóle, ale może komuś brakować)

Za Twoją sugestią zrezygnowałem z tego podczas redesignu strony głównej forum. Nikt nie narzekał do tej pory :) Po prostu kliknięcie na nazwę wątku przenosi do nowego postu. Tutaj pomyślałem, że może być tak samo :)

do drugiej wersji (progresywnej)

1. sporo danych poznikało, daty pierwszego/ostatniego posta, autor pierwszego/ostatniego posta, tagi, oznaczenie obserwowania
2. podoba mi się jako wersja początkowa, fajne te ikonki i info pod tytułem, ale wróciłbym nieco pochowanych danych
3. przy takiej wersji można by zostawić by tytuł linkował na początek, a "x odpowiedz" do ostatnio czytanej (luźna myśl)

Tak, tak, nie ma wszystkich informacji. To takie moje eksperymenty, staram się wybadać reakcje czy taka wersja nie będzie zbyt dużym szokiem dla użytkowników :D

Dzięki za feedback.

@furious programming: kłódeczka oczywiście oznacza że wątek jest zamknięty :) Myślałem, czy aby w otwartych wątkach, zamiast kłódeczki wyświetlać avatar użytkownika który założył wątek? Mmm?

Jak dla mnie może być. Podobnie wygląda lista kategorii forum w widoku mobilnym – tam też wyświetlane są miniaturki użytkowników. Ale trochę mi się kłóci wyświetlanie kłódki zamiast miniaturki – IMO lepiej by było kłódkę namalować na miniaturce. ;)

Słuchajcie, a gdyby zrobić tak (widok na duże ekrany):

• avatar użytkownika który założył wątek
• tagi w tym samym miejscu co teraz (wyrównane do prawej)
• pod tytułem informacje o wątku
• podświetlenie ikon jeżeli użytkownik wypowiedział się w danym temacie czy też głosował na dany wątek
• Po prawej stronie informacja o ostatnim poście ale oprócz tego X znaków z treści ostatniego posta (kliknięcie może prowadzić do ostatniego posta w wątku)

Na tym widoku brakuje jeszcze informacji o dacie założenia wątku.

Ewentualnie wersja alternatywna bez ikonek:

Ja czasem jak szukam czyjegoś (najczęściej swojego) wątku (ponieważ obecnie nie ma takiej możliwości, a często było to poruszane) to wbijam w wyszukiwarkę nick i znajduje mi te wątki. Przy nowej wersji bez nicka autora wątku nie będzie już takiej możliwości.

Jeśli chodzi o drugą linijkę, to podoba mi się wersja z ikonkami, które dodatkowo coś mówią (czy głosowaliśmy i odpisywaliśmy)

Marooned napisał(a):

Ja czasem jak szukam czyjegoś (najczęściej swojego) wątku (ponieważ obecnie nie ma takiej możliwości, a często było to poruszane) to wbijam w wyszukiwarkę nick i znajduje mi te wątki. Przy nowej wersji bez nicka autora wątku nie będzie już takiej możliwości.

Np. tak?

@Adam Boduch: wygląda nieźle. ;)

A czy przypięte wątki będą jakoś wizualnie oddzielone do reszty?

Przypięte, zablokowane, z nieczytanymi postami, zaraportowane

Dokładnie – wszystkie przypadki trzeba brać pod uwagę. :P

Co myślicie aby przycisk "Obserwuj" również przenieść obok pozostałych ikon?

Adam Boduch napisał(a):

Co myślicie aby przycisk "Obserwuj" również przenieść obok pozostałych ikon?

Pasuje dobrze, więc jestem za – nie trzeba będzie wchodzić do wątku, aby włączyć/wyłączyć obserwację.

Moim zdaniem trochę nie pasuje. To jednak akcja, a nie statystyka, zaś pozostałe to same statystyki.

PS. Jeśli już ta akcja "razem ze" statystykami, to moim dobrze byłoby ją jakoś oddzielić. Kreską pionową czy czymś.

@Silv: niby tak, ale jest to funkcja dotycząca wątku, a teraz znajduje się w kolumnie dotyczącej ostatniego posta. Dlatego dobrze będzie ją przenieść obok pozostałych opcji związanych z całym wątkiem. Lewa kolumna dla wątku i jego autora, a prawa dla ostatniego posta i jego autora – spójnie będzie.

@furious programming: co do ogólnego podziału na kolumny – zgadzam się. To jeszcze lista tagów floatuje do prawej kolumny. A gwiazdka do obserwowania wątku może być jeszcze na lewo od tytułu, z odstępem, powiedzmy, 15px.

UPDATE: Albo jak napisałem, kreską oddzielić.

Czyli póki co jest 1:1 w opiniach :) poczekamy aż ktoś jeszcze się wypowie.

@Silv: ikonka "łapki" też może być akcją. Możemy oprogramować aby dało się głosować na dany wątek z poziomu listy.

Łapka z poziomu listy to niezbyt sensowny pomysł, bo dlaczego ktoś miałby głosować na +1 nie wiedząc, o czym jest wątek (tytuł to jednak za mało.. "nie osądzaj książki po okładce"), ale to drobna uwaga, jak się funkcjonalność pojawi, to zwyczajnie nie będę korzystał i tyle.

Za to przeniesienie "obserwowane" na lewo ma sens. Jeśli argumentem było, że "to nie statystyka", to można dorzucić info ile osób obserwuje dany wątek (spotykane w innych silnikach forum) - co prawda zajmie kolejne miejsce, ale pokaże też w jakiś sposób atrakcyjność wątku i przyciągnie wzrok.

Pytanie jak to się ładnie pomieści przy mniejszej szerokości.Może sensownie wtedy chować etykiety, ale zostawiać wartości, ikony i akcje:
👍 3 💬 5 👁 8 ☆ 13

Bez etykiet wyglądałoby to tak:

Moim zdaniem elegancko (zakładam, że rzadko taki widok będzie wykorzystywany, bo mało kto operuje na wąskich ekranach - chyba, że komórka w pionie)

Jedno co, to nie wiem, czy nie lepiej nick, data zamiast data, nick. Z drugiej strony skoro mam format ISO, to będę miał zawsze stałą szerokość daty, więc nawet ładniej jak jest teraz. Głośno myślę ;)

Marooned napisał(a):

Moim zdaniem elegancko (zakładam, że rzadko taki widok będzie wykorzystywany, bo mało kto operuje na wąskich ekranach - chyba, że komórka w pionie)

Jedno co, to nie wiem, czy nie lepiej nick, data zamiast data, nick. Z drugiej strony skoro mam format ISO, to będę miał zawsze stałą szerokość daty, więc nawet ładniej jak jest teraz. Głośno myślę ;)

Chyba że w ogóle usuniemy etykiety, i zostawimy tylko ikonki oraz liczby, wraz z tooltipami?

Marooned napisał(a):

Moim zdaniem elegancko (zakładam, że rzadko taki widok będzie wykorzystywany, bo mało kto operuje na wąskich ekranach - chyba, że komórka w pionie)

Albo wąskie okno przeglądarki - na różnych stronach często jest tak że „komórkowy” wygląd włącza się zdecydowanie za wcześnie.

Adam Boduch napisał(a):

Chyba że w ogóle usuniemy etykiety, i zostawimy tylko ikonki oraz liczby, wraz z tooltipami?

Tooltipy i tak być powinny, ale IMO z etykietami jest znacznie lepiej – od razu wiadomo czym dana opcja jest i do czego służy, bez konieczności czytania hintów.

Ja bym wolał z etykietami, ale bez nich też daje radę (ikonki są dość intuicyjne).

Adam Boduch napisał(a):

Chyba że w ogóle usuniemy etykiety, i zostawimy tylko ikonki oraz liczby, wraz z tooltipami?

Jeśli jest miejsce (a na szeroko jest), to bym zostawił etykiety. Są klarowne, jednowyrazowe i nie przeszkadzają.

Ok, pozostaje jeszcze kwestia oznaczania wątków jako przeczytanych z poziomu ich listy. To co zaraz powiem jest sprzeczne z tym, za czym głosowałem w wątku Co powinno się dziać po kliknięciu ikonki oznaczającej nieprzeczytane posty ;)

Ale może pozostawimy tutaj jednak oznaczanie wątków po kliknięciu w ikonę? O tak:

Minusy:

• nie będzie to działało na telefonach
• kliknięcie w ikonę nie przeniesienie do profilu usera tylko oznaczy wątek jako przeczytany

Uważam za bardzo nieintuicyjnie klikanie w awatar autora wątku, by oznaczyć tenże jako przeczytany.

Adam Boduch napisał(a):

• kliknięcie w ikonę nie przeniesienie do profilu usera tylko oznaczy wątek jako przeczytany

No właśnie – jest to niegodne z funkcjonalnością miniaturek w innych miejscach serwisu, dlatego taka funkcja będzie zupełnie nieintuicyjna i utrudniająca obsługę forum.

Może by dodać ikonkę do odczytywania wątku obok ikonki do obserwacji?

No właśnie jeżeli dodamy tam kolejny przycisk, to niestety będzie już za ciasno. Do wątku mogą być przypisane tagi, nazwa usera może być dłuższa i już całość może nie mieścić się w jednej linii (przy rozdzielczości full hd).