Krytyka projektowania stron internetowych # 15: Możemy serwisować Twój samochód
Co tydzień przyglądamy się nowej stronie internetowej i analizujemy projekt. Wskażemy zarówno obszary, które są dobrze wykonane, jak i te, które mogą wymagać trochę pracy. Na koniec zakończymy prośbą o przekazanie własnej opinii.
Dzisiejsza strona to We Can Service Your Car.
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 24 USD - znacznie mniej niż zapłacisz za konsultanta, który zajrzy na Twoją stronę! Tutaj dowiesz sie więcej.
O „Możemy serwisować Twój samochód”
„Nasi klienci są w centrum naszych działań. Jesteśmy tutaj, aby usunąć cały dym i lusterka, które nadają motoryzacji złe imię. Obsługa samochodów uległa zmianie, a nasza działalność jest całkowicie dostosowana do nowego podejścia do obsługi samochodów. Staramy się oszczędzać pieniądze naszych klientów, zapewniając najlepszą możliwą obsługę i dając im pewność co do tego, co mówimy. ”
Oto strona główna witryny:
To interesująca strona i powinna dać nam wiele punktów do omówienia. Wskoczmy od razu i przeanalizuj stronę kawałek po kawałku.
tło
Tłem strony jest ta ilustracja ząbka. Jest to w większości zakryte treścią, ale przegląda się na tyle, abyś mógł powiedzieć, co się dzieje.
Samochody nie są pierwszą rzeczą, która pojawia się w mojej głowie, gdy myślę o planach, ale odniesienie do maszyn sprawia, że działa. Uwielbiam grafikę jako samodzielny kawałek, ale myślę, że można ją nieco stonować na stronie internetowej, aby zapobiec pomyłkom wizualnym. Polecam jeszcze bardziej zmniejszyć krycie, aby był ledwo widoczny. Możesz również rozważyć jego zmniejszenie.
nagłówek
Kiedy patrzymy na nagłówek, od razu widzimy motyw, który będzie nosił w całej witrynie. Zaokrąglone rogi z cieniami, naprzemiennie odcienie niebieskiego z odrobiną bieli i odważną typografią.
Moje pierwsze wrażenie było takie, że nawigacja wydawała się ogromna. To w połączeniu z logo samochodu nagle sprawia wrażenie, że jest to witryna dla dzieci. Być może jednak twój rynek docelowy obejmuje osoby starsze, które nie mogą już samodzielnie pracować nad samochodem lub innymi typami nietechnicznymi. W takim przypadku użytkownicy prawdopodobnie docenią duże przyciski. Czasami użyteczność przebija estetykę. Zastanów się, dla kogo przede wszystkim projektujesz, i spróbuj zaspokoić ich potrzeby.
Powrót do logo samochodu. Podoba mi się koncepcja, ma wiele osobowości. Jednak wykonanie nie jest najlepsze. Nie jestem pewien, jak to naprawić bez całkowitego przeprojektowania, ale być może osoba, która utworzyła logo, wymyśli kilka alternatywnych szkiców. Jeśli zdecydujesz się pozostać przy obecnym logo, pamiętaj o wyczyszczeniu krawędzi. Są one obecnie nieco postrzępione i pikselowane, szczególnie w okolicach przedniej szyby.
Witamy
Następny obszar na stronie skutecznie przekazuje wiele informacji na małej przestrzeni. Punktory są tutaj zarówno skuteczne, jak i wydajne, a stale przewijające się nazwy producentów samochodów na dole wzmacniają aspekt „dowolnego samochodu”.
Dla podkreślenia projektant postanowił wprowadzić tu trochę czerwieni. To narusza kolorystykę i dlatego natychmiast przyciąga twoją uwagę. Podoba mi się cytat i jak idealnie pasuje do górnej i dolnej części z kopią punktora.
Problemem z tym obszarem i istotną częścią witryny jest hierarchia wizualna. Jak powiedziałem, czerwony pomaga podkreślić właściwe punkty, ale wszystko inne tutaj wciąż rywalizuje o uwagę, a nie ma jasnego znaczenia.
Na przykład cały tekst na stronie jest pogrubiony… cały. Pogrubiony tekst doskonale nadaje się do podkreślania tam, gdzie jest potrzebny, ale pojawia się problem, gdy posuwasz się za daleko: jeśli wszystko jest wyjątkowe, to nic nie jest wyjątkowe. Zalecam ponowne przemyślenie wyboru typografii i zmniejszenie ciężaru większości tekstu, pozostawiając tylko najważniejsze części pogrubione.
Ponadto pojęcie hierarchii dotyczy również wielkości. Zwróć uwagę, że nagłówek „Witamy” ma ten sam rozmiar (lub jest zamknięty) co kopia wypunktowana. Ponownie widzimy przypadek ubiegania się o uwagę. Ponieważ nagłówek definiuje i wprowadza sekcję, zwiększ jej rozmiar, jednocześnie zmniejszając rozmiar punktorów.
Oto szybka i brudna makieta tej sekcji, na nowo wymyślona z lepszym wykorzystaniem hierarchii wizualnej. Nie musisz robić tego dokładnie tak, po prostu skup się na tym, w jaki sposób informacje są dzielone w znacznie czystszy sposób.
Zadowolony
Obszar zawartości jest atrakcyjny i zawiera przyjazne zdjęcia, ale występuje ten sam problem z całym pogrubionym tekstem.
Inną kluczową sugestią tutaj jest uczynienie zdjęć i tekstu znajdującego się bezpośrednio pod nimi jedną jednostką wizualną. W tej chwili masz dwa różne elementy wizualne ułożone jeden na drugim, kiedy można je łatwo połączyć w bardziej spójny sposób. Znowu jest to szybkie i brudne, ale masz pomysł.
Stopka
Na koniec spójrzmy na stopkę. Treść tutaj jest dość prosta, ale została zaprojektowana tak, aby wyglądała na znacznie bardziej złożoną i zagmatwaną niż jest w rzeczywistości.
Przede wszystkim czerwony działał na białym powyżej, ale czerwony zdecydowanie nie działa na niebieskim. Dwa jasne kolory jeden na drugim powodują konflikt zamiast kontrastu. Ponadto tekst naprawdę wymaga trochę pracy. Ponownie zmień nieco śmiałość, zmniejsz widoczność linii praw autorskich i napraw niewygodny przycisk wyszukiwania, który jest znacznie dłuższy niż słowo w nim zawarte (zmniejsz szerokość, wyśrodkuj tekst w przycisku).
Lepka stopka, która trzyma numer telefonu przy sobie podczas przewijania. Często, gdy ktoś odwiedza witrynę firmy fizycznej, chce tylko jednej rzeczy: numeru telefonu. Podany tutaj numer telefonu pozostaje przy tobie podczas przewijania strony, przez co prawie nie można go przegapić.
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.
Chcesz mieć krytykę swojej witryny? Tutaj dowiesz sie więcej.
