Wstępna ocena strony internetowej

pytanie zadane 7 września w Nasze projekty przez piotr_domanski Bywalec (2,140 p.)

Witam,

piszę swoją stronę internatową i chciałbym od Was zebrać jakiś feedback, co siądziecie o niej. Jestem otwarty na jakiekolwiek uwagi, gdyż cały czas ją ulepszam.

Web Nest

Pozdrawiam,

Piotr Domański

7 odpowiedzi

odpowiedź 8 września przez VBService Ekspert (255,840 p.)
edycja 8 września przez VBService

Zapis ten nie jest poprawny ze względu na niepotrzebne użycie wielkiej litery w słowie "Architektonicznej". Poprawnie powinno być:

Opracowywanie dokumentacji architektonicznej dla realizowanych projektów.

W języku polskim przymiotniki, takie jak "architektonicznej", zapisuje się małą literą, chyba że są częścią nazwy własnej.

Masz z dublowaną treść w ...

Zapis również nie jest do końca poprawny. Przymiotnik „Analitycznego” nie powinien być pisany wielką literą, chyba że jest to część nazwy własnej, co w tym przypadku wydaje się wątpliwe. Poprawny zapis to:

Projektowanie architektury Hadoopa analitycznego dla klienta.

Dodatkowo „Klienta” również piszemy małą literą, o ile nie jest to nazwa własna lub oficjalna nazwa firmy.

Przy rozdzielczości poniżej: width: 990px
- pokazuje się scrollbar.

- tekst "zachodzi"

gdzie "normalnie" masz

- tekst "wchodzi" pod boczny obrazek

- skoro "używasz": cursor: pointer; w ...

konsekwentnie dobrze by było "użyć" go w ...

1	komentarz 9 września przez piotr_domanski Bywalec (2,140 p.) Dzięki za podpowiedzi, będę poprawiał

odpowiedź 8 września przez Comandeer Guru (604,880 p.)

Nawigacja klawiaturą po stronie jest niemożliwa z powodu animacji pojawiania się poszczególnych elementów na stronie. Dopóki się nie przewinie do jakiegoś elementu i ten się nie pokaże, nie jest focusowalny. Można to rozwiązać np. techniką, w której wszystkie elementy są od razu na stronie, a dopiero są ukrywane w momencie, gdy user do nich przewija. Jak jest niedaleko, element się chowa i odpala animację, żeby się pojawił na nowo.

Dodatkowo animacja reaguje na ustawienie ograniczenia ruchu na poziomie systemu i, faktycznie, elementy nie "wjeżdżają" na stronę. Problem w tym, że wówczas całość wygląda strasznie topornie, jakby się zacinała (np. przewijam stronę i jakiś element nagle się pojawia z opóźnieniem). W takim wypadku raczej bym całkowicie zrezygnował z jakichkolwiek animacji i po prostu pokazywał wszystkie elementy od razu.

Focus na górnym menu ma niewystarczający kontrast. Fajnie byłoby to poprawić. Zwłaszcza, że style na hover mają odpowiedni kontrast.

Kafelki w sekcji "Kluczowe cechy" są niedostępne zarówno dla osób używających klawiatury, jak i czytników ekranowych. Nie da się ich w żaden sposób sfocusować, wykazują jakąkolwiek interakcję dopiero po najechaniu myszą, nie są też w żaden sposób oznaczone jako przyciski otwierające jakieś dodatkowe informacje. Tutaj wręcz idealnie pasowałoby Popover API. No i jak już otwieramy modala, to fajnie, żeby dało się go zamknąć Esc, a przycisk zamykania był focusowalnym przyciskiem. Inna rzecz, że totalnie bym nie zauważył, że jakieś dodatkowe informacje są ukryte w tej sekcji, bo nic na to nie wskazuje. Przypadkiem najechałem na jeden z kafelków i zobaczyłem łapkę. Osobiście bym po prostu wrzucił ten dodatkowy tekst do poszczególnych kafelków – zwłaszcza, że nie ma go za dużo.

komentarz 9 września przez piotr_domanski Bywalec (2,140 p.)

Dzięki Ci bardzo za Twoje uwagi, myślę że z animacji warto zrezygnować, za dużo ich jest .

Kontrast też zostanie poprawiony.

komentarz 9 września przez Mihoteo Bywalec (2,940 p.)

Dołącze się do odpowiedzi aby nie duplikować już tego co ludzie napisali. Mi też wjeżdżanie dosłownie całej zawartości strony się nie podoba, ograniczyłbym ich wykorzystanie co najwyżej do jednego segmentu.

odpowiedź 7 września przez Wiciorny Ekspert (277,460 p.)

Generalnie nie wgłębiałem się w stronę, ale jedna istotna uwaga: w polu telefon nie używaj rzeczywistych wartości numerów jak :512 345 678 to może być rzeczywisty, czyjś numer, potem możesz za to odpowiadać.

Responsywność jest okej, strona działa w różnych wielkościach dosyć płynnie i intuicyjnie się składa w dobrym stylu, dla mnie troszkę zbyt "długa", ale ja wiem, że teraz takie strony są w modzie, gdzie jest jeden layaout na 1 stronie, długi jak z Krakowa do Gdańska
Nie wiem, bo nie sprawdzę jak działa na telefonach. Kwestia koloru ( różnych elementów, ruchomych, dynamicznych itp ) wyskakujących), bynajmniej to kwestia "osobnicza", dla mnie troszeczkę przesyt, gubi się treść w obliczy formy, natomiast nadal do przeżycia.

Przejścia dosyć płynne, może pierwszy rendering podczas skrolowania jest nieco wolny, potem to przeglądarka widzę optymalizuje, że juz nie powtarza tego oczekiwania na kontent.

Formularz niestety jeden mankament - da się pole tekstowe rozszerzyć ponad poziom formularza, dodałbym ograniczenie, albo brak skalowania w szerz. To samo w sesji QnA

Generalnie nie mnie oceniać stronę, ale chciałem dodać tylko uwagę do tego TELEFONU.

odpowiedź 7 września przez Hesoyam Obywatel (1,100 p.)

Poczekam z oceną jak skończysz.

Na razie takie 3/10.

komentarz 7 września przez Hesoyam Obywatel (1,100 p.)

Uruchomiłem drugi raz linki zaczęły działać z menu. Facebook, Instagram i LinkedIn nadal nie działają jak coś

komentarz 7 września przez piotr_domanski Bywalec (2,140 p.)

tak wiem że nie działają bo jeszcze nie zalinkowałem, mógłbyś coś więcej napisać co mógłbym poprawić?

odpowiedź 7 września przez reaktywny Nałogowiec (42,200 p.)

Ogólnie nie jest tak bardzo źle, ale dobór fontów, kolorów, wymiary / rozmiary, itd. itd. - Tu by się przydał grafik, który wie jak to zrobić porządnie.

komentarz 7 września przez piotr_domanski Bywalec (2,140 p.)

jaką czcionkę byś mi polecił?

1	komentarz 7 września przez reaktywny Nałogowiec (42,200 p.) Na typografii się nie znam, ale od strony designerskiej widzę, że wiele rzeczy jest do poprawienia

odpowiedź 9 września przez Panelinio Stary wyjadacz (10,190 p.)

To ja się wypowiem w kwestii graficznej.

Kolorystycznie można zawsze coś pokombinować, ale jest ok. Jedynie stylów jest tutaj za dużo, poza wszechobecnym przesytem ikonek.

Odnośnik na górę strony nie pasuje do motywu strony. Nie wiem dlaczego do minimalistycznego stylu dałeś nagle grafikę z przeźroczystością i gradientem. Tak samo guzik na stronie głównej, trochę to w oczy kłuje.

No i przy szerokości 760px-560px tak Ci się strona zawija.

Poza tym popracowałbym nad paddingami, marginesami.

Zerknij w tym przypadku na padding górny sekcji.

I formularz do wyceny. Pomijając fakt różnicy w stylistyce z formularzem kontaktowym ciężko się patrzy na ten border-radius. Góra za blisko, dół za daleko. Do tego za duża wartość zaokrąglenia.

Same ikonki mają 2 różne style. Od minimalistycznego po taki a'la rysunkowy.

Navbar, a w zasadzie jego sekcje, maja dziwną animację border-radius. Też te animacje czasem powodują zacięcia lub drgania strony.