Krytyka projektowania stron internetowych # 54: BDQWorks
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 BDQWorks, firma zajmująca się projektowaniem i programowaniem motywów Drupal / WordPress.
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 34 USD - znacznie mniej niż zapłacisz za konsultanta, który zajrzy na Twoją stronę! Tutaj dowiesz sie więcej.
Informacje o BDQWorks
BDQWorks to małe studio projektowania i programowania stron internetowych Jason Saeho Lee z Toronto, Ontario, Kanada. BDQWorks działa głównie dla średnich firm z Kanady, takich jak Kudos Home & Design i kilka sensacji na YouTube, takich jak Clara C.
Oto zrzut ekranu strony głównej:
Pierwsze wrażenie
BDW Works to agencja projektowa, więc postawiłbym mnie w niezręcznej sytuacji, gdybym pomyślał, że ich strona jest brzydka, na szczęście nie. Z pewnością jest kilka rzeczy, które nie jestem szczególnie podekscytowany, ale większość z nich sprowadza się do pewnego rodzaju preferencji.
Ogólnie strona jest użyteczna i zaprojektowana bardzo dobrze, podobnie jak praca wykonywana codziennie przez BDQWorks. Podzielmy niektóre pojedyncze elementy, aby zobaczyć, co znajdziemy.
Menu nawigacji
Jeśli co tydzień śledzisz te krytyki, wiesz, że jedną z pierwszych rzeczy, które zawsze sprawdzam na stronie, jest menu nawigacyjne. Jest to kluczowy element dla użytkowników, aby dotrzeć tam, gdzie chcą iść, i jestem głęboko przekonany, że ten element musi być na miejscu, aby zadzwonić do strony internetowej.
Menu BDQWorks jest naprawdę wyjątkowe i ma inną strukturę niż widziałem na innych stronach. Oto podgląd:
Jak widać, menu rozwijane nie zawierają po prostu listy linków, ale także mały fragment informacji. To jest naprawdę całkiem fajne i daje ci głowę, czego możesz się spodziewać, jeśli podążysz za tym konkretnym linkiem.
Minusem tego jest to, że czuję się tak inaczej, że zajęło mi sekundę, aby zrozumieć, co się dzieje, zwłaszcza, że różne rozwijane menu zmieniają ułożenie, co powoduje, że nie wiesz, czego się spodziewać, gdy zatrzymasz się nad następną opcją.
Aby zapobiec tej wstrząsającej zmianie, polecam nadanie wszystkim menu rozwijanym tego samego wyrównania, aby lista linków i opis nigdy nie zamieniały stron. Możesz również rozważyć zmianę efektu najechania kursorem na rzeczywisty pasek koloru za tekstem, więc jest to bardziej oczywiste niż tekst po prostu zmieniający kolor. Dzięki dużemu menu pełnemu zawartości pomoże to użytkownikowi w wyborze opcji, które należy kliknąć.
Ilustracje
Spersonalizowanym motywem witryny są te małe ilustrowane osoby, które pojawiają się w różnych miejscach. Są one celowo z grubsza narysowane i zapewniają przyjazny, antropomorficzny akcent na stronie.
Szczerze mówiąc, nie przepadam za stylem ilustracji. Ostatecznie sprowadza się to do preferencji, ale myślę, że faktycznie służą one obniżeniu ogólnej estetyki witryny.
Zdjęcie klienta, które zastępuje te postacie po kilku sekundach przeglądania witryny, jest o wiele bardziej angażujące i atrakcyjne. Jest to zgodne z ideą, że produkujesz wysokiej jakości prace, a nie przeciwdziałasz takiemu wyobrażeniu jak na ilustracjach.
Pomocnicza nawigacja
Mniej więcej w połowie strony znajduje się poziomy rząd obrazów i linków, które będę określał jako dodatkową nawigację. Każdy z nich przedstawia usługę oferowaną przez BDQWorks i pokazuje obraz pulpitu przyjaznego komputerom Mac.
Na samym końcu znajduje się małe pudełko z napisem „Tematy”. Oboje lubię i nie lubię tego dotyku. Najbardziej podoba mi się pomysł i intencja. Chciałeś poświęcić temu obszarowi szczególną uwagę, aby wyglądał inaczej niż inne. Łamie motyw zdjęcia, jednolity rozmiar ustalony przez innych i wybór czcionki.
Problem polega na tym, że narusza wygląd innych bez ich uzupełniania. W ten sam sposób, w jaki dwa kolory mogą się ze sobą konfliktować lub uzupełniać, dwa obiekty wizualne mogą się zderzać lub znajdować harmonię. To ostatnie małe pudełko naprawdę wygląda nie na miejscu, prawie tak, jakby zupełnie inny projektant włożył je w późniejszą refleksję.
Radzę przemyśleć ten obszar. Najpierw podziel obszar na pięć równych pól. Następnie umieść pole „Tematy” na środku. Jeśli chcesz zwrócić na to uwagę, jest to dobre miejsce. Na koniec użyj koloru i rozmiaru czcionki tylko w celu rozróżnienia. Myślę, że czarna skrzynka ładnie kontrastowałaby z innymi, nie będąc niezręczna. Być może mógłbyś pozostać z motywem iMaca (nakleić logo na ekranie iMaca) i czcionkami używanymi gdzie indziej, choć nieznacznie dużymi lub odważniejszymi.
Solid Messaging
Myślę, że jednym z miejsc, w których BDQ wykonuje naprawdę świetną robotę, jest komunikacja na stronie. Gdziekolwiek spojrzę, przypominam sobie, że jest to firma zajmująca się projektowaniem stron internetowych specjalizująca się w Drupal i WordPress. Po prostu nie możesz tego przegapić! Jest to świetna rzecz dla osób, które po raz pierwszy odwiedzają, ponieważ natychmiast wyjaśnia cel strony i tożsamość firmy.
Jak widać na powyższym obrazku, jedną z pierwszych rzeczy na stronie jest opis firmy i lista oferowanych przez nią usług.
Ta koncepcja jest jeszcze bardziej rozwinięta przez wideo wprowadzające po lewej stronie strony głównej, które przedstawia BDQWorks, pokazuje niektóre z ich pracy i zawiera prawdziwe wywiady z klientami podpisujące pochwały firmy. Ten film jest bardzo dobrze wyprodukowany i naprawdę daje mi pewność, że jest to profesjonalna firma na najwyższym poziomie i że mogę być pewna zarówno jakości pracy, jaką wykonują, jak i obsługi klienta.
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.
