Odświeżony widok mikroblogów

Dzisiaj odświeżyliśmy nieco wygląd mikroblogów.

2014-04-14_214308.png

Pierwsze co zostało zmienione, to zmniejszenie wielkości avatarów oraz oraz umieszczenie daty publikacji tuż pod loginem autora. Sama treść została natomiast nieco powiększona. Można również zauważyć, że link służący do dodawania komentarzy, został przesunięty na prawo natomiast po lewej stronie pozostała opcja oddawania głosów na dany wpis. Przypominam, że to Wy decydujecie, które wpisy z mikroblogów mają się znaleźć na stronie głównej (oraz w jakiej kolejności). Wystarczą min 2 głosy, aby wpis znalazł się na naszej stronie głównej. Każde oddanie głosu na taki wpis zwiększa również reputację jego autora.

Dodatkowo schowane zostały opcję usuwania oraz edycji wpisu. Z racji tego, że nie są to zbyt często używane opcje, zostały ukryte pod ikonką narzędziową, widoczną w prawym, górnym rogu każdego wpisu.

Jeżeli chodzi o komentarze do wpisu, to tutaj obyło się bez większych zmian. Można jedynie zauważyć zniknięcie zielonych elementów graficznych, które towarzyszyły do tej pory każdemu komentarzowi. Dzięki temu w polu komentarza mieści się teraz więcej treści.

Mam nadzieje, że są to zmiany na "plus" jednak jeżeli macie jakieś pomysły na unowocześnienie funkcjonalności/wyglądu, piszcie śmiało na forum w wątku: http://4programmers.net/Forum/Coyote/226513-mikroblogi_-_odswiezenie_wygladu?p=1026093#id1026093

Zmiana edytora w polu szybkiej odpowiedzi

Od dawna oferowaliśmy funkcję szybkiej odpowiedzi na forum. Na dole, pod każdym wątkiem (tylko dla zalogowanych użytkowników) widoczne było pole textarea, które służyło do publikacji szybkiej odpowiedzi. Jednak było to zwykłe pole tekstowe. Dzisiaj w tym polu wyświetlany jest edytor, taki sam jak w formularzu "normalnej" odpowiedzi.

Dla przypomnienia: pole szybkiej odpowiedzi znajduje się pod każdym wątkiem (tylko zalogowani użytkownicy je wiedzą):

2014-04-06_123359.png

Pełen edytor zostanie załadowany w momencie kliknięcia na obszary zaznaczone kolorem żółtym:

2014-04-06_123550.png

Jakie są zalety takiego rozwiązania:

  • Masz możliwość podglądu posta przed jego zapisaniem (zakładka Podgląd)
  • Dodawanie załączników (również screenów poprzez skrót Ctrl+V)
  • Wcięcia w kodzie przy pomocy Shift+Tab
  • Szybki dostęp do informacji na temat formatowania treści (ikonka "pomocy" po prawej stronie edytora)

Formatowanie linków wewnętrznych

Często zdarza się, iż na forum (w komentarzach czy w postach), na mikroblogu czy w artykułach, wklejamy linki do innych podstron serwisu 4programmers.net. Nowa funkcjonalność, jaką wprowadziliśmy dzisiaj, formatuje linki wewnętrzne (czyli te odnoszące się do podstron serwisu 4programmers.net) nadając im odpowiedni tekst (tytuł wątku czy też artykułu). Innymi słowy, jeżeli umieszczę w poście, czy we wpisie na mikroblogu, taki oto link:

http://4programmers.net/Forum/Coyote/152813-linki_wewnetrzne_-_formatowanie

to zostanie on sformatowany do takiej postaci:

http://4programmers.net/Forum/Coyote/152813-linkiwewnetrzne-_formatowanie

Oczywiście, nic nie stoi na przeszkodzie, aby nadać własny tytuł tekstu, korzystając ze znaczników <a>. Np.:

<a href="http://4programmers.net/Forum/Coyote/152813-linki_wewnetrzne_-_formatowanie">kliknij tutaj</a>

efekt:

kliknij tutaj

Nowa wersja modułu Praca

W poprzedniej, początkowej wersji modułu Pracy, szukanie ofert polegało na filtrowaniu ofert pracy. Teraz dodaliśmy wyszukiwarkę oraz zmieniliśmy stronę główną. Jeżeli więc szukamy ofert pracy z danej technologii, to filtrowane są nie tylko te oferty, które miały przypisane właściwy tag. Teraz wyszukiwarka przeszukuje oferty zawierający dane słowo kluczowe, w różnych miejscach, m.in. tytuł oferty, tag, treść, wymagania, miasto czy nazwa firmy.

Dodany został zatem mechanizm wyszukiwania, który pozycjonuje oferty na liście według różnych kryteriów, taki jak:

  • miejsce wystąpienia słowa kluczowego (obecność w tagach i w tytule ma większe znaczenie niż obecność w opisie)
  • częstotliwość wystąpienia słowa kluczowego
  • "jakość ogłoszenia" (ogłoszenia na medal są pozycjonowane wyżej)
  • data umieszczenia ogłoszenia (te nowsze pozycjonowane są wyżej)
  • geolokalizacja (prawdopodobnie bardziej będą interesowały Cię oferty bliżej Twojego miejsca zamieszkania)

Jak wspomniałem - zmieniła się strona główna. Centralnym miejscem jest wyszukiwarka wraz z wyszczególnionymi najpopularniejszymi technologiami, czy też firmami oraz miastami. Poniżej znajduje się natomiast lista ogłoszeń, posortowana według daty publikacji.

Dodana została również lista obserwowanych ofert oraz tych, które dodałeś.

Zmiany na forum

Kilka dodatkowych funkcjonalności przybyło dzisiaj na forum więc wypadałoby napisać kilka zdań o tym, po co zostały wprowadzone, jaki był ich cel oraz co jeszcze możemy dodać na forum, aby usprawnić jego działanie? Oczywiście jak zwykle feedback będzie mile widziany :-)

Zmiana sposobu filtrowania

We wrześniu ubiegłego roku wdrożony został nowy layout (Nowa wersja serwisu 4programmers.net). Wraz z nowym layoutem zmienił się sposób włączania/wyłączania trybu przeglądania forum. Istnieje bowiem możliwość przeglądania forum, w sposób tradycyjny (w formie kategorii) oraz w formie listy, czyli innymi słowy - widok wszystkich wątków ze wszystkich kategorii. Niestety ta opcja nie była zbyt dobrze uwidoczniona stąd wielu użytkowników miało problemy z jej znalezieniem. Jednocześnie zauważyliśmy, że opcja przeglądania forum w widoku listy (czyli wszystkich wątków) jest przez Was pożądana stąd zmieniony został sposób filtrowania wątków/zmiany sposobu wyświetlania forum:

2014-03-03_195315.png

Nowością jest to, że możemy przeglądać wątki przez nas obserwowane oraz te, które mogą nas zainteresować.

Interesujące wątki

Opcja wyświetlania wątków interesujących polega na prezentowaniu tylko tych wątków, które zawierają tagi przez nas określone. Listę tagów możemy zdefiniować w pasku bocznym:

2014-03-03_195728.png

Boczny pasek narzędziowy

To chyba najbardziej istotna a zarazem ryzykowna zmiana ;-) Wkrótce planowana jest rozbudowa funkcjonalności forum. Między innymi dodana zostanie opcja umożliwiająca ustawienie poziomu zaawansowania wątku (wprowadzenie tej opcji od dawna było rozważane na łamach forum). I tutaj pojawił się problem: gdzie można umieścić te dodatkowe elementy? Pomysłem było dodanie bocznego paska narzędziowego, gdzie w zależności od widoku, znajdują się dodatkowe opcje. Np. na stronie głównej forum wygląda to tak:

2014-03-03_200750.png

Zdając sobie sprawę z tego, że nie każdy ma w domu monitor FullHD, a komuś ta opcja może przeszkadzać, istnieje możliwość schowania tego paska:

2014-03-03_200920.png

Dodatkowo, przy szerokości ekranu mniejszej niż 1024 px (dotyczy to jakiś 3% użytkowników komputerów stacjonarnych oraz użytkowników korzystających z tabletów/telefonów) pasek boczny jest automatycznie chowany. Możliwe jest jednak wyświetlenie jego zawartości (np. gdy korzystamy z telefonu):

2014-03-03_201126.png

Strony pokrewne

Jakiś czas temu wprowadziliśmy taką opcję w artykułach (zobacz: Strony podobne oraz powiązane). Jak wynika z naszych obserwacji opcja ta jest wykorzystywana przez użytkowników. Czemu więc nie spróbować tego na forum? Strony pokrewne zawierają listę wątków czy artykułów, które mogą być powiązane z przeglądanym własnie wątkiem. Podczas analizy brana jest pod uwagę treść postów, tagi oraz tytuł danego wątku. Miejmy nadzieje, że lista ta pozwoli na lepszą nawigację w serwisie oraz ułatwi znalezienie podobnych tematów.

Personalizacja forum

Opcja ta pojawiła się już jakiś czas temu (Personalizacja strony głównej forum). Zwracaliście jednak uwagę, że jeżeli ukryliśmy już jakieś kategorie (np. nie interesuje nas dział Flame) to dobrze by było, gdyby wątki z tych ukrytych kategorii nie były również widoczne w widoku listy. Zostało to dzisiaj wdrożone.

Możliwość obserwowania wątków z widoku listy

2014-03-03_201956.png

Klikając na gwiazdkę możemy włączyć/wyłączyć obserwowanie danego wątku. Od razu widzimy również które z wątków na liście są przez nas obserwowane.

Lepsza responsywność oraz wydajność

4% ruchu w serwisie generowane jest przez użytkowników telefonów komórkowych. Jednak do tej pory wygląd forum na telefonach pozostawiał wiele do życzenia. Wygląd forum pod komórki/tablety został ulepszony. Zdajemy sobie jednak sprawę z tego, że na tym etapie jest jeszcze pole do popisu i wiele rzeczy do zrobienia. Jeżeli więc macie pomysł jak można by to usprawnić - piszcie!