NOWY LAYOUT DP - Co dwie głowy-to nie jedna!

Społeczność O portalu
#81

No wreszcie zaczęło się coś dziać. Jednak jestem trochę rozczarowany bo myślałem, że oprócz zmiany silnika aplikacji opartego na ASP pójdą także całkowite zmiany w wyglądzie celem wprowadzenia świeżego powietrza.

Według mnie należy zmienić cały układ bloków, menu jak i na bardziej nowoczesną, lekką z pastelowymi (inaczej delikatnymi) kolorami grafikę, która jest mało opatrzona jak ten obecny. Cienie, gradienty i wszytko co jest do tego podobne mogą być ale raczej miękkie i nie rzucające się w oczy. Stosować duże i atrakcyjne ikony, duży tekst, odbicia i dużo przestrzeni . Menu ma być uproszczone ! . Zamiast rozdrabniać to na drobne jak wideo, demo i systemy można to ująć w jedno np. prezentacje lub tutoriale czy download albo jak jest -> programy zamiast dwóch systemy i programy.

Natomiast efektów 3D w ogóle nie używać albo raczej w nikłej ilości.

Elementy Ajaxu też by się przydały np. jako zakładki z menu Windows, Linux i MAC.

Tutaj przykładowe strony do inspiracji dla grafików próbujących zmienić coś w wyglądzie tego wortalu:

http://www.mediatemple.net/webhosting/nitro/

http://www.templatedeck.com/index.php?o … &Itemid=88

http://www.ndesign-studio.com/demo/wordpress/

http://www.templateworld.com/free_templates.html

http://demo.yootheme.com/aug07/index.ph … e&Itemid=1

http://yootheme.com/

http://www.maxprograms.pl/

Rozkład wg mnie miałby być taki.

Blok newsów przesunąć na lewo a oba bloki z panelami typu najnowsze programy czy top 10 po prawej stronie czyli odwrotność do tego co jest teraz. Do newsów można wykorzystać np. fajne ikonki prezentujące datę w tytule nagłówka jak to ma miejsce tutaj http://www.ndesign-studio.com/demo/wordpress/

Data w formie lekkiej grafiki, duży tytuł newsa, ładne małe ikonki itd

Można tez dodać możliwość zwiększenia czcionki z przyciskami typu A A A podczas czytania newsa ale tylko w tym bloku. Tytuł i menu nie zwiększają czcionek po kliknięciu na A. Można też dodać switcherstyle czyli zmiany stylu w postaci małych kolorowych kwadracików gdzie po jego wybraniu i kliknięciu zmienia się skin wortalu.

Świetnym pomysłem jest tez zastosowanie wysuwanego panelu reklamowego tak jak tutaj http://demo.yootheme.com/ pod przyciskiem Top panel albo niżej pod przyciskami Latest gagdest czy You carousel. możliwości jest więcej a to tylko przykłady.

Zakładki w technologii Ajax jak np tutaj http://www.gazeta.pl/0,0.html. Np. przyciski temat dnia, życie i styl, rozrywka.

Menu nawigacyjne jak juz wspomniałem raczej uproszczone i większe a kształt opływowy. Zamiast ładować do belki dodatkowo porady, wideo, demostracje można nazwać to wszystko w jedną całość np. jako prezentacje a tam będzie demo jak i wideo, instruktaże, porady itd. W ogóle górna część bloku z menu musi sprawiać wrażenie przestrzeni niż ciasnotę.

Możliwości są naprawdę wielkie. Elementy Ajax Tabs czy Lightbox do galerii albo Mediabox Mootools np. http://iaian7.com/webcode/Mediabox do wideo są gotowe i można je tylko wdrożyć.

Tylko pytanie czy będzie się komuś chciało zmienić cały silnik graficzny bo to co pokazaliście to nie są zmiany tylko makijaż. A to co jest teraz może było fajne kilka lat temu ale nie dzisiaj. Warto by to przemyśleć.

#82

Jako, że nie było Cię na zlocie, to powiem, że właśnie o tym była mowa.

Jak wyżej. Pamiętasz może jaki był krzyk przy zmianie poprzedniego wyglądu na obecny? Dlatego też (o czym była mowa na zlocie!) postanowiliśmy nie robić rewolucji jeśli chodzi o wygląd.

#83

Silnik graficzny? Tego nie rozumiem.

Kwestie programistyczne a grafika to dwie różne historie… Tak zgadzam się, to jest makijaż, nikt tego nie ukrywa ani nie próbuje zatuszować. Tak właśnie miało być. Zmiany są ale w tym mitycznym “silniku” a nie w “silniku graficznym” cokolwiek to znaczy.

#84

Lisek

To jest normalne, że internauci będą krzyczeć. Zawsze się tak dzieje jak są wprowadzane jakiekolwiek poważne zmiany czy to w internecie czy w zakładzie pracy. Protesty i marudzenia zawsze będą. To jest związane z przyzwyczajeniami i nawykami. Jednak zbyt długo już lat upłynęło aby można myśleć tylko o drobnych zmianach. Takie drobne kroczki robi się np. co miesiąc lub co kwartał ale po jakiejś premierze celem poprawy czy dostosowania do internautów i to tylko przez jakiś czas. A teraz czas na poważne zmiany.

Myślę, że jak będzie fajny design to tez wcześniej czy później czytelnicy zaakceptują. Możliwości wykorzystania CSS i troszkę javascriptu są naprawdę elastyczne i większe niż miało to miejsce wcześniej. O tym przecież wiecie.

Nie wiem na jakiej zasadzie współdziałacie ale można podzielić grafików na dwie grupy. Jedna zajmuje sie modyfikacją tego co jest a druga sekcja nad całkowitą zmianą designu na inną bardziej trendową i nowoczesną. Te zmiany nie są tylko dla redakcji ale i dla tych co tutaj zaglądają.

Warto to przemyśleć. Dostosowanie nowej grafiki do innego układu bloków nie jest czasochłonne jak jest to w przypadku programowania. Ale pozostawiam to już redakcji. Ja bym proponował niezależnie od tego co pokazaliście zacząć myśleć nad innym kształtem układu i grafiki.

Pozdrawiam

EDIT

Silnik graficzny ? Pomyliłem z grami a miało być projekt graficzny strony :smiley:

#85

Zupełnie zbyteczne, uczestnictwo w zlocie wcale nie musi predystynować do jakiejkolwiek rangi, choćby ze względu na to że niektóre osoby zarejestrowały się na forum tylko po to zeby móc uczestniczyć w zlocie, a nic pożytecznego dla forum, ani dla vortalu nie zrobiły, a jakąś tam rangę mają, wprost przeciwnie do osób które aktywnie uczestniczą w życiu forum i vortalu, a w zlocie nie mogły uczestniczyć z różnych powodów i żadnej rangi nie mają. Zresztą była umowa że nie będzie żadnych rang, a Ty w ten sposób ją złamałeś :stuck_out_tongue:

#86

Na jakiś czas taka ranga “Uczestnik I Zlotu” może być aby się nacieszyć ale później można to usunąć :smiley: . Zbyteczne tak jak napisał fiesta.

Lepiej zrobić sobie osobną wortalową fotogalerię z prawdziwego zdarzenia ze zlotu i tam przedstawić uczestników zlotu nickami.

#87

Jeśli chodzi o dopisek (bo jednak rangą bym tego nie nazywał) to ani mnie on ziębi ani parzy. Zwyczajnie odbieram go jaki miłe przypomnienie samego zlotu i ludzi, którzy brali w nim udział i z którymi można było osobiście się poznać i porozmawiać w bardzo miłej atmosferze.

Natomiast ten pomysł:

akurat wydaje mi się zbędny. Właśnie zlot był okazją do “ujawnienia” swoich twarzy i poznania sie “na żywo”. Kto nie był niech żałuje a kto był i tak pamięta :wink:

#88

sdar

No nie żartuj :smiley: . To miłe wspomnienia i warto się nimi podzielić z innymi bywalcami. Taka pamiątka jest warta grzechu aby ją przedstawić w formie fotogalerii z nickami. Nie ma się co wstydzić. No ale to nie wymóg.

#89

Pozwolę sobie wtrącić, że odbiegacie nieco od tematu i cały trud Swietłany zaraz pójdzie na marne, bo bedzie musiała przedzierać się przez OT-y.

#90

I got owned. :smiley:

Robinhio : Boże broń! Przykładowe layouty które podałeś to w większości albo wielka cepelia albo obecny trend, który za kilka miesięcy będzie już passe. Konkretniej:

http://www.mediatemple.net/webhosting/nitro/ - bardzo wysoki kontrast (biały bold na czarnym) który męczy wzrok. Nie nadaje się dla strony, która stawia na treść, jedynie jako taka wizytówka jak przytoczony sajt. Elementy designu, które tam widnieją (narożniki, ikony, gradienty) w nowym-starym layoucie się przecież pojawiają.

http://www.templatedeck.com/index.php?o … &Itemid=88

IMO chwilowa moda. Refleksy przyniosło nam Apple, ale ileż można? Teraz jak nawet Word potrafi je generować ludzie szybko zabiją ten niegdyś innowacyjny element designu.

http://www.ndesign-studio.com/demo/wordpress/

Boże broń! Marna podróba Mac OSa?

http://www.templateworld.com/free_templates.html

Nieco zbyt kanciaste, bardzo mocno kojarzy się z gotowymi rozwiązaniami "portalowymi (phpNuke, Joomla i inne). IMO to duży minus, bo sprawia, że strona wygląda (pardon my french) bardzo generycznie. Jedyny ciekawy efekt z tej strony to grube ramki. Wróciły do mody i pozostaną na dłużej.

http://demo.yootheme.com/aug07/index.ph … e&Itemid=1

Już prędzej. :slight_smile: Nie podoba mi się napchanie kolorów, ale pomińmy tę część. Ponownie jednak nie widze niczego, czego nie ma ją nowe DP: są zaokrąglone rogi, cienie… Może brak całkiem zmyślnych warstw nałożonych na inne (jak np. odznaka w prawym górnym rogu), ale czy to konieczne?

http://yootheme.com/

Lubię taki styl, ale jeszcze nie widziałem strony portalowej w takiej oprawie, która byłaby użyteczna. Ponownie nieco już zgwałcone refleksy i tani trick z wydłużaniem strony przez dodanie nienaturalnie wielkich nagłówków. DP nie muszą tego robić. :wink:

http://www.maxprograms.pl/

Cepelia, przepych, ZÓO!

To co wyróżnia obecnie DP to dwie rzeczy: spójna kolorystyka i dwie kolumny z lewej strony. Można się sprzeczać czy to najlepsze w świecie rozwiązanie, ale nie ulega wątpliwości, że nie jest to kolejny layout z dwoma wąskimi kolumnami po obu stronach albo tylko z jedną (przeważnie: po lewej). Co więcej jak do tej pory sprawdza się to naprawdę dobrze i nie widzę powodu zmieniania przyzwyczajeń niewerbalnych użytkowników DP, którzy zagłosują przeciw większym zmianom przestając portal odwiedzać.

Rozumiem co przyświecało przy jedynie lekko odnowionym layoucie DP - konsekwentny układ. Na jednego aktywnego użytkownika przypada 100 pasywnych, którzy (jak pokazuje praktyka) nie chcą zmian. To dla nich layout nie zmienia się drastycznie. To oni klikają w reklamy. DP to nie jest projekt amatorski, musi być przede wszystkim konsekwentny w tym co i jak prezentuje i łatwy w obsłudze. Eksperymenty, które proponujesz, nie wyszłyby IMO DP na zdrowie.

Złączono Posta : 28.09.2007 (Pią) 2:36

Więcej szczegółów.

Ostatnio Ars Technica zmieniła layout. Jest to ficzer który wyrzucono, bo analiza wykazała, że poniżej 1% odwiedzających używało tej funkcjonalności. Podobnie alternatywnej skórki. Ludzie używają tego, do czego przywykli. Podobne wnioski wyciągnęli panowie od Opery przy ostatnich badaniach (z wyjątkiem status bara, który jest jedyną “opcją” używaną przez ponad 50% użytkowników).

Redakcja DP dawno temu zadecydowała, że strona ma się jak najmniej animować. Flash to zło. JavaScript jest zbyt wolny, by karac nim wszystkich ludzi (szczególnie tych anonimowych odwiedzających, którzy mają słabsze kompy).

Zgoda jest ciasno, ale ponownie - dynamiczny content to zło, którego wiele osób nie lubi. To dlatego przeorganizowano niedawno xbox.com. Przeciętny użytkownik nie wie jak korzystać z takich funkcji. Jest zniechęcony i rezygnuje z odwiedzin.

Duża część nie będzie. Przestanie DP odwiedzać. Przy obecnej oglądalności to zbyt pokaźna grupa.

Złączono Posta : 28.09.2007 (Pią) 2:39

I jeszcze jedno zdanie: dlaczego uważam, że pewnych rzeczy wcale być nie powinno? Bo dodatkowe funkcje wymagają testów. AAA to ficzer, który potroi czas testowania. Jeśli użyje go tylko 5% osób - szkoda zachodu.

#91

uhum…

Złączono Posta : 28.09.2007 (Pią) 11:06

Już się zbierałam do odpowiedzi na te wszystkie linki. Aż tu proszę- Ryan mnie wyręczył :). Dodam tylko parę słów a’propos pomysłu by jedna z belek przenieść do prawej. O ile wiemy, treść newsów rozciągając się dopasowuje do rozdzielczości monitora. Ależ się namachają myszką ci, którzy mają tak jak ja 21 cali :wink:

#92

Ryan

Nie do końca mnie zrozumiałeś co chciałem przedstawić podając przykładowe linki do stron. Nie chodziło mi o całość layoutu itd. tylko raczej o pewną stylistykę. Stylistyka typowa dla Web 2.0 i niekoniecznie to ma być tak jak w podanych przeze mnie linkach. Można niektóre wrażenia estetyczne zapożyczyć lub zrobić to po swojemu.

Co do templateworld.com czy templatedeck.com to tam są strony z przykładowymi graficznymi motywami i tylko o to mi chodziło a nie o ocenę tej strony. Można się sprzeczać czy ktoś lubi taki styl czy nie ale pewne sprawdzone elementy czy wzorce można zastosować.

Kilka miesięcy ? Coś długo to trwa bo ten trend rozwija się już od dłuższego czasu i jakoś nie znika a raczej ewoluuje.

Bo Ars Technica nie rozumie co to jest dostępność dla ludzi z pewnymi dysfunkcjami czy mających inny sprzęt czy oprogramowanie. Ta funkcja to nie jest bajer a także nie jest to wielka liczba ludzi tylko ułamek. To jest tak jak w przypadku usuwania barier architektonicznych, w której nie ma żadnych użytkowników drugiej kategorii. Może taki przycisk AAA nie jest aż taki ważny ale może być wygodny i pomocny. No ale to tylko propozycja.

No i po co stosujecie te zaokrąglone boki, rss czy ajax tab skoro to chwilowy trend ? . Jednak w jakimś sensie łamiecie schematy i korzystacie z nowych rozwiązań. Ja wiem, że nazwa Web 2.0 to tylko nazwa ale jednak jest to pewien etap nowej generacji stron www. Zawsze można powrócić do kanciastych, ascetycznych i topornych motywów :smiley:

#93

Przejrzałam to co podsyłałeś na forum i wydaje mi się, że te strony nie są zorientowane na treść tylko na efekt. Zapominasz też o tym, ze vortal ma kilka skórek. Nawet jeżeli wdrożymy te duże ikonki rodem z Panelu Sterowania w Viscie…czy będą równie dobrze wyglądać w każdej odsłonie?

A do tego wszystkiego…czy Dobreprogramy naprawdę nie mogą mieć “swój styl”? Nietypowy indywidualny układ-to pierwsze co rzuciło mi sie w oczy kiedy po raz pierwszy trafiłam na DP w poszukiwaniu bodajże V-Playera…:).

To co miało się zdarzyć, to właśnie - kosmetyka, poddziały MS, Linux, Mac OS oraz kilka nowych przycisków (to zmiany od strony wizualnej). Jeżeli dodamy te wszystkie ikonki- trzeba będzie zmienić odległości, proporcje, możliwe, że nawet fonty…strona zrobi się pstrokata i wydłuży się, na początku będzie “WOW” a później (obawiam się) to zacznie męczyć.

Złączono Posta : 28.09.2007 (Pią) 15:54

To akurat jest cechą bardzo poszukiwaną :wink:

#94

Uważam, że wprowadzanie bajerów jest błędne i zbędne. Jak ktoś lubi jarmark, to takich w sieci jest sporo.

Sajt ma być prosty, czytelny, schludny, szybki, nasz. Tak jak jest, jest w porządku i tego bym w ogóle nie zmieniał.

Żadnych przycisków z visty, żadnych wirujących bąków i wodotrysków :!:

#95

hahah co się uśmiałem.

Ale popieram Cię w 100%, żadnych wirujących bąków oczopląsów itp.

A mam pytanie, czy w miarę wprowadzania coraz to nowszych zmian screen projektu strony będzie aktualizowany??

#96

A gdzie pisałem o przyciskach i ikonach rodem z Visty czy o wodotryskach ? Chyba nie rozumiecie tego co piszę. To sugestia Swietik a nie moja :smiley:

#97

http://www.mediatemple.net/webhosting/nitro/

no i proszę zajrzeć do Panelu sterowania

Czy nadal nie widzi Pan podobieństwa i nie wyczuwa w tym " stylu Visty"?

#98

jeśli by się znalazły takie przyciski userzy znów knuli by różne teorie spiskowe że MS wam płaci grube $$$ za reklamę :hahaha:

#99

Jestem za tym aby zmiany były tylko kosmetyczne a nie rewolucyjne.

Moja małą propozycja jest taka aby na reklamach np. w prawym dolnym rogu była mała strzałka dzięki której mozna przeskoczyć na kolejna reklamę aby coś zobaczyć lub przeczytać.

#100

Dokładnie to skomentowałem. Elementy mniej lub bardziej nowoczesne, które widoczne są na wymienionych przez Ciebie stronach są w znacznej mierze częścią planowanego layoutu.

Kto jak kto ale Ars to rozumie - mieli tą funkcję od baaardzo dawna. W dobie przeglądarek z user CSS ten ficzer jest przestarzały. Poza tym jeśli oprzesz go na JS (dynamiczne ładowanie arkuszy) przeczy to idei dostępności. Więcej w materii dostępności nowy DP zyska na prawdziwym oddzieleniu formy od treści. A to kiedy ostatni raz widziałem layout było jego “częścią”.

RSS i AJAX is here to stay. Zaokrąglone rogi - cóż, nie ja tworzyłem layout, nie do mnie pytanie. :wink: