Usuńmy opis kategorii

8

Czy ktoś jeszcze czyta opisy kategori? Moim zdaniem sam tytuł wyraźnie mówi z jaką kategorią mamy do czynienia, a opis ten zajmuje zbędne miejsce.

Dodatkowo proponowałbym zmienić wyświetlanie listy kategorii na urządzeniach mobilnych. Obecnie fony są zbyt małe, odstępy również. Tytuł ostatniego wątku w danej kategorii jest ledwo widoczny. Co zatem sugeruje?

  • Przeniesienie tytułu ostatniego wątku do nowej linii
  • Usunięcie ikony informującej czy w kategorii są nowe wątki/posty. Zamiast tego można dodać border-left w innym kolorze

Spójrzcie na ten koncept (podkreślam, że nie jest to ostateczna wersja):

screenshot-20191203094302.png

Po prawej zostaje tutaj sporo miejsca. Można wstawić ikony umożliwiające przesunięcie kategorii w dół/górę. Można również dodać kilka popularnych tagów z danej kategorii. Po kliknięciu użytkownik zobaczy wątki z tymi tagami.

Wersja mobilna:

screenshot-20191203094650.png

3

Czasami te opisy się przydają, gdy społeczeństwo się burzy z powodu działań moderacji.
Przykład jest tutaj - https://4programmers.net/Forum/1627602 ;)

6

Ludzie nie czytają regulaminu i postów, tylko od razu zadają pytanie, bo myślą, że ich problem jest wyjątkowy. Czy ich też usuwać?

1

A gdzie jest ankieta? Jestem na nie. Smartfoniarzom można by za to dać opcję ukrycia opisów jeśli brakuje miejsca na ekranie.

2
Adam Boduch napisał(a):

Czy ktoś jeszcze czyta opisy kategori? Moim zdaniem sam tytuł wyraźnie mówi z jaką kategorią mamy do czynienia, a opis ten zajmuje zbędne miejsce.

Mam wrażenie, że więcej miejsca będzie marnowane po zmianie niż obecnie – Twoja propozycja wygląda biednie, środek ekranu jest praktycznie pusty. O ile na mobilkach będzie to wyglądać dobrze, to na pecetach z dużą rozdziałką poziomą IMO tragicznie (jak np. na załączonym zrzucie).

Poza tym wszystkie fora posiadają opisy kategorii, wszystkie jakie w całym życiu widziałem i z których korzystam. Usunięcie ich spowoduje niespójność z zawartością typowych forów, co może być nieco niezrozumiałe dla nowych użytkowników. Jakoś tak nieczytelnie i pusto będzie. Wolałbym aby pozostało to co jest, ewentualnie z lekkim odświeżeniem stylów.

A tak w ogóle to sam te opisy dodawałem, więc sio od nich. ;)


Wibowit napisał(a):

A gdzie jest ankieta? Jestem na nie. Smartfoniarzom można by za to dać opcję ukrycia opisów jeśli brakuje miejsca na ekranie.

Albo w ogóle ich nie wyświetlać na wąskim ekraniku.

0

@furious programming:

Zobacz co napisałem:

Po prawej zostaje tutaj sporo miejsca. Można wstawić ikony umożliwiające przesunięcie kategorii w dół/górę. Można również dodać kilka popularnych tagów z danej kategorii. Po kliknięciu użytkownik zobaczy wątki z tymi tagami.

To miejsce własnie można zagospodarować. Pomysłów jest wiele.

O ile jakiś opis przy niektórych kategoriach może się jeszcze przydać, to na co komu opis do kategorii JavaScript, czy Python ;)

0

Spoko, czytałem cały post, jednak nie wiem czy to dobry pomysł. :P

3

Powiem szczerze ze 90% kategorii po opisei sie czai ale JS troche suzkalem ze to webmastering gdize jest wszystko z webem w jednej paczce :D. Tak wiec jak dal mnie zielone swiatlo do usuniecia ale mozna by poprawic niektore nazwy tak by byly samo dokumentujace sie :)

8

Ja nie czytam opisów kategorii, ale jestem ekspertem. Jak zwykli ludzie to odbiorą, zaprawdę nie potrafię określić.
Trzeba tutaj dodać istotny szczegół:

"Z badań przeprowadzonych przez PISA i OECD wynika, że co szósty polski magister to analfabeta funkcjonalny. Pozostałe wyniki również nie napawają optymizmem.
Okazuje się, że 40% Polaków nie rozumie tego, co czyta, a kolejne 30% rodaków rozumie, ale w niewielkim stopniu."

(źródło: https://portal.librus.pl/rodzina/artykuly/nie-rozumiemy-instrukcji-ulotek-i-umow-czy-w-polsce-odradza-sie-analfabetyzm)

3
  1. ikony działów bym zostawił (w wersji szerokiej), bo można na nie kliknąć by oznaczyć dział jako przeczytany, korzystam (no i są delikatne, a te w przykładzie walą po oczach)
  2. Adamie, dodaj proszę przykład z poddziałami. Np. ukryty co prawda dział Moderatorzy ma 4 poddziały, chciałbym to zobaczyć w nowej wersji
  3. jeśli już takie zmiany, to bardziej wyeksponowałbym ikonkę przechodzenia do ostatniego nieprzeczytanego postu, albo nawet zamienił, by link tam prowadził, bo jakoś szczerze wątpię, że ktoś wchodzi do trochę humoru... :-) by przeczytać pierwszy post ;)

Generalnie zaproponowane zmiany mają sens w wersji mobilnej. W wersji na desktopa ich nie czuję.

1

Na wersji mobilnej od dawna nie jest wyświetlany już opis oraz ikonka kategorii. Niestety fonty są nieco małe i wszystko jest jakby "ściśnięte".

Bardzo dobry pomysł z przechodzeniem do ostatniego posta, rzeczywiście po kliknięciu na link powinniśmy przechodzić do pierwszego nieprzeczytanego posta.

0
Marooned napisał(a):
  1. ikony działów bym zostawił (w wersji szerokiej), bo można na nie kliknąć by oznaczyć dział jako przeczytany, korzystam (no i są delikatne, a te w przykładzie walą po oczach)

Myślałem o przycisku oznaczającym kategorie jako przeczytaną.

  1. Adamie, dodaj proszę przykład z poddziałami. Np. ukryty co prawda dział Moderatorzy ma 4 poddziały, chciałbym to zobaczyć w nowej wersji
  2. jeśli już takie zmiany, to bardziej wyeksponowałbym ikonkę przechodzenia do ostatniego nieprzeczytanego postu, albo nawet zamienił, by link tam prowadził, bo jakoś szczerze wątpię, że ktoś wchodzi do trochę humoru... :-) by przeczytać pierwszy post ;)

Ten pomysł bardzo mi się podoba. Ta ikonka ma jedną małą zaletę. Od razu widzimy czy ostatni post w danej kategorii został przeczytany czy też nie.

To oczywiście tylko taka luźna propozycja ;)

screenshot-20191205190241.png

Wersja w standardowym układzie

screenshot-20191205191316.png

PS. Dodałem ankietę ale już chyba trochę za późno

0

@Adam Boduch: ta druga propozycja mi się podoba – schludna i zawiera wszystkie ważne dane. Co prawda nie ma w niej przycisku do oznaczania kategorii jako przeczytanej, ale tego można spróbować umieścić obok nazwy kategorii.

Tak przy okazji – gdyby wprowadzić taki wygląd kategorii, to przyda się też odświeżyć i dostosować pozostałe widoki, np. postów w wątku, aby nie odbiegały stylem od głównej strony forum.

1

Propozycja OT: przyjrzeć się ile miejsca jest używane i na co na ekranie smartfona i odchudzić zbędne elementy w widoku mobilnym.

1

Jestem zazwyczaj za intuicyjnym interfejsem, bez zbyt wielkiej ilości tekstu – niemniej zakładam przy tym milcząco, że jest on na tyle zrozumiały, że można poprawiać samą intuicyjność. Moim zdaniem, tutaj zrozumienie interfejsu cierpiałoby. Opisy akurat kategorii działów naszego forum są potrzebne.

Pierwszy argument: są pomocne dla osób:

  1. które nie znają się na programowaniu zbyt dobrze, ale chciałyby dobrze umieścić pytanie;
  2. które kilka razy spotkały się z przenoszeniem ich pytania lub krytyką za umieszczenie go w złym miejscu.

Drugi argument: mogą przydać się, jeśli w przyszłości będziemy potrzebować/chcieć rozszerzyć zakres kategorii nie zmieniając jej nazwy (bo np. będzie ona już w API, a my nie będziemy chcieć dezorientować użytkowników innymi nazwami na stronie, a innymi w API). Można wtedy zmienić sam opis.


UPDATE:

Nie korzystam ze strony na urządzeniu mobilnym. Mogę jednak sobie włączyć Responsive Design Mode w Firefoksie (CTRL+SHIFT+M); jeśli jeśli wersja w nim wygląda tak samo jak na urządzeniu mobilnym, to powiem co-nieco.

Wygląda to w tym trybie tak:

Screen Shot 2019-12-09 at 05.08.49.png

  1. Powiększyłbym tytuły działów (tzn. "Delphi i Pascal" itd.).
  2. Przeniósłbym ostatni wątek do nowej linii i lepiej wyróżniłbym poszczególne elementy listy działów (żeby nie wyglądało, że wątek należący do kategorii "powyżej" należy do kategorii "poniżej").
3

Przede wszystkim na wąskim ekranie za mało jest miejsca na tytuł ostatniego wątka, a za dużo na nazwę działu.

3

Pomimo że więcej osób zagłosowało za usunięciem opisu kategorii, to chyba takie zmiany trzeba wprowadzać stopniowo aby nie były zbyt dużym szokiem ;)
W każdym razie nie zapomniałem o tym zadaniu i pracuje nad tym. Wiąże się ono z usunięciem części kodu JS, przerobieniu backendu. Będę informował o postępach i wystawie do testów na serwerze testowym.

5

A co myślicie aby przy nazwie kategorii forum, zamiast domyślnej ikony, wyświetlać logo danego języka?

screenshot-20200117175937.png

W przypadku braku nowych postów, na ikonę można nakładać filtr szarości. W przypadku innych kategori, ikona domyślna. Przekombinowane?

0

Fajny pomysł – ale nie tylko dla języków programowania, a dla wszystkich, coby zachować spójność. Przy czym to co widać na zrzucie wygląda super – mowa o ikonce, tytule i opisie kategorii.

PS: a w przypadku kategorii Delphi/Pascal jaką ikonkę? Delphi, czy Lazarusa? ;)

0

@furious programming: Obie, jedna pod drugą. (I na obie nakładać filtr oczywiście, jeśli będzie).

1

@furious programming: korzystamy z tego zestawu ikon: https://fontawesome.com/icons?d=gallery&m=free

Chciałbym pozbyć się tradycyjnych ikon graficznych na rzecz font awesome. Zestaw zawiera loga niektórych języków programowania - np.: https://fontawesome.com/icons/java?style=brands Jednak niewiele jest tych ikon dlatego np. w module Praca użyłem graficznych plików jako logo języków. Obawiam się że ciężko byłoby dopasować jakąś ikonę do każdej kategorii forum :(

Jeszcze eksperymentuje z różnymi stylami ikon:
screenshot-20200118142832.png

Wersja mobilna:

screenshot-20200118142917.png

3

Sprawdziłem dostępność ikon na stronie https://fontawesome.com/ dla poniższych słów kluczowych dla poszczególnych kategorii.

Legenda:

  • Piszę, że brak ikon, jeśli wyszukiwarka nie zwróciła żadnych rezultatów dla danego słowa kluczowego (słów kluczowych).
  • Piszę, że nie ma odpowiedniej ikony, jeśli wyszukiwarka zwróciła rezultaty dla danego słowa kluczowego (słów kluczowych), ale nie znalazłem wśród nich takiego, który by mi pasował do tego słowa kluczowego (słów kluczowych).
  • Piszę, że jest ikona (są ikony), i zaznaczam, że nie wiem, czy odpowiednie, jeśli wyszukiwarka zwróciła rezultaty dla danego słowa kluczowego (słów kluczowych), ale nie wiem, czy te ikony, które ja uważam za odpowiednie do tego słowa kluczowego (słów kluczowych), będą odpowiednie również dla innych osób.
  • Piszę, że jest ikona (są ikony) – lub podaję konkretnie, jaka jest (jakie są) – jeśli wyszukiwarka zwróciła takie rezultaty dla danego słowa kluczowego (słów kluczowych), że znalazłem wśród tych rezultatów takie, które by mi pasowały do danego słowa kluczowego.
  • W innym wypadku mam nadzieję, że komentarz jest wystarczający, by zrozumieć moją intencję.

Delphi i Pascal

  • pascal – brak ikon;
  • delphi – brak ikon;
  • oxygene – brak ikon;
  • lazarus – brak ikon;
  • codetyphoon – brak ikon.

C/C++

  • c – dużo ikon; wydaje się, że nie ma odpowiedniej;
  • c++, cpp, cplusplus – albo brak odpowiedniej ikony, albo brak ikon.

C# i .NET

  • c#, csharp, c-sharp – albo brak odpowiedniej ikony, albo brak ikon.
  • .net, dotnet, dot-net – albo brak odpowiedniej ikony, albo brak ikon.

Java

  • java – jest ikona;
  • jvm – brak ikon.

Python

  • python – jest ikona;
  • django – brak ikon;
  • flask – brak odpowiedniej ikony;
  • pyramid – (nie wiem, jaką ma ikonę, więc nie wiem, czego szukać);
  • twisted – (nie wiem, jaką ma ikonę, więc nie wiem, czego szukać);
  • tornado – brak ikon.

PHP

  • php – jest ikona.

JavaScript

  • javascript, js – jest ikona;
  • node – jest ikona;
  • es, ecmascript, es6 – albo brak odpowiedniej ikony, albo brak ikon.
  • angular – jest ikona;
  • vue – jest ikona;
  • react – jest ikona.

Webmastering

  • webmastering – brak ikon;
  • www – brak ikon;
  • html – jest ikona HTML5;
  • xhtml – (te same ikony co dla HTML);
  • css – jest ikona dla CSS3;
  • sass – jest ikona;
  • less – jest ikona;
  • xml – brak ikon;
  • xslt – brak ikon;
  • ajax – brak ikon;
  • xpath – brak ikon.

Mobilne

  • mobile – są ikony smartfonów;
  • smartphone – brak ikon;
  • tablet – są ikony;
  • android – jest ikona;
  • ios, apple – jest ikona Apple;
  • xamarin – brak ikon;
  • cordova – brak ikon.

Inne języki programowania

  • programming – brak ikon;
  • ruby – brak ikon;
  • perl – brak odpowiedniej ikony (wielbłąd);
  • assembler, assembly – brak ikon;
  • coldfusion – brak ikon;
  • Podkategoria "Dev/ops": dev/ops, devops, dev-ops – brak ikon.

Bazy danych

  • sql – brak ikon;
  • mysql – brak ikon;
  • mssql, tsql, t-sql, transactsql, transact-sql – brak ikon;
  • oracle – brak ikon;
  • postgresql – brak ikon;
  • sqlite – brak ikon;
  • access – brak odpowiedniej ikony.

Embedded

  • embedded – brak ikon;
  • microcontroller – brak ikon;
  • automatic, automatics – są ikony, ale nie wiem, czy odpowiednie;
  • iot, internet of things, internet-of-things – brak ikon;
  • devices – są ikony, ale nie wiem, czy odpowiednie.

Algorytmy i struktury danych

  • algorithm – brak ikon;
  • structure – brak ikon.

Inżynieria oprogramowania

  • engineering – brak ikon;
  • testing – brak odpowiedniej ikony;
  • debugging – brak ikon;
  • uml – brak ikon.

Nietuzinkowe tematy

  • extraordinary – brak ikon;
  • special – brak odpowiedniej ikony;
  • reverse – brak odpowiedniej ikony;
  • electr (przedrostek electric(s), electronic(s)) – są ikony, ale nie wiem, czy odpowiednie.

Oceny i recenzje

  • review – są ikony lupki;
  • project – są ikony, ale nie wiem, czy odpowiednie.

Edukacja

  • education – są ikony z książkami;
  • learning – są ikony, ale nie wiem, czy odpowiednie.

Kariera

  • career – brak ikon;
  • job – brak odpowiedniej ikony;
  • work – jest ikona aktówki;
  • accounting – jest ikona kalkulatora;
  • legal, law – są ikony wagi oraz młotka sędziowskiego;
  • tax – brak odpowiedniej ikony.

Szkolenia i konferencje

  • traning, institute, course – brak odpowiedniej ikony;
  • conference – brak odpowiedniej ikony.

Magazyn Programista

  • magazine, zine – albo brak ikon, albo brak odpowiedniej ikony.

Lepiej byłoby wziąć konkretnie logo tego magazynu. Ale można też spróbować ikonę książki (są).

Off-Topic

  • off-top, offtop, off top, off-topic, offtopic, off topic – brak ikon;
  • talk, talking, chat, chatting – są ikony kwestii w dymkach.

Hardware/Software

  • hardware – są jakieś ikony, ale nie wiem, czy odpowiednie;
  • software – brak ikon.

Społeczność

  • community – brak odpowiedniej ikony;
  • people, group – są ikony sylwetek ludzi.

Ale najlepiej byłoby wziąć logo 4p.

Flame

  • flame – są ikony płomienia; może nada się też ikona gaśnicy, tak trochę ironicznie?
  • various – brak ikon;
  • raw – brak odpowiedniej ikony.

Ogłoszenia drobne

  • classified, ads, advertisement – jest ikona z napisem "Ad", ale nie wiem, czy odpowiednia.

Coyote

  • github – są ikony.

Dobrze byłoby wziąć logo 4p, ale nie wiem, czy ikona powinna się powtarzać, jeśli wziąć taką samą dla kategorii "Społeczność".

Archiwum

  • archive, records – są ikony folderów i podobne.

Kosz

  • bin, basket – jest tylko ikona "shopping basket".
  • recycle – jest ikona recyklingu;
  • trash, garbage – są ikony koszów na śmieci.
0
Adam Boduch napisał(a):

Chciałbym pozbyć się tradycyjnych ikon graficznych na rzecz font awesome.

Z jakiego powodu? Ja wiem że te śmieszne obrazkowe fonty są od jakiegoś czasu modne, ale staraj się ich wszędzie nie wpychać. W przypadku logo języków programowania nie dasz rady zastosować fontu, więc olej go i skorzystaj z normalnych obrazków.

W sieci możesz znaleźć darmowe loga wszystkich języków i narzędzi, nawet w formie wektorowej. Nic nie stoi na przeszkodzie, aby stworzyć sobie konkretny zestaw ikonek tylko na potrzeby nowego wyglądu kategorii forum.


Jeśli potrzeba ikonkę Lazarusa, to mam w formie rastrowej i wektorowej. Natomiast Magazyn Programista ma swoje logo (wykorzystywane również w miniaturce użytkownika reprezentującego ten magazyn), więc szukać daleko nie potrzeba. ;)

Przy czym dla kategorii technicznych dotyczących więcej niż jednej technologii (mamy ich dokładnie cztery), sugeruję przewidzieć ikonki zbiorowe, tak aby uwzględnić co najmniej dwa loga (np. lekko nachodzące na siebie).

0

@furious programming: moim zdaniem idzie tu o to, żeby:

  • ikony były z jednego źródła (co rozwiązuje problem ustalania dla każdej ikony jej licencji);
  • ikony były ujednolicone graficznie (najlepiej od razu albo wszystkie szare, albo np. o podobnie nasyconych kolorach).
0

Zgadzam się, ale to nie oznacza, że muszą być gromadzone w postaci fontu. :/

W sieci można znaleźć masę potężnych zestawów, dzięki czemu wystarczy jeden dla całego serwisu. Przykładem jest choćby pakiet o nazwie Windows 8 Vector, zawierający 1255 monochromatycznych ikonek, na licencji CC Attribution.

1

Skorzystałem z tych ikon: https://konpa.github.io/devicon/

Pozostawiam do oceny:

screenshot-20200119083347.png

0

@Adam Boduch: kolorowe były ładniejsze, ale wcześniej nie było wspominane to, że mają one służyć nie tylko do identyfikacji języka, ale także do informowania o nieprzeczytanych postach. Wg mnie nowa propozycja jest super – i funkcjonalna (zgodna z dotychczasowym przeznaczeniem ikon), i dobrze wygląda.

0

Mniejszej ikonki dla PHP nie było? Jawna dyskryminacja xD Równie dobrze może tam być napisane "PDF", a na pierwszy rzut oka nikt się nie połapie^^

0

Ikony są wzięte stąd: https://konpa.github.io/devicon/
Wszystkie mają ten sam rozmiar, w ten sposób się skalują :/ Zresztą, to tylko jest wersja podglądowa, do oceny. Nie jest to nawet beta przeznaczona do testów.

0

Ja bym był za tym, by zachować te same proporcje rozmiarów ikon względem siebie, jakie zazwyczaj występują w internecie.

1 użytkowników online, w tym zalogowanych: 0, gości: 1