Ocena strony/problem z jednym elementem

pytanie zadane 24 lipca 2017 w Nasze projekty przez Alex.Ironside Stary wyjadacz (14,900 p.)
edycja 28 lipca 2017 przez Alex.Ironside

Witam. Gdyby ktos mogl ocenic strone jesli chodzi o design to bylbym wdzieczny.

Ponadto na chromie przy sliderze wystepuje dziwne miganie, nie wiem czym spowodowane. Gdyby ktos mial pomysl to tez bym byl wdzieczny ;)

komentarz 24 lipca 2017 przez kordix Gaduła (3,910 p.)

Pewnie się napracowałeś, ale jakieś to... zryte i nieczytelne.

Na początku czułem się oszołomiony. Slidery nie tyle co miganie ale jakieś niepłynne przeskakiwanie.

Nie rozumiem tej mody na slidery na cały ekran. Te responsywne strony może dobrze wyglądają na telefonach, ale h****owo na komputerach. Ten oszałamiający slider całoekranowy całkiem fajnie by wyglądał jako mniejszy element.

P.S opinia zwykłego zjadacza chleba, rozumiem że u "profesjonalistów" to standard.

komentarz 24 lipca 2017 przez Alex.Ironside Stary wyjadacz (14,900 p.)

Co rozumiesz przez mniejszy element? Okienko po prawej a po lewej tekst? Cos w tym stylu?

I co rozumiesz przez zryte i nieczytelne? Bo to nie bardzo mowi co poprawic

komentarz 24 lipca 2017 przez kordix Gaduła (3,910 p.)

Na tego typu stronie ciężko to rozwiązać jakoś inaczej.

Nie wiem w jakim systemie, kreatorze czy frameworku to zrobiłeś, ale zrąbanie że to się ładuje jak gra komputerowa albo coś takiego. Albo dawne kreatury we flashu.

Ten zryty efekt głównie przez zacinanie. Może za dużo sliderów na raz. To pływające menu jest całkiem efekciarskie, ale na początku człowiek nie wie jak to się zachowuje. Takie było pierwsze wrażenie, nie jest tak źle na drugi rzut oka.

Mniejsze elementy - to takie które kiedyś były na stronach, ale teraz już są stare i niemodne.

Zamiast takiego wejścia i oszałamiania dźwiękiem lepszy może byłby jakiś filmik opcjonalnie do odtworzenia.

Zamiast slidera rozpoztartego na cały ekran może mniejszy i obok tekst. Bo teraz to w ogóle jest nieczytelne.

Inna sprawa, że jestem malkotentem i ~90% obecnych "bootstrapowych " stron mi się nie podoba.

komentarz 24 lipca 2017 przez Alex.Ironside Stary wyjadacz (14,900 p.)

Robilem to na takim wlasnym mini cms z php, html, scss i jquery xD Bootstrap tam jest bo potrzebowalem do kilku elementow.

Co do menu. Ta zlota strzalka nie pomaga? Bo mozna ja zrobic wieksza albo cos.

Te slidery mozna by dac po prawej a text po lewej. To na desktopie, ale nie mam pojecia jak to pogodzic na rezponzywnym.

Bez tego loading screena video sie zacina. Niestety z tym ze wazy 14mb nie moge nic zrobic bo filmy nie moja dzialka tutaj ;___;

2 odpowiedzi

odpowiedź 24 lipca 2017 przez Pietrak Pasjonat (18,850 p.)

Dwa podstawowe błędy, które odstraszą klientów:

Strasznie długi preloader. Już dawno bym wyłączył stronę.
Muzyka na full, która powoduje, że szukasz szybko krzyżyka do wyłączenia.

Od strony technicznej:

Film daj przez yt. Hosting tobie podziękuje, ale i łącze użytkownika, bo będzie miał dopasowaną rozdzielczość do swojego łącza.
Strona zdecydowanie za szeroka. Treść nie mieści się w polu widzenia użytkownika.
Design troche 10 lat do tyłu i trochę bez gustu przez te zaokrąglenia i cienie
Menu responsywne wcale nie intuicyjne. Lepiej zwykłe rozwijane.
Strasznie dziwne te nagłówki, które są linkami.
Co to za żółta strzałka miga?
Po co na każdej stronie ten sam filmik. Daj jakieś zdjęcie związane z podstroną.
Teksty na slidach zachodzą na twarze i ważne elementy. Nie wygląda to za fajnie.

komentarz 25 lipca 2017 przez Alex.Ironside Stary wyjadacz (14,900 p.)

Yhm. Z Yt problem jest taki ze jak sie zapetla to jest przeladowywany ponownie i beznadziejnie to wyglada. Czyli mimo wszystko lepiej pojsc z Yt? Co jesli film nie wczyta sie do konca i bedzie cial? Tutaj wlasnie tym sie zajmuje preloader. Film moze da sie zmniejszyc bo zgadzam sie ze 14mb to az sie plakac chce. Niestety filmy nie odemnie zaleza.

Strona teraz nie uderza dzwiekiem w twarz, zmienilem, mnie samego juz denerwowalo.

Ta migajaca strzalka miala pokazac uzytkownikowi zeby przesunal palcem :/ Jakis pomysl jak to zrobic lepiej?

Co zrobic zamiast zaokraglen i cieni?

Na stronach beda inne filmy. Ten jest tak na teraz. Wiec tekst lepiej dac np w ktorys rog?

komentarz 25 lipca 2017 przez Pietrak Pasjonat (18,850 p.)

1. Zobacz jak zrobiłem to tutaj: http://hifilm.pl/o-nas też jest film i menu resposnywne

2. Przede wszystkim ogranicz szerokość do 1200 px. Możesz użyć cieni material design.

komentarz 25 lipca 2017 przez Alex.Ironside Stary wyjadacz (14,900 p.)

Ale wiesz ze na responzywnym produkcje sie nie rozwijaja? To taka tylko uwaga na szybko

komentarz 25 lipca 2017 przez Alex.Ironside Stary wyjadacz (14,900 p.)

Dobra zwyczajnie nie pomyslalem. Wystarczy zapetlic film 2 razy i wrzucic na yt...

komentarz 25 lipca 2017 przez Pietrak Pasjonat (18,850 p.)

Faktycznie. Dzięki, już poprawione, ale ta strona to nie jest dobry przykład. Lepiej zrobić z button zamiast checkbox.

komentarz 25 lipca 2017 przez Alex.Ironside Stary wyjadacz (14,900 p.)

Yhm. Dobra dzieki wezme pod uwage i popoprawiam

odpowiedź 25 lipca 2017 przez ShiroUmizake Nałogowiec (46,300 p.)

To zacznijmy:

Integralność:

NA IE skaczą elementy w footer.

Dostosowanie do ekranów:

Dla ekranów 2560x1440 czcionka jest zdecydowanie za mała, przez to jest mało czytelna. W sumie na 1920x1080 również można by było ją odrobinę poprawić.
Dla ekranów 800x1280 menu jest ścięte i wszystko jest dość mało widoczne. Czyżby użyty był flex ;)?
Ale dla 380 tekst nagle staję się czytelny.

Działanie strony:

Większośc to gotowce, to nie oceniam
Jedyne co ocenię to brak pliku sendmail.php oraz brak jakiekolwiek walidacji po stronie klienta (no oprócz tej mail)

UX/UI:

Po fajnym preloaderze, spodziewałem czegoś fajnego. A dostałem coś co mi całkowicie się nie podoba.
Za dużo ozdobników te shadow-boxy bardzo mi przypominają prezentację robione w PowerPoint.
Przycisk na całą stronę, które po kliknięciu ładują całkiem inną stronę, można by to było lepiej zrobić bez przeładowania strony albo w ogóle zrezygnować z tego komponentu, tymbardziej że jest on w menu.
Już kiedyś się wyrażałem jak ciężko zrobić tekst na zdjęciu, tu wygląda po prostu słabo. Ramka za mocno pokazuje się na pierwszy plan.
Ale za to bardzo mi się podoba gallery, wyszedł ci naprawdę fajny grid ;)
Ikon w footerze lpeiej by wyglądały jakby wyśrodkowanie wertykalnie z tekstem
Submit z czarnym kolorem wygląda jakby był oderwany z innego projektu
Fajny patternik dla sticky podoba mi się <3
Wyrzuć przyciski które odwołują same do siebie...

Jakość kodu:

Brak munifikacji (CSS) i dość sporo na selektorach, może to stanowić problem w przyszłości przy dodawaniu nowych ficzerów i to samo z JS.

komentarz 25 lipca 2017 przez Alex.Ironside Stary wyjadacz (14,900 p.)

Co mozna by zrobic zamiast shadow boxow?

Chcialem zeby strona byla idiotoodporna wiec linki sa wszedzie i zabieraja uzytkownika do odpowiedniej podstrony.

Lepiej przesunac tekst na zdjeciu gdzies w kat?

Dzieki za gallery ;)

Co rozumiesz przez "Wiekszosc to gotowce"? Pluginy do jQuery?

komentarz 26 lipca 2017 przez ShiroUmizake Nałogowiec (46,300 p.)

Ale dla normlanego użytkownika potrafi być mylące ;).

CO bym zrobił zamiast shadow box? Hmmm... Postawiłbym na grida, tekst z lewej jakaś może pionowa kreseczka a obok zdjęcie z nałożonym filtrem.

Yeah mówię o pluginach