Wstępna ocena strony internetowej

Question

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

Answer 1

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 ...


 

Comments

Dzięki za podpowiedzi, będę poprawiał

Answer 2

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.

Comments

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

Kontrast też zostanie poprawiony.

---

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.

Answer 3

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. 

Answer 4

Poczekam z oceną jak skończysz.

Na razie takie 3/10.

Comments

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

---

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

Answer 5

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.

Comments

jaką czcionkę byś mi polecił?

---

Na typografii się nie znam, ale od strony designerskiej widzę, że wiele rzeczy jest do poprawienia

Answer 6

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.

Konsultingowe*

Czcionkę możesz dopasować chociażby z Google Fonts, tam poszperać i wybrać maks. 2 style.

Ponownie - paddingi. Zmieniłbym też QnA na FAQ, bo to pierwsze to kojarzy mi się z YouTube z 2014 roku

Reasumując, za duży przesyt dodatków.

Answer 7

Gdy przeszedłem na podstronę Kontakt a następnie wróciłem na strone poprzednią to zawartość strony zaczęła nachodzić na menu strony