Ocena szablonu bootstrap

Question

Cześć, chciałbym podzielić się z wami moim pierwszym szablonem opartym na boostrapie. Mi osobiście szablon się podoba, wypowie się ktoś na ten temat i oceni stronę pod kątem samego wyglądu jak i kodu źródłowego. Będę bardzo wdzięczny ;)

http://rafixstan.prv.pl/

Comments

Bardzo ładny!

Answer 1

Byłeś kiedyś na takiej stronie?

No powiem ci że takie 4/10. Czcionkami widać że nie umiesz się posługiwać. Za gruby font, za duży w menu, my nie mamy problemów z oczami - naprawdę! upchałeś wszystko na sobie, pomyśl że możesz zrobić to inaczej i nadać więcej lekkości stronie. Poprzez dodanie paddingów pomiędzy sekcjami i rozciągnięcie strony w pionie. Mówię o czymś takim:

https://s.tmimgcdn.com/scr/58600/bootstrap-szablon-strony-www-58633-na-temat-agencja-nieruchomosci_58633-original.jpg

Zauważ, jest sporo miejsca, nie ma naćkanego wszystkiego na sobie. Widzisz? ta strona wygląda o wiele lepiej, i jest bardziej przyjazna dla oka. Myślę że powinieneś teraz oglądać różne strony i zapamiętywać jak są zbudowane, po jakimś czasie wyrobisz u siebie pewien standard, który z czasem będzie wyglądał coraz lepiej. Wiem co mówię bo jakieś 2 lata temu, również robiłem tego typu strony.

Dużo oglądaj, zapamiętuj i rób swoje nowoczesne projekty! Mam nadzieję że się nie obrazisz, bo chcę cię tylko zachęcić żebyś się dobrze rozwijał. Powodzenia!

Answer 2

Osobiście układ mi się podoba no i na pierwszy rzut oka w kodzie porządek oraz brak błędów...

Answer 3

Dzięki za odpowiedzi, może ktoś jeszcze się wypowie? ;)

Answer 4

Mała czcionka jest za mała i nieczytelna

Dolna cześć szablonu jest za bardzo stłoczona i niesymetryczna - źle to wygląda

W tabelce na dole nagłówek jest jasny na jasnym tle - nic nie widać

Menu nie przewija do odpowiednich części

Na bardzo dużych ekranach (powyżej 2200 px) obrazek w pierwszej sekcji jest za mały

Poprawki zacząłbym od zamiany container-fluid na container

Answer 5

Przyciski na całej stronie słabo wyszły. trendy UXa zalecają stosowanie dwóch styli przycisków :

pierwszego poziomu - odpowiadające ze ważne akcje rzucające się w oczy 

oraz dodatkowe (drugiego poziomu) - odpowiadająca za akcje które możemy wykonać opcjonalnie lub zakładamy ze uzytkownikowi nie bedzie na nich zależeć. Przyciskiem drugiego poziomu może być np Anuluj. 

Na stronie niestety mamy 3 style guzików.

Czepiając się samego formularza kontaktowego to labele powinny być do lewej bo trudno sie czyta. Dwa pierwsze pola powinny miec usuniety placeholder(nigdy nie stosuj placeholdera i labela jednocześnie). Przycisk wyślij powinien wyglądać inaczej. Ten sam styl powinienes stosować do elementów które wykonują tą samą akcje. inputy i textarea maja taki sam styl i jest okej bo na wszystkich polach wykonujesz akcje "wpisywania". Ale przycisk w takim samym stylu sugeruje na ułamek sekundy ze to kolejne pole do wpisania tekstu.

Answer 6

Dzięki wszystkim za opinie i jakże cenne porady. Niedługo ponownie coś wrzucę stosując się do porad :)