Najczęstsze błędy w projektowaniu stron internetowych – trumna na stronę internetową

Opublikowany: 2017-02-25

Każdego dnia wiele stron internetowych działa z tyloma koncepcjami projektowymi, napotykamy jedne z najlepszych projektów, jakie kiedykolwiek widzieliśmy, az drugiej strony czasami natykamy się na tak głupio zaprojektowane strony internetowe, które okazują się trumną dla tej witryny. Każdy nowy gość, który wejdzie na tę konkretną witrynę, zgubi się i opuści witrynę z takim projektem. Tak więc, teraz najważniejsze pytanie brzmi: jak powinniśmy zaprojektować naszą stronę internetową lub jakie są najczęstsze błędy w projektowaniu stron internetowych, które popełniają projektanci stron internetowych?

Budowanie strony internetowej może być trudne, ale prawdziwym wyzwaniem jest uczynienie jej użyteczną. Problem polega na tym, że większość projektantów stron internetowych zapomina, że ​​strona nie została stworzona dla siebie, ale po to, aby zaspokoić potrzeby użytkowników. Dają pierwszeństwo kreatywności nad praktycznością i użytecznością.

Zobaczmy niektóre,

Najczęstsze błędy w projektowaniu stron internetowych

Spośród wielu błędów, które mogliśmy zobaczyć lub nie, opowiemy o najbardziej błędnym błędzie, jaki popełniają projektanci stron internetowych.

#1 Szukaj w polu wyszukiwania

Sieć jest jak archiwum informacji. Niezależnie od tego, czy jest to strona internetowa firmy, czy tylko blog, pole wyszukiwania jest niezbędne. Odwiedzający może szukać czegoś, co jest ukryte w witrynie, z polem wyszukiwania, są szanse, że odwiedzający dostaną to, czego chcą.

Sugestie: Wyszukiwarka niestandardowa Google to zgrabny, prosty i skuteczny sposób na rozpoczęcie pracy. Umożliwia odwiedzającym skuteczne przeszukiwanie Twojej witryny. Po prostu skopiuj kod HTML z panelu sterowania i wklej go do swojej witryny i to wszystko, masz funkcję wyszukiwania bezpośrednio na swojej stronie.

#2 Słaba czytelność i niejasność

To kluczowy element projektowania stron internetowych. Oczywiście dobry projekt interfejsu przyciągnie uwagę użytkowników, ale użytkownicy muszą przeczytać tekst, aby móc uchwycić żądane informacje. Niektóre witryny używają najdziwniejszych stylów i rozmiarów czcionek, które sprawiają, że czytanie jest uciążliwe.

Sugestie: Na szczęście istnieją proste sposoby, które możesz zrobić, aby poprawić wrażenia użytkowników podczas czytania w Twojej witrynie.

  1. Porównaj schematy kolorów większości głównych witryn i zobacz, jak kolory poprawiają czytelność. Dobrym miejscem do wypróbowania różnych schematów kolorów jest Adobe Kuler .
  2. Użyj kroju pisma Sans serif, ponieważ ułatwia to czytanie w Internecie

#3 Układ Zaśmieconej Treści

Treść witryny jest tym, co kieruje do niej ruch. Struktura treści jest tym, co sprawi, że będzie to sukces lub porażka. Użytkownicy nie czytają, chyba że jest to absolutnie konieczne, ale przeglądają informacje i wybierają interesujące miejsca na stronie internetowej. Niektórzy projektanci po prostu umieszczają blok tekstu na stronie internetowej i całkowicie pomijają nagłówki, podtytuły, wypunktowania, słowa kluczowe, akapity itp.

Użyj odpowiedniego tytułu strony dla każdej strony internetowej, aby użytkownicy dokładnie wiedzieli, gdzie się znajdują. Niektórzy projektanci zapominają nawet o nazwie strony internetowej.

Ogólnie najgorsze w tej kategorii będzie umieszczanie w witrynie niedokładnych, niedostępnych, nieistotnych lub nieaktualnych treści. Treść musi pokrywać się z ogólną tematyką serwisu i być użyteczna. Jeśli strona jest w budowie, po co zawracać sobie głowę jej tworzeniem? Jeśli projektant naprawdę musi, to jest to tylko tymczasowe i 3 tygodnie nie będą już uważane za tymczasowe.

Sugestie: Uporządkuj zawartość swojej witryny za pomocą HTML i CSS, które powinny być używane podczas tworzenia projektu swoich stron.

  1. Utwórz wystarczającą ilość odstępu między tekstem a obrazami, używając marginesów.
  2. Aktualizuj i bądź konsekwentny . Celem aktualizacji jest nie tylko dodawanie nowych treści, ale także wykrywanie i poprawianie błędów z przeszłości.

#4 Problemy z nawigacją

Nawigacja w witrynie powinna być płynna. Użytkownicy powinni mieć możliwość łatwego poruszania się. Chociaż nie ma standardu nawigacji w witrynie, zwłaszcza teraz, gdy pojawia się coraz więcej nowych technologii tworzenia witryn, konieczne jest zrozumienie, że nawigacja musi być intuicyjna i spójna.

Jeśli tekst służy do nawigacji, powinien być zwięzły. Metafory wizualne nie powinny być wymyślane na nowo. Jeśli używane są hiperłącza, powinny wyróżniać się z treści tekstu. Martwe linki nie powinny mieć miejsca na żadnej stronie internetowej. Zwiększa to dezorientację użytkowników i marnuje czas. A jeszcze gorszy jest link na stronie głównej, który prowadzi do strony głównej.

Propozycje:

  1. Spraw, aby nawigacja była płynna, używając opisów tekstowych dla wszystkich linków. Podaj tekst alternatywny dla obrazów. Użyj alternatywnych technik opisu tekstu dla linków Flash lub Javascript.
  2. Uporządkuj i ustrukturyzuj swoją nawigację w połączeniu z motywem witryny. Witryny osobiste mogą pozwolić sobie na większą kreatywność, a jednocześnie dostępność, ale witryna biznesowa wymaga większej wydajności i przejrzystości.

Pamiętaj, że jeśli użytkownicy nie mogą znaleźć tego, czego szukają w czasie krótszym niż 3 kliknięcia, większość odejdzie natychmiast.

#5 Nierówne planowanie interfejsu

Nadmierna kreatywność może być właśnie tym. Nadmierny! Niektórzy projektanci przenoszą to na inny poziom podczas tworzenia witryn internetowych, tworząc różne projekty dla każdej strony internetowej w witrynie. Nie jest to w żaden sposób mylące dla użytkownika. I całkowicie irytujące. Bez względu na to, jak wyjątkowa i atrakcyjna jest strona internetowa, jeśli ogólny wygląd i styl nie jest spójny, użytkownicy nie mogą się z nią odnieść i czują, że mają mniejszą kontrolę. Tak więc wyjeżdżają, gdy tylko przybyli.

Propozycje:

  1. Użyj standardowego, spójnego szablonu dla każdej strony z linkami do głównych sekcji witryny.
  2. Słowo kluczowe jest proste. Twórz estetycznie proste projekty, a użytkownicy nigdy nie będą się mylić w Twojej witrynie.

#6 Brak reakcji

Jestem pewien, że odwiedziliśmy strony, na których trzeba przewijać w poziomie. To absolutny zakaz w nowoczesnym projektowaniu stron internetowych. Dobry projektant opracuje strony internetowe, które zmieszczą się na większości ekranów. Obecnie zoptymalizowany układ dla stron internetowych ma obecnie 1024 x 768 pikseli.

Sugestie: Dostosowanie projektu do każdej rozdzielczości jest trudne i prawie niemożliwe, zwłaszcza gdy odwiedzający surfują teraz z telefonów komórkowych i netbooków, ale możemy z grubsza zorientować się, jakie są powszechnie używane rozdzielczości ekranu, w następujący sposób:

  • Sprawdź swoje statystyki — usługi analityczne, takie jak Google Analytics, dostarczają informacji o używanej rozdzielczości monitora. Są to przydatne informacje, które powinieneś znać przed rozpoczęciem kolejnej modernizacji.
  • Statystyki przeglądarki W3 Schools – W3 Schools podaje przejrzyste listy najpopularniejszych przeglądarek używanych przez internautów i sortuje je według popularności. Są też inne interesujące i ważne statystyki.

#7 Złożone formularze rejestracyjne

Formularze rejestracyjne są trudne. Ile informacji potrzebujesz od użytkownika? Dawno minęły czasy, w których użytkownik musiał wprowadzić zillion dane, aby zarejestrować się w Twojej witrynie. Niektóre strony internetowe wymagają, aby większość pól rejestracyjnych była obowiązkowa i weryfikuje pola w takim stopniu, w jakim użytkownik jest sfrustrowany po kilku próbach. Pamiętajcie, użytkownicy, odwiedzajcie witrynę, aby uzyskać informacje. Nie odwrotnie.

Prosty formularz Someecard sprawia, że ​​rejestracja jest bezbolesna.

Sugestie: Porównaj formularze rejestracyjne w różnych społecznościach w sieci i dowiedz się, jakie podstawowe informacje są wymagane od użytkownika podczas procesu rejestracji.

Więcej: 9 typowych błędów użyteczności w projektowaniu stron internetowych – ten post na Smashing Magazine szczegółowo omawia formularze rejestracyjne i inne błędy w użyteczności.

# 8 Oszukańcze obrazy na stronie internetowej

Zbyt wiele obrazów na stronie internetowej to ogromny problem. Obrazy mogą być używane do przyciągnięcia uwagi użytkowników, ale mogą również rozpraszać uwagę lub po prostu denerwować. Obrazy powinny być używane w celu zilustrowania i prowadzenia użytkownika tam, gdzie jest to właściwe.

Animacje są niesamowite i potężne medium. Zwłaszcza przy odpowiednim użyciu. Kiedy jest to cykl lub po prostu za dużo na stronie internetowej, działa to na nerwy użytkowników. Użytkownicy nie mają cierpliwości, czasu ani zasobów, więc projektanci muszą oferować alternatywy lub jeszcze lepiej, przycisk pominięcia, jeśli jest to animacja na całej stronie.

Więcej: Flash: 99% Źle – Używaj Flasha w odpowiedni sposób. Minęło prawie 10 lat, odkąd Jakob Nielsen opublikował ten artykuł, ale nadal jest on istotny z punktu widzenia użyteczności Flasha, zwłaszcza artykułu Breaks Web Fundamentals .

#9 Pomieszane strony, więcej pustej przestrzeni

Zbyt wielu projektantów zapomina o białych przestrzeniach i ich znaczeniu. Są tak pochłonięci własną kreatywnością projektową, że zapominają, że nie o nich chodzi. W ten sposób starają się upchnąć jak najwięcej na jednej stronie. Wynik końcowy? Zajęta, zagracona i nieczytelna strona.

kylestanding dobrze wykorzystuje białe znaki w swoich projektach.

Oto kilka artykułów, które dadzą Ci dobre wyobrażenie o znaczeniu białych znaków w projektowaniu stron internetowych :

  • Porównanie czterech układów białych przestrzeni
  • Wartość białej przestrzeni
  • Biała przestrzeń

#10 Muzyka w tle, ogromne niepowodzenie

Użytkownicy nie chcą chłodu, szukają wydajności. I tak, 99% nie dba o muzykę w Twojej witrynie. Niektórzy projektanci pogarszają sytuację, umieszczając inną muzykę w tle na każdej stronie internetowej.

Sugestie: nie używaj podkładu muzycznego , ale jeśli musisz, utwórz ramkę na kod i elementy sterujące użytkownika. W ten sposób muzyka zapętla się w sposób ciągły, zamiast zmieniać się za każdym razem, gdy w serwisie ładowana jest nowa strona. A użytkownik może zatrzymać się lub wstrzymać w dowolnym momencie.

OPAKOWANIE

KISS to podstawa, och, miałem na myśli Keep It Simple, Stupid. I to jest to, co ludzie lubią najbardziej w witrynie, jeśli jest prosta, to jest łatwa w użyciu.

Mam nadzieję, że zdobyłeś dużo wiedzy na temat typowych błędów w projektowaniu stron internetowych.

Wraz z błędami pojawiają się też inspiracje, więc nie zapomnij przeczytać 10 najlepszych trendów w projektowaniu stron internetowych i kilku sposobów na ułatwienie dostępu do witryny.