11 wspólnych błędów w projektowaniu stron internetowych (błędy)

W Internecie jest mnóstwo stron internetowych, a setki lub prawdopodobnie tysiące są tworzone w dzień. Oto bardzo interesująca rzecz do rozważenia - Jakie są elementy dobrej strony internetowej?

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

W tym artykule chcielibyśmy podkreślić 11 błędów projektowych, które tworzą programiści i projektanci i kilka sugestii, jak łatwo uniknąć tych błędów.

1. Gdzie jest pole wyszukiwania?

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

Propozycje:Google Custom Search to zgrabny, prosty i skuteczny sposób na rozpoczęcie pracy. Umożliwia odwiedzającym wyszukiwanie w witrynie w efektywny sposób. Wystarczy skopiować kod HTML z panelu sterowania i wkleić go na swojej stronie, a voilà ??? masz funkcję wyszukiwania bezpośrednio na swojej stronie.

Oto prosty kod formularza do wyświetlania wyszukiwarki Google na Twojej stronie. Wszystko, co musisz zrobić, to zmienić nazwę witryny na nazwę swojej witryny. Dodatkowo możesz zmodyfikować wartość przesłania na dowolny sposób.

Więcej: Projektowanie świętego pola wyszukiwania: przykłady i najlepsze praktyki- Ten artykuł zawiera szczegółowe wskazówki dotyczące projektowania pola wyszukiwania.

2. Słaba czytelność i czytelność.

Jest to kluczowy element projektowania stron internetowych. Oczywiście dobry projekt interfejsu przyciągnie uwagę użytkowników, ale użytkownicy muszą czytać tekst, aby móc uzyskać pożądane informacje. Niektóre strony internetowe używają najdziwniejszych stylów i rozmiarów czcionek, które sprawiają, że czytanie bólu.

Propozycje:Na szczęście istnieją proste sposoby poprawy czytelności użytkowników na Twojej stronie.

1. Porównaj schematy kolorów większości głównych witryn i zauważ, jak kolory poprawiają czytelność. Dobrym miejscem do wypróbowania różnych schematów kolorów jest Adobe Kuler.
2. Użyć Czcionka bezszeryfowa ponieważ pozwala na łatwe czytanie w sieci.

Więcej: Oto dobry artykuł, który da ci więcej wskazówek na temat poprawy czytelności - Czytelność - łatwe czytanie stron internetowych.

3. Układ niezorganizowanej zawartości.

Zawartość witryny jest tym, co kieruje do niej ruch. Sposób, w jaki treść jest uporządkowana, sprawi, że odniesie sukces lub porażkę. Użytkownicy nie czytają, chyba że jest to absolutnie konieczne, ale skanują informacje i wybierają punkty zainteresowania na stronie internetowej. Niektórzy projektanci po prostu umieszczają blok tekstu na stronie internetowej i całkowicie zaniedbują nagłówki, podtytuły, wypunktowania, słowa kluczowe, akapity itp..

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

Ogólnie rzecz biorąc, najgorsze w tej kategorii będzie umieszczanie na swojej stronie niedokładnych, niedostępnych, nieistotnych lub nieaktualnych treści. Treść musi pokrywać się z ogólnym tematem witryny i być użyteczna. Jeśli strona jest w trakcie tworzenia, po co jej wkładać? Jeśli projektant naprawdę musi, to jest tylko tymczasowy i 3 tygodnie przestaną być uważane za tymczasowe.

Propozycje: Zorganizuj zawartość na swojej stronie za pomocą HTML i CSS należy używać przy tworzeniu projektu swoich stron.

1. Utwórz wystarczającą ilość białych znaków 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 korygowanie błędów z przeszłości. Jakob Nielsen sugeruje wynajęcie a sieć “ogrodnik”.

Budżet, aby zatrudnić ogrodnika internetowego jako część swojego zespołu. Musisz kogoś wykorzenić chwasty i przesadzić kwiaty, jak zmienia się strona internetowa, ale większość ludzi woli spędzać czas na tworzeniu nowych treści niż na konserwacji. W praktyce konserwacja jest tanim sposobem na ulepszanie treści w witrynie, ponieważ wiele starych stron zachowuje swoją aktualność i powinno być powiązane z nowymi stronami. Oczywiście niektóre strony są lepiej usuwane z serwera po upływie daty ważności - Jakob Nielsen

4. Zła nawigacja.

Nawigacja w witrynie powinna być płynna. Użytkownicy powinni być w stanie łatwo odnaleźć drogę. Chociaż nie ma standardu nawigacji w witrynie, szczególnie teraz, gdy pojawia się więcej nowych technologii tworzenia stron internetowych, konieczne jest zrozumienie, że nawigacja musi być intuicyjna i spójna.

Jeśli tekst jest używany jako nawigacja, powinien być zwięzły. Wizualnych metafor nie należy wymyślać na nowo. Jeśli używane są hiperłącza, powinny one odróżniać się od treści tekstu. Martwe linki nie powinny mieć miejsca na żadnej stronie internetowej. Zwiększa to zamieszanie użytkownika i marnuje czas. A taki, który jest tak samo gorszy, ma link na stronie głównej, który prowadzi do strony głównej.

Propozycje:

1. Spraw, by nawigacja była gładka, używając tekstowych opisów wszystkich linków. Podaj tekst alt dla obrazów. Użyj alternatywnych technik opisu tekstu dla łączy Flash lub Javascript.
2. Organizuj i organizuj nawigację w tandemie z tematem strony internetowej. Osobiste strony internetowe mogą stać się bardziej kreatywne, ale dostępne, ale strona internetowa wymaga większej wydajności i przejrzystości.

Pamiętaj, że jeśli użytkownicy nie mogą znaleźć tego, co chcą w mniej niż 3 kliknięcia, większość odejdzie natychmiast.

Więcej: Wdrażanie skutecznej nawigacji internetowej - Ten artykuł daje więcej informacji na temat wdrażania skutecznej nawigacji dla Twojej witryny.

5. Niespójny projekt interfejsu.

Nadmierna kreatywność może być właśnie tym. Nadmierny! Niektórzy projektanci przenoszą go na inny poziom podczas tworzenia stron internetowych, tworząc różne projekty dla każdej strony internetowej w witrynie. Nie jest to bynajmniej mylące dla użytkownika. I całkowicie denerwujące. Bez względu na to, jak wyjątkowa i atrakcyjna jest strona internetowa, jeśli ogólny wygląd i sposób działania nie są spójne, użytkownicy nie mogą się do niej odnosić i mają mniejszą kontrolę. Tak więc odejście zaraz po ich przybyciu.

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ą zdezorientowani na swojej stronie.

6. Nieprzyjazna rozdzielczość ekranu.

Jestem pewien, że odwiedziliśmy strony internetowe, w których musisz przewijać w poziomie. Jest to absolutny no-no w nowoczesnym projektowaniu stron internetowych. Dobry projektant opracuje strony internetowe, które pasują do większości rozmiarów ekranu. Obecny zoptymalizowany układ stron internetowych wynosi obecnie 1024 x 768 pikseli.

Propozycje:Trudno i prawie niemożliwe jest dostosowanie projektu do każdej rozdzielczości, zwłaszcza gdy użytkownicy surfują teraz z telefonów komórkowych i netbooków, ale możemy zorientować się, jakie są ogólnie stosowane rozdzielczości ekranu w następujący sposób:

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

7. Skomplikowane formularze rejestracyjne.

Formularze rejestracyjne są trudne. Ile informacji potrzebujesz od użytkownika? Dawno minęły czasy, kiedy użytkownik musiał wprowadzić dane zillion, aby zarejestrować się na swojej stronie. Niektóre strony internetowe powodują, że większość pól rejestracji jest obowiązkowa, a pola są sprawdzane w stopniu, w którym użytkownik jest sfrustrowany po kilku próbach. Pamiętaj, że użytkownicy odwiedzają stronę internetową, aby uzyskać informacje. Nie odwrotnie.

Prosta forma Someecard sprawia, że ​​rejestracja jest bezbolesna.

Propozycje:Porównaj formularze rejestracyjne w społecznościach w sieci i zrozum, jakie podstawowe informacje są wymagane od użytkownika podczas procesu rejestracji.

Więcej: 9 Typowe błędy użyteczności w projektowaniu stron internetowych - Ten post na Smashing Magazine zawiera dogłębne spojrzenie na formularze rejestracyjne wśród innych błędów użyteczności.

8. Bez skrupułów wykorzystanie obrazów / animacji.

Zbyt dużo zdjęć na stronie internetowej jest ogromnym wyłączeniem. Obrazy mogą być używane do uchwycenia uwagi użytkowników, ale mogą być także rozproszeniem uwagi lub po prostu obciążające. Obrazy powinny być używane do zilustrowania i prowadzenia użytkownika w stosownych przypadkach.

Animacje są niesamowite i potężnym medium. Zwłaszcza przy odpowiednim stosowaniu. Kiedy jest to cykl lub po prostu za dużo na stronie internetowej, dostaje się do nerwów użytkowników. Użytkownicy nie mają cierpliwości, czasu ani zasobów, więc projektanci muszą oferować alternatywy lub jeszcze lepiej, przycisk pomijania, jeśli jest to pełna animacja strony.

Więcej: Flash: 99% Bad - Używaj odpowiednio lampy błyskowej. Minęło już prawie 10 lat od opublikowania tego artykułu przez Jakoba Nielsena, ale nadal jest on istotny pod względem użyteczności Flasha, zwłaszcza Łamie podstawy internetowe kawałek.

9. Zaśmiecone strony, więcej białych znaków.

Zbyt wielu projektantów zapomina o tym Biała przestrzeń i jego znaczenie. Są tak pochłonięci własną kreatywnością projektową, że zapominają, że nie chodzi o nich. Dlatego starają się wcisnąć jak najwięcej w jedną stronę. Końcowy wynik? Zajęta, zagracona i nieczytelna strona.

kylestanding dobrze wykorzystuje białe znaki w swoim projekcie.

Oto kilka artykułów, które dają dobry pomysł na temat znaczenie białych znaków w projektowaniu stron internetowych:

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

10. Brak muzyki w tle, proszę!

Użytkownicy nie chcą chłodu, szukają wydajności. I tak, 99 procent nie dba o muzykę na Twojej stronie. Niektórzy projektanci pogarszają to, umieszczając różne podkłady muzyczne na każdej stronie internetowej.

Propozycje:Nie używaj muzyki w tle, ale jeśli musisz, utwórz ramkę dla kodu i kontrolek użytkownika. W ten sposób muzyka stale się zapętla, zamiast zmieniać za każdym razem, gdy nowa strona jest ładowana na stronie. A użytkownik może zatrzymać się lub zatrzymać w dowolnym momencie.

11. Test, test i test.

Nie można tego przecenić. Ile razy odwiedzaliśmy strony internetowe, które można wyświetlać tylko w określonej przeglądarce? Podczas testowania stron internetowych programiści muszą mieć listę kontrolną.

• Czy strona może być oglądana w różnych środowiskach?
• Czy układ graficzny jest spójny we wszystkich przeglądarkach?
• Czy witryna może być wyświetlana w różnych ustawieniach, takich jak wyłączone obrazy, wyłączony JavaScript itp?

Propozycje:W3C oferuje narzędzia do testowania pod kątem zapewnienia jakości. Sprawdzić W3C Quality Assurance Toolbox i Sprawdzanie poprawności stron internetowych.

Wniosek:

Utrzymuj to prosto, głupio (K.I.S.S). Jeśli to proste, to jest użyteczne. Ogólnie rzecz biorąc, wspaniałe strony internetowe utrzymują je w prostocie i użyteczności. Odrób swoją pracę domową i przychodzi łatwo i naturalnie.

Jakie masz doświadczenia w projektowaniu stron internetowych? Jakie inne wskazówki i przemyślenia chciałbyś podzielić się na temat błędów projektowania stron internetowych??

Nota redaktora: Ten wpis jest napisany przez Brujo Owoh dla Hongkiat.com. Brujo Owoh jest licencjatem w dziedzinie systemów multimedialnych, specjalizującym się w projektowaniu stron internetowych i animacji 2D. Lubi czytać fikcję, spędzać czas ze swoimi kolegami i śledzić trendy w projektowaniu na Twitterze. Odwiedź blog Brujo.