18 września 2006

Wykop.pl, odsłona trzecia

Wczoraj wieczorem, po kilku godzinach przerwy technicznej, został odpalony nowy Wykop! Obejrzałem zaślepkę i zajęty zwykłymi sprawami zapomniałem - dopiero dzisiaj miałem okazję przetestować funkcjonalność serwisu i obejrzeć szatę graficzną. Ogólne wrażenie Wykop 3.0 wywarł na mnie pozytywne, ale chciałem podzielić się szerszym spojrzeniem na pewne kwestie.

Będę musiał poprawić swoje skrypty pod nową wersję serwisu! :D

Design

Design Wykopu 3.0

Design wydaje się mi troszkę za mocny, przerysowany. Stalowoszary top + footer i przejrzysty sidebar są całkiem okej, ale część główna bije po oczach pomarańczowym. Uważam, że podkreślenie linków powinno zostać wykonane przez border-bottom a nie text-decoration - drugi sposób zmniejsza czytelność linka, co właśnie teraz ma miejsce. Ten aspekt strony można jednak zmienić - co zamierzam zrobić.

Kod

Uczynię to z powodu bardzo dobrej jakości HTML-a. Znajdzie się parę onclicków, ale reszta jest nienaganna, nie potrafię odnaleźć prezentacyjnych znaczników i zawartości niezwiązanej z strukturą.

Brawa należą się Piotrkowi za CSS, który działa pod najpopularniejszym przeglądarkowym trio - Firefox + Opera + IE6 (z tym ostatnim trochę pomogłem, a co! :P). Internet Explorer w wersji 7 ma trochę problemów, ale nie wpływają one drastycznie na wyświetlanie. Poza tym można je poprawić pisząc kolejny arkusz stylów, tym razem dla IE7.

Logo

Nowe logo Wykopu

Wracając jeszcze do wyglądu - logo jest złe. Domyślam jak zuchwałe jest to stwierdzenie w ustach twórcy poprzedniego logo - nieudanego projektu, który po prostu wygrał jakiś tam contest z powodu braku innych zgłoszeń. Nie mówiąc o tragicznym spadku jakości po pomniejszeniu, o czym nie pomyślałem. Tak czy inaczej nowe logo jest… nijakie. Wiem, że nie liczy się spędzony czas tylko pomysł - ale tutaj nie widać żadnego z nich. Nowe logo nie ma też przebicia marketingowego - połóżmy je obok innych Web2.0 start-ups i stanie się przezroczyste. W ogóle też nie mówi nic o specyfice serwisu.

Zakopywanie

Ulepszona opcja zakopywania - raportowanie

Wykop doczekał się wreszcie normalnego zarządzania linkami. Skończą się wojny wykopowych grupek zakopujących sobie link przez proste naciśnięcie strzałki w dół. Teraz opcja zakopywania została podkreślona w FAQ:

Jeżeli znalezisko jest już na wykopie, link nie działa, prowadzi do treści wulgarnych, nielegalnych, lub jest zwykłym spamem, wtedy można o tym powiadomić innych użytkowników zakopując link i podając stosowne uzasadnienie.

Także po kliknięciu na link Zakop na stronie komentarzy linka należy wpisać raport - czemu chcemy aby link został zakopany. Raportowanie także posiada ciekawy ficzer związany z dostępnością linka na głównej. Cytując autora Wykopu:

Napisanie raportu powoduje podniesienie liczby głosów wymaganej do dostania się na stronę główną. Przykładowo: nowo dodany link potrzebuje obecnie 15 głosów. Każdy raport dorzuca 2 głosy, czyli jeśli link ma 1 raport, potrzebował będzie 17 głosów, żeby dostać się na główną.

Wykop jest chyba pierwszym serwisem w którym podobają mi się reklamy - umieszczone łagodnie z lewej strony komentarzy z takim samym designem. Teraz niech ktoś mi powie proszę jak w AdBlock Plus wywalić wycinanie AdSense na wykop.pl (@@wykop.pl nie działa). :]

Propozycje

1. Flaga wyświetlana po nie wybraniu języka hiperłącza pokazująca X na początku wydawała mi się opcją zakopywania albo usunięcia linka z głównej. Dałbym tam znak zapytania.

2. Wywołanie funkcji onload jest za wolne. W jQuery dostępna jest ciekawa metoda ready(), pozwalająca odpalić kod jeśli element jest dostępny w drzewie DOM. Bo teraz trzeba czekać trochę na schowanie się panelu logowania. ;-)

Chmura tagów

3. Chmura tagów na dole jest kompletnie bezużyteczna. Posortowanie linków wg wielkości od największego do najmniejszego jest strzałem w stopę. Ich kolor także zgrabnie pieści oczy.

4. Dodałbym jakąś animowaną ikonkę zamiast numerka podczas wykopywania linku - czas potrzebny na przetworzenie danych jest zbyt długi i wydaje mi się, że numerek zniknął i się już nie pojawi.

5. Pikselfont użyty koło ikonek RSS jest nieczytelny. Zmieniłbym go na wersję kapitalizowaną - kroeger 05_55 jest dobry i ma polskie znaki. Zawsze można też skorzystać z estetycznego Small Fonts 7px - będzie się dało skalować.

6. Skryptozakładka dostępna w FAQ powinna zostać potraktowana CSS-em, jak to zostało zrobione na Del.icio.us. ;-P

7. Tytuł „Wykop - tylko ciekawe linki” musi wrócić!!!11jeden

Podsumowanie

Co jeszcze mogę rzec - chyba to, że Wykop dostał dużo Diggowych opcji, jak Obserwatorium (coś jak Digg Spy), zakopywanie, kategorie tematyczne oraz bliźniaczy wygląd wielu miejsc serwisu. Lecz tak naprawdę nie obchodzi mnie to wcale. Na Wykop zaglądam po dobre linki - a w tym serwis spełnia swoją rolę stuprocentowo. Jeśli potrzeba już czerpać skądś natchnienie, to lepiej z bardzo dobrego i użytecznego serwisu jakim jest Digg niż portalówek w stylu Gwaru.

Kończąc - jeśli sprzedanie Wykopu, oprócz pieniędzy dla autora, przyniesie wiele pozytywnych zmian - takich jak te dodane wczoraj - to jestem gotów odwołać swoje narzekanie. Trzymam kciuki, bo Wykop.pl wygląda mi na najlepiej prowadzony polski serwis Web2.0.

Permalink, Trackback

  1. 18 września 2006, 12:26:03 another »

    To było coś, a'la "Wykop Riddle'a", ale w przypadku niektórych argumentów - mogę się z tobą zgodzić. Przy reszcie się niepotrzebnie czepiasz :P

  2. 18 września 2006, 12:29:01 Riddle »

    Jest różnica między subiektywnymi ocenami i propozycjami na prywatnym blogu a otwartym listem z żądaniami, meen. ;-)

  3. 18 września 2006, 12:30:38 jam łasica »

    Podoba mi się nowy layout :) W końcu wygodny przycisk do wykopywania! Hmm.. Tylko login nie jest jakoś zapamiętywany..

  4. 18 września 2006, 12:39:00 Łukasz Więcek »

    @Roddle - z jednym się nie zgodzę ;) Ten cały pomarańcz nie jest aż taki zły. Ba! Powiem nawet więcej - ten pomarańcz jest o wiele łagodniejszy i przyjemniejszy dla oka, niż ta zieleń na Twoim blogu :)

    A co do całej reszty - zgadzam się w 100% :)

  5. 18 września 2006, 12:44:13 another »

    [Łukasz Więcek]: „ten pomarańcz jest o wiele łagodniejszy i przyjemniejszy dla oka, niż ta zieleń na Twoim blogu :) ”

    OO!! Z tym się zgodzę na pewno ;)

  6. 18 września 2006, 12:45:42 Riddle »

    No ok, bardzo fajnie, ale prosiłbym panów o skończenie offtopiku :>

  7. 18 września 2006, 12:50:09 Wilk »

    Z tym dobrym designem bez przesady...

  8. 18 września 2006, 15:18:57 Seban »

    Bez chwili wahania zgodzę się z tym, że nowe logo jest nijakie.

  9. 18 września 2006, 15:37:28 wizard3k »

    Mi jedynie nie pasuje ten efekt przy Wykopywaniu. Trwa to zdecydowanie za długo, a wcale tak niesamowicie nie wygląda ;)

  10. 18 września 2006, 16:16:08 modrzew »

    Co do loga... osobiście mnie wkurza ta "web-dwuzerowata cukierkowatość", odbicia, błyski, delikatne gradienty które jeszcze tę cukierkowatość podbijają. IMHO to logo które jest teraz jest o niebo lepsze od tego "odrzuconego".

    A zresztą... cóż, trza się przyzwyczajać.

  11. 18 września 2006, 17:19:46 RaVbaker »

    @modrzew: "A z resztą... cóż, trza się przyzwyczajać."

    Amen.

  12. 18 września 2006, 17:20:34 Riddle »

    Albo zacząć się bawić UserCSS/JS. ;-)
    Modrzew: Jedna sprawa - nie mówię, że nowe logo jest gorsze od starego. Mówię, że jest złe. Czytaj: powinno być lepsze.

  13. 18 września 2006, 17:45:35 Damian Milczarek »

    Ładny ten nowy Wykop, lay zdecydowanie ładniejszy niż w starszej wersji. Zastanawiam się tylko, czy nowe logo nie było prezentowane kiedyś na którymś z blogów? Kurcze, na pewno gdzieś te logo widziałem. Cholernie znajome.

  14. 18 września 2006, 17:47:31 RaVbaker »

    Bo było kiedyś na wykopie( http://www.wykop.pl/link/4753/nowy-design-wykopu-z-logo.html ) jako link: http://www.freshpeople.co.uk/work_fp/wykop.jpg . Przeciek nowego layu był i może stąd pamiętasz. ;-)

  15. 18 września 2006, 18:12:09 vasip »

    "Teraz niech ktoś mi powie proszę jak w AdBlock Plus wywalić wycinanie AdSense na wykop.pl (@@wykop.pl nie działa). :]"

    Mówie:
    @@|http://www.wykop.pl/

    Zjadłeś jeden znak :)

  16. 18 września 2006, 19:34:43 rzepak »

    nowe logo jest co najmniej 100x razy lepsze od poprzedniego, bo poprzednie chociaz moze bliższe nazwie serwisu to wykonaniem było na niskim poziomie.. aktualny design jest poprostu wykopany, i sone odwalił kawał dobrej roboty. A riddle sie jak zwykle czepia (:

  17. 18 września 2006, 19:53:10 modrzew »

    [Riddle]: „Albo zacząć się bawić UserCSS/JS. ;-) ”

    Większa częśc społeczeństwa nie zna się na CSS/JS. A jak nawet ktoś się jakotako zna (np. ja), to najzwyczajniej w świecie nie chce mu się pisać własnych hacków ;]

  18. 18 września 2006, 22:15:24 hazan »

    Zgadzam się z recenzją Riddle, serwis wygląda teraz inaczej i chyba ciekawiej. logo faktycznie nijakie.

    Ja osobiście bardziej zadowolony jestem z nowych funkcjonalności i przede wszystkim z tego że nie ma chorej opcji zakop a są za to raporty.

    Zmiany na lepsze przez duże "L".

  19. 18 września 2006, 23:56:59 Bigismall »

    Design - ciekawy. Trochę denerwuje mnie przechodzenie do spisu ulubionych linków - po kliknięciu tej opcji na którymś z prezentowanych na stronie głównej. Co do nowego Logo ... zupełny brak pomysłu, mam nadzieję, że się zmieni. Moze nowy własciciel rozpisze jakiś konkurs - w końcu mamy epokę WEB2.0.

  20. 19 września 2006, 11:03:43 sanity-kills »

    screenshoty są dezorientujące - jak się przewinie trochę ekran to niewiadomo czy to już komentarze, czy screenshot, czy coś innego - generalnie nie rozumiem czemu odszedłeś Riddle od idei miniaturek ?? (jakbym chciał to bym sobie kliknął ;), a tak artykuł przeglądnąłem tylko bo się nie da czytać :])

    do wykopu:
    u mnie na Operze9.01 strona ładuje się 15 sekund do wyświetlenia czegokolwiek (śr prędkość 16KB/s)
    design mi się podoba :), ta chmura tagów na samym dole - faktycznie całkowicie nieużyteczna (za nisko).

    Logo może być, proste.

    Pozdrawiam

  21. 19 września 2006, 21:44:52 splatch »

    Sposób na reklamy? Ad filters - dodatek, który co jakiś czas synchronizuje filtry z bazą dostępną w sieci. Od dłuższego czasu nie napadły mnie reklamy. Powoli zapominam jak wygląda ad sense. :)

  22. 19 września 2006, 23:17:47 Pan Szparka »

    Dla mnie to obojętne, bo i tak rzadko tam zaglądam, ale w końcu nie trzeba szukać odniśnika do informacji. Poprzednia wersja była zdecydowanie mniej czytelna.

  23. 21 września 2006, 00:45:10 Tyhagara »

    Riddle napisał:
    "Uczynię to z powodu bardzo dobrej jakości HTML-a. Znajdzie się parę onclicków, ale reszta jest nienaganna, nie potrafię odnaleźć prezentacyjnych znaczników i zawartości niezwiązanej z strukturą."

    W takim razie mamy inne pojęcie "nienagannego kodu". Oczywiście serwis jest napisany dobrze itd, ale jeśli mamy być restrykcyjni i poszukamy, to znajdziemy.

    Tak na szybko - brakuje elementu Legend w Fielsetach.
    Dokument jest serwowany tylko jako HTML.
    Brakuje deklaracji XML przed Doctype.
    Inputy nie mają Labelów.
    Blok tekstu z 'najpopularniejszymi tagami' to zupa, czyli odnośniki jeden za drugim, nawet bez znaku oddzielającego.
    Obrazek RSS, który jest linkiem, w miejscu Alta nic nie ma, domyśl się czym jest ten link.
    A co robi klasa "caps"? Chyba nic, więc po co zaśmieca kod?
    Już nie wnikam, czy ten serwis jest usability i accessability, bo na pierwszy rzut oka widze że nie jest.
    A cha, serwis jest zoptymalizowany pod rozdzielczość 1024x768, z tym Layoutem (dwie kolumny i spore marginesy po obu stronach) spokojnie powinien być dostępny pod 800x600, a tak mamy pasek przewijania. To samo ze skalowaniem czcionek na stronie, jest sporo miejsca a mimo to skaluje sie brzydko, chodzi o menu górne i prawe.

    Nie zaglądam w CSS i skrypty.
    Do nienaganności jeszcze troszeczkę brakuje, ale i tak jest dobrze.

  24. 21 września 2006, 01:29:39 Blog o Internecie »

    "Wykop.pl wygląda mi na najlepiej prowadzony polski serwis Web2.0"

    w sensie zmian graficznych i funkcjonalnych?

    IMHO, liczą się też inne kwestie
    więcej o tym http://blog.infoguru.pl/?id=170&src=www

  25. 24 września 2006, 13:17:20 Pawel 'SiD' Majczyk »

    Tyhagara, po części się zgodze ale:

    "Brakuje deklaracji XML przed Doctype."
    O ile dobrze pamiętam to nie jest to obligatoryjne, a ze względu na to, że wprawia najpopularniejszą przeglądarkę w quirks mode jest wręcz niepożądany o ile serwujemy w UTF-8/16.

    "Nie zaglądam w CSS i skrypty."
    Jak w takim razie znalazłeś(aś), rzekomo nieużywaną, klasę "caps"? :)

    Ogółnie nie jest źle, lecz boli to co Riddle słusznie raczył zauważyć - logo. Totalnie bez charakteru, pomysłu i kształtu. Już nieskromnie powiem, że moja 5-minutowa realizacja (http://sid.nd.e-wro.pl/logo_alternatywa.svg) byłaby lepsza. Szkoda, bo po ukazaniu się drafta autor pisał, że pracuje nad tym , a ostatecznie nic sie nie zmieniło.

  26. 26 września 2006, 12:54:09 Tyhagara »

    Ja i wiele innych osób stosujemy deklaracje XML, więc to chyba nie jest jakiś duży problem.

    Co do zaglądania w kod, to zdziwiło mnie na co taka klasa, więc użyłem wyszukiwania w plikach CSS i JS i nic nie znalazłem. To była chwilka.

    Zgodzę się, że logo jest nijakie.

    Jeszcze jedna sprawa, ikony w menu, daty dodania linków, tagi u dołu strony i kilka innych elementów, ma zbyt mały kontrast.
    Może to kwestia gustu, ale mnie denerwuje taki styl WEB 2.0 który polega na tym, że niektóre elementy są ledwo zauważalne, wyblakłe, pastelowe - nazywajcie to jak chcecie.

    Jeśli jest to strona informacyjna, a za taką uważam "Wykop", to moim zdaniem nie jest to już tylko kwestia gustu, ale użyteczności i dostępności.

  27. 06 października 2006, 11:17:30 D4rky »

    moze to kwestia selektywnego daltonizmu, ale wydaje mi sie, ze ten pomaranczowy na wykopie bardziej wypala mi oczy niz ta zielen tutaj. na tym joggu ta zielen jest soczysta, i dobrze komponuje sie z biela, na wykopie jest tego za duzo, i po prostu nie pasuje :>

  28. 07 października 2006, 09:28:52 EofD »

    Błąd (</a></a> x2):
    (...)
    <li class="submenu_container"><a href="/kategoria/technologia">Technologia</a>
    <ul>
    <li><a href="/kategoria/internet">Internet</a></a></li>
    <li><a href="/kategoria/design">Design</a></a></li>
    (...)
    </ul>
    </li>
    (...)
    Ale ogólnie "ładnie".

  29. 20 października 2006, 23:17:25 JLo »

    Sorry, że lekki OT - ale może mi ktoś wytłumaczyć czeu wykop non stop nie działa? Toż już darmowe serwery lepiej działają niż to coś na czym się rzeczony serwer hostuje.

Antyspam

Do formatowania komentarza (zwłaszcza linków) używaj Markdown. W razie wątpliwości użyj podglądu.

Komentarze mogą zostać ukryte (zmoderowane) jeśli mijają się z tematem wpisu. Poprawiane są też niepodlinkowane hiperłącza i większe cytaty.

Pamiętaj – ludzie patrzą.