[Layout] Proba WEB 2.0, http://www.podooch.com/ Opcje

[thornag]

Witam. Jak zwykle w tym dziale, prosze o zwiezle i tresciwe oceny. Sam layout stary kod jest w trakcie przerobki. http://www.podooch.com/

[Fipaj]

No dobra, rozpiszę się na kontrowersyjny temat dobrego Web2.0. Ale uwaga, to są moje opinie, uwagi i przypuszczenia, kto inny może przedstawić inny punkt widzenia...

----

Z Web2.0 pełno osób się śmieje, a raczej śmieje się z całego boomu. Moim skromnym zdaniem Web2.0 wprowadziło do codziennego użytku kilka ciekawych trendów, które warto skopiować.

Po pierwsze, standardy sieciowe. Ikona "Valid XHTML & CSS" stała się bardzo popularna, układy tabelkowe poszły w zapomnienie, wszystko robione jest na divach. To już standard.

Co z twoją stroną? Kod nadaje się tylko do śmietnika (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Dodatkowo, ten kod mnie strasznie rozśmieszył (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

[HTML] pobierz, plaintext 
<table cellpadding="0" cellspacing="0" class="newsbox">
 
             <tr>
 
		  <td valign="top"><div class="our_features">
 
		  		   <img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" /> Easy Online Set Up<br />
 
		   <img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" />Fully hosted<br />
 
		    <img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" />Supports Video and Audio<br />
 
		    <img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" />Content Management Page<br />
 
		    <img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" />iTunes Compatible<br />
 
		   <img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" /> FREE mobile phone application<br />
 
		   <img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" /> FREE Personal Website<br />
 
		    <img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" />NO Software to Install<br />
 
		    <img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" />Searchable Directory<br />
 
			<img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" />Online Support<br />
 
			<img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" />Full Statistics<br />
 
 
 
			<img src="images/bluebulletpt.gif" width="7" height="7" align="left" class="blue_bullet" />Advert Free!!<br /></div>
 
			<a href="podooch.php5?page=home&amp;home=features" class="full_list" style="display:none">Click here for a full list of Features</a>
 
		   </td>
 
		   </tr>
 
            </table>
[HTML] pobierz, plaintext 

Nie musisz określać do każdego img klasy. Zeldman nazwał to classitis, radzę ci, przeczytaj jego książkę, a po tej lekturze też będziesz boki zrywał z tego kodu (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Lecimy dalej. Kolorystyka. Ma być kolorowo, pastelowo. Jasno! Białe tło to podstawa. Jest u ciebie? Jest.

Ale u ciebie kolory są źle dobrane. Po prostu źle do siebie pasują, nie współgrają. Można zrobić stronę we wszystkich kolorach tęczy, i można ją zrobić tak, aby było OK. Ale tobie się to nie udało.

Kolorystykę omówię na przykładzie... Odeo.com. Policz kolory. Różowy, niebieski, czarny. I to wszystko. Natomiast odcieni jest znacznie więcej! Trzeba mieć dar plastyczny (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Po setnej nieudanej zabawie z http://colorblender.com/ odwiedź http://www.colorschemer.com/schemes/?sort=rating .

Teraz najważniejsze - rozplanowanie strony głównej. Zanim takowe zaprojektujesz, przemyśl sobie kilka spraw.

1. nowy użytkownik odwiedza twoją stronę. Trzeba mu odpowiednio dozować informacje!
a) najpierw zawsze kieruję wzrok na lewy górny róg, czyli miejsce na logo. Tam powinna znajdować się też nazwa witryny. A dobra nazwa w Web2.0 powinna być jedynie łatwa do zapamiętania. Osobiście uważam, że nazwa serwisu powinna mówić, co to za serwis (patrz: http://www.traineo.com/ ).
(IMG:http://forum.php.pl/style_emoticons/default/cool.gif) następnie lecę gdzieś tak w dół (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) I teraz oczekuję informacji:
- na co pozwala serwis
- czy jest bezpłatny
- dokładny opis możliwości
- miłybyłby screenshot albo demo
- duży, zachęcający odnośnik do rejestracji
Przeanalizuj pod tym kątem w/w traineo.com
2. stary użytkownik. Facet (bądź kobieta) wie już, o co w tym wszystkim chodzi, a więc prawdopodobnie chce już tylko się zalogować. Formularz POWINIEN BYĆ przed zgięciem strony.
Jeśli funkcjonalność serwisu umożliwia robienie czegokolwiek bez zalogowania się (np. pobieranie podkastów), warto wyświetlić na przykład 5 ostatnich audycji, etc.

Kot chce jeść - a ja spać, a więc na tym teraz poprzestanę. Zieeeeew...

PS. twój serwis nie spodoba mi się, póki nie poprawisz jakości grafiki. O!