Krytyka projektowania stron internetowych # 55: Gadżet-O
Co tydzień przyglądamy się nowej stronie internetowej i analizujemy projekt. Wskażemy oba obszary, które są dobrze wykonane, oprócz tych, które mogą wymagać trochę pracy. Na koniec zakończymy prośbą o przekazanie własnej opinii.
Dzisiejsza strona to Gadżet-O, strona poświęcona zabawnym gadżetom!
Poznaj elementy Envato
Jeśli chcesz zgłosić swoją stronę internetową, która będzie prezentowana w przyszłej krytyce projektowania, zajmuje to tylko kilka minut. Za krytykę twojego projektu pobieramy 49 USD - znacznie mniej niż zapłacisz za konsultanta, który zajrzy na Twoją stronę! Tutaj dowiesz sie więcej.
O Gadżet-O
Gadżet-O to strona inspirująca i kreatywna. Istnieje pięć sekcji do przeglądania, technologia, przestrzeń życiowa, sprzęt do noszenia, transport i sport, a wszystko to z mnóstwem świetnych pomysłów, wynalazków i projektów. Bez względu na to, co lubisz, nie możesz nie docenić niesamowitej pomysłowości prezentowanej tutaj.
Szczerze mówiąc, napisanie tej krytyki zajęło mi wieczność, ponieważ rozpraszały mnie wszystkie fajne rzeczy na stronie! Miska oddzielająca mleko i płatki zbożowe, torba, która sprawia, że kanapka wygląda na pleśnią, aby nikt jej nie ukradł, rower składany w plecak; niesamowitość nigdy się nie kończy.
Oto zrzut ekranu strony głównej:
Przewijanie w poziomie? Czy to jest zawsze dobre?
Strona główna Gadżet-O jest niezwykle prosta. Po lewej stronie znajduje się pasek nawigacyjny i logo, a po prawej kanał zdjęć.
Strona przewija się w poziomie i zawiera ładne, duże podglądy każdego z produktów. Strony z przewijaniem strony są naprawdę trudne do zrobienia, ale ta robi to całkiem dobrze. Sztuka polega na tym, że zawsze możesz zobaczyć podgląd następnego produktu w linii. Dzięki temu od razu widać, że strona przewija się na bok i eliminuje niewygodny etap „rozgryzania”.
Wielu projektantów powie Ci, żebyś nigdy nie robił poziomego zwoju, ale nie lubię tak daleko idących osądów. Ta strona wygląda i czuje się świetnie z tym formatem i pochwalam ten wysiłek za wyjątkowy charakter.
Biorąc to pod uwagę, chciałbym zobaczyć alternatywny widok siatki. To nie tylko usatysfakcjonuje każdego, kto nie jest szalony z powodu przewijania w poziomie, ale będzie to świetny sposób na szybkie przeglądanie dużej ilości treści, ponieważ nie jesteś w nastroju „pojedynczo”.
Pasek boczny
Pasek boczny / nawigacja po lewej stronie jest bardzo prosty, dzięki czemu wszystko jest przyjemne i łatwe w użyciu. Bardzo podoba mi się cienka, wielka i skompresowana typografia menu oraz iluzja typograficzna na liniach oddzielających.
Myślę, że projektant również wykonał świetną robotę z logo. Jest zarówno niezapomniany, jak i przyjazny i naprawdę nadaje stronie osobowość.
Zwróć uwagę, że wszystkie informacje społecznościowe idealnie pasują do ogólnego motywu witryny. Zbyt często projektanci po prostu wrzucają logo społecznościowe, tworząc nieestetyczne oczka na świetnie wyglądającej stronie. Ten projektant poświęcił czas, aby ikony społecznościowe były zarówno widoczne, jak i atrakcyjne.
Podgląd gadżetu
Każdy gadżet jest reprezentowany przez duże pole zawierające tylko obraz podglądu, tytuł, przycisk Facebook i sekcję daty / tagu. Ogólny efekt jest dość minimalny i atrakcyjny.
Każda miniatura jest w rzeczywistości suwakiem obrazu i daje wiele podglądów gadżetu, jeśli klikniesz małe strzałki. Jest to fantastyczna funkcja, ponieważ nie zawsze możesz mieć dobre pojęcie o tym, co jest na pierwszym zdjęciu.
Paleta kolorów
Paleta kolorów jest jedną z moich ulubionych rzeczy na stronie. W przeważającej części jest to bardzo neutralna paleta z naprawdę ładnymi, uzupełniającymi się odcieniami khaki / owsianej.
Ostatni pokazany powyżej kolor oczywiście wrzuca klucz do motywu, ale myślę, że to dobrze. Intensywna zieleń w logo pomaga wyróżnić się na tle strony i przyciągnąć uwagę. Jednak stanowi przyjemny punkt centralny dla palety, a nie tylko wstrząsającą zmianę, której twoje oczy nie są w stanie znieść.
Strona produktu
Po kliknięciu projektu zobaczysz dedykowaną stronę produktu, taką jak ta powyżej. Podobnie jak reszta strony, na początku wygląda świetnie… Jest ładnie ułożony i ma wiele przydatnych informacji i innych produktów do sprawdzenia.
Byłem gotów podnieść kciuki, ale potem przewinąłem w dół i nic się nie stało. Istnieje dodatkowa zawartość, która jest oczywiście odcięta, ale nie mogę się do niej dostać. Nie ma pasków przewijania, a przewijanie wydaje się być wyłączone (sprawdziłem w Safari i Firefox na Macu). Nawet jeśli zmienisz rozmiar okna przeglądarki, aby było małe, paski przewijania nigdy się nie pojawią.
Prawdopodobnie projektant utworzył stronę na dużym ekranie i po prostu nigdy nie sprawdził jej na mniejszym (jestem na MacBooku 13)), ale biorąc pod uwagę powszechność notebooków w ostatnich latach, jest to dość poważny problem.
Zdecydowanie polecam zajrzeć na tę stronę i jak najszybciej to naprawić. Szczerze mówiąc, 99% zawartości jest dobrze widoczne na moim ekranie, ale posiadanie tego błędu jest paskudną skazy na prawie idealnej stronie.
Ogólne wrażenie
Naprawdę uwielbiam witrynę Gadżet-O. Treść jest niesamowita, nawet do tego stopnia, że uzależnia, i mogę powiedzieć, że wiele uwagi poświęcono zaprojektowaniu strony, aby naprawdę dobrze wyeksponować produkty. Uwielbiam to, gdy projektanci najpierw myślą o treści i tworzą projekt, który skupia się na jej dobrym zaprezentowaniu. Po prostu działa o wiele lepiej niż próba wtłoczenia treści we wcześniej utworzony motyw wizualny.
Ta prosta, piękna strona w mojej książce jest prawie idealna. Strony produktów zdecydowanie muszą zostać naprawione tak szybko, jak to możliwe, a jak już wspomniałem, chciałbym opcjonalnego widoku pasów na stronie głównej, ale w przeciwnym razie mogę tylko powiedzieć, że kontynuuj dobrą pracę!
Twoja kolej!
Teraz, gdy przeczytałeś moje komentarze, dołącz i pomóż, udzielając projektantowi dalszych rad. Daj nam znać, co Twoim zdaniem jest świetne w tym projekcie i co Twoim zdaniem może być mocniejsze. Jak zawsze prosimy, abyście szanowali również projektanta strony i oferowali jasne konstruktywne porady, pozbawione jakichkolwiek ostrych zniewag.
