Krytyka projektowania stron internetowych # 21: Billy.com
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 Billy.com, internetowy klub oszczędnościowy.
Przeglądaj zasoby projektowe
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 Billy.com
"Proszę pozwolić mi się przedstawić. Nazywam się Billy i jestem szefem najmądrzejszego klubu oszczędnościowego w sieci. Oszczędzanie pieniędzy to nie tylko moja pasja, to mój cel. Moim zadaniem jest upewnienie się, że moi przyjaciele nigdy więcej nie zapłacą pełnej ceny. Z pomocą mojej fantastycznej rodziny negocjuję świetne oferty ze sprzedawcami i usługodawcami w imieniu moich przyjaciół. Trudno w to uwierzyć, ale za moim uprzejmym wyglądem i surowym wyglądem kryje się negocjator mocy! Porównuję także oferty i cytaty różnych dostawców, aby moi przyjaciele mogli znaleźć najbardziej odpowiedni produkt lub usługę i nadal zachować jak najwięcej swoich ciężko zarobionych pieniędzy. ”
Oto zrzut ekranu strony głównej:
Teraz omówimy różne aspekty projektu i omówimy, co działa, a co nie.
Ogólny projekt
Od samego początku czułem, że projekt jest trochę przestarzały. Niektóre z podjętych tutaj decyzji odzwierciedlają style projektowania stron internetowych, które były typowe prawie dziesięć lat temu. Obejmuje to obróbkę nagłówka, użyte czcionki i kolory, a nawet w pewnym stopniu styl komiksowy w niedzielny poranek (omówimy je bardziej szczegółowo poniżej).
Jednak ogólny układ jest dość funkcjonalny. Pasek boczny ma dobrą szerokość i jest ładnie zorganizowany, a główna zawartość płynie w sposób logiczny.
Wiadomości
Jedną z rzeczy, które moim zdaniem są gwoździami witryny, jest przesyłanie wiadomości. Termin „klub oszczędnościowy” jest dość niejasny i brzmi jak pułapka, ale autor tekstów wyraźnie stwierdził, że klub jest całkowicie darmowy. Równie ważne jest wezwanie do działania „Zostań moim przyjacielem” z uspokajającym stwierdzeniem, że zajmuje to tylko 30 sekund.
Czasami rejestracja w usłudze internetowej wydaje się łatwa, ale szybko prowadzi do zaangażowanego procesu, którego użytkownicy desperacko chcą uniknąć. 30-sekundowe oświadczenie stanowi silną zachętę i bez wątpienia jest głównym powodem rejestracji wielu użytkowników.
Podoba mi się również, że pod tym obszarem znajduje się lista popularnych oszczędności. To kolejny krok, który wyjaśnia, po co jest strona i jakiego rodzaju ofert możesz się spodziewać.
Typografia
Ten będzie brzmiał trochę ostro, ale zaufaj mi, wykonanie tych prostych kroków znacznie poprawi twoje projekty. Pierwszą zasadą projektowania jest „Nigdy nie używaj komiksów”. Billy.com przechodzi test na tym froncie, ale bardzo podobną i mniej znaną zasadą jest „Nigdy nie używaj Hobo”.
Po prostu nie ma miłego sposobu, aby to powiedzieć, Hobo to brzydka czcionka. Jeśli chcesz użyć zabawnej czcionki na niektórych elementach, na pewno możesz, po prostu szukaj tych, które mają nieco więcej stylu i klasy. FontSquirrel to świetne miejsce na rozpoczęcie wyszukiwania. Zatrzymując się na stronie i prawie wybierając coś przypadkowo, wymyśliłem poniższy obrazek (czcionka nazywa się Japonia). Jestem pewien, że możesz zrobić znacznie lepiej, jeśli zainwestujesz trochę czasu i wysiłku w poszukiwanie.
Pałka policjanta
Porozmawiajmy o Billy przez minutę. Po pierwszym wczytaniu witryny nigdzie nie widać Billy'ego. Potem z otchłani słyszysz odgłos kroków i spacerów. Billy macha, kiwa głową, trzyma znaki i robi wiele kreskówkowych efektów dźwiękowych, gdy idzie o swoim interesie.
Nie zrozum mnie źle, jest zabawną postacią. Wygląda na nerdy i przyjazny i wnosi do strony osobisty element. Przyjemnie jest najechać na niego myszką i zobaczyć, jak się uśmiecha i macha. Myślę jednak, że jest trochę niewłaściwie wykorzystywany.
Prawie zawsze sugeruję, że każda strona z efektami dźwiękowymi oferuje użytkownikom sposób na ich wyłączenie. Umieść przycisk w miejscu, które całkowicie zabija dźwięki, lub jeszcze lepiej, zmuś użytkowników do naciśnięcia przycisku, aby włączyć dźwięki (domyślnie pozostawiając je wyłączone).
Myślę też, że Billy jest źle ustawiony. Gdy podnosi znaki, by powiedzieć ci o stronie i zwrócić na siebie twoją uwagę, faktycznie ukrywa zawartość paska bocznego, co sprawia, że jest dość słaba użyteczność, jeśli faktycznie próbujesz czytać lub wchodzić w interakcje z tą zawartością.
Sugeruję przeniesienie BIlly na prawą stronę strony. Ponieważ zawartość w głównym polu znajduje się dość daleko po lewej stronie, nie ukrywałby niczego istotnego dla funkcjonalności strony.
Modernizacja nowoczesnego designu
Nigdy nie jest fajnie słyszeć, jak ktoś sugeruje przeprojektowanie witryny. I szczerze mówiąc, Billy.com działa tak, jak jest i może się znacznie poprawić dzięki powyższym prostym sugestiom. Jeśli jednak zdecydujesz się na remont witryny w niedalekiej przyszłości, sugeruję, aby rzucić okiem na niektóre popularne witryny oparte na postaciach w Internecie.
Wszystkie poniższe strony wykorzystują piękne, nowoczesne style projektowania stron internetowych ze świetnymi schematami kolorów, ilustracjami, teksturami itp. Nie sugeruję, abyś zdzierżył którąkolwiek z tych witryn, ale raczej przedstawiam je jako inspirację do interpretacji moich sugestii dotyczących wprowadzenia Billy.com aktualne wizualnie.
Dla mnie
Wzbogacenie
Silverback
Księgowość w pudełku
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.
