Jakie są typowe błędy, które może popełnić projektant podczas projektowania stron internetowych i jak można ich uniknąć?

9

Jakie są typowe błędy, których należy unikać podczas projektowania? Wiem, że kolor, tekst i obrazy odgrywają główną rolę w projektowaniu, ale jest tak wiele innych rzeczy, o które musimy dbać! Nie znam tych innych rzeczy, ale wiem, że jest ich tak wiele ...

Wiele razy otrzymujemy wynik końcowy z błędami (drobne-główne-widoczne-ukryte) ...

Więc moje pytanie brzmi:

  • Jakie są najczęstsze błędy, które popełniamy? (jesteś również włączony kochanie) (to nie tak, że nikt nie popełnia błędów, wszyscy robią)
  • Jak mogę / my uniknąć tych błędów?
Jacek
źródło

Odpowiedzi:

24

Tak, to pytanie jest niezwykle szerokie. Może jest OK jako artykuł na wiki.

Na początek musisz zdefiniować „my”. Istnieje wiele, wiele osób i ról związanych z projektowaniem stron internetowych i wszyscy oni mają różne typowe błędy.

Oto kilka problemów, które widziałem i które pojawiają się w kółko:

  • Nieprawidłowe zdefiniowanie celów biznesowych witryny.

  • Niepoprawne zdefiniowanie kluczowych wskaźników wydajności, a następnie niezastosowanie systemów do pomiaru sukcesu witryny na ich podstawie.

  • Projektowanie na potrzeby klienta, a nie na potrzeby klientów klienta.

  • Bez angażowania niezbędnych ludzi lub przynajmniej rozważenia zadania z punktu widzenia wszystkich potrzebnych ról.

    Techniczne aspekty zarządzania produktem, analizy biznesowej, marketing, copywriting, administracja bazami danych, rozwoju końcowego pleców, projektowanie graficzne, projektowanie interfejsu użytkownika, projektowania user experience, usability, metryki, SEO i więcej, powinno wszystko być brane pod uwagę.

  • Niezaplanowanie lub przynajmniej naszkicowanie projektu.

  • Zapominając o adaptacyjnych i responsywnych zasadach projektowania stron internetowych.

  • Zapomniałem zaprojektować urządzenia z ekranami o różnych rozmiarach i rozdzielczościach.

  • Nieuwzględnienie wszystkich czynników, które wpływają na szybkość ładowania strony na etapie planowania, i nie testowanie szybkości przez cały czas jej opracowywania.

    Typowe błędy obejmują ładowanie bardzo szczegółowych grafik w mniej niż optymalnych warunkach (np. Jako obraz tła) i ogólnie po prostu pobieranie zbyt wielu dużych zasobów bez optymalizacji warunków ładowania.

  • Wykorzystując szkielety jako dokumentację, zamiast szkiców są przeznaczone do wykorzystania jako.

  • Nie stosowanie metod zwinnych podczas programowania.

  • Nadmierne projektowanie, bardzo częsty efekt uboczny niestosowania metod zwinnych.

  • Wybieranie technologii zamiast rozwiązań.

    Na przykład wybierając produkt korporacyjny ze wszystkich powodów, które czynią go dobrym; nawet te, które cię nie dotyczą; zamiast kwestionować, czy jest w stanie rozwiązać określone problemy, do których chcesz.

  • Zapominając o copywriting / content. Musi to nastąpić na początku procesu - nie później.

  • Projektowanie pliku PhotoShop zamiast rzeczywistej strony internetowej.

    Jeśli skupiasz się tylko na Photoshopie, nie bierze się pod uwagę takich czynników, jak wariancje czcionek, inne urządzenia, rozmiary ekranu, przepływ tekstu, projektowanie interakcji i wiele innych.

  • Projektowanie pliku flash lub dziwacznych pomysłów, które można osiągnąć tylko za pomocą pliku flash, zamiast przyjaznej SEO strony internetowej pełnej czytelnej treści.

  • Budowanie działającego projektu strony internetowej z naciskiem na jedną konkretną przeglądarkę zamiast ciągłego testowania w jak największej liczbie przeglądarek.

  • Niezastosowanie zasad dostępności podczas planowania, projektowania i wdrażania strony internetowej.

  • Zbyt długie oczekiwanie na zaangażowanie użytkowników, a następnie znalezienie czegoś, co trzeba wcześniej wiedzieć.

DA01
źródło
4
Gdybyśmy ocenili pytania pod kątem jakości udzielanych przez nich odpowiedzi , to byłoby to na górze listy. Fantastyczna odpowiedź.
Alan Gilbertson,
1
Akceptuję, robię wiele z tego :( chciałbym móc zagłosować dwa razy ...
Jack
1
co oznacza „Projektowanie pliku photoshopa zamiast strony internetowej”? za dużo efektów? czy możesz trochę rozwinąć tę kulę?
Lauren-Clear-Monica-Ipsum,
2
@lauren Mam na myśli głównie spędzanie całego czasu na projektowaniu strony w Photoshopie, a nie w HTML, CSS i JS. Kiedy skupia się tylko na Photoshopie, raz nie bierze pod uwagę takich różnic, jak warianty czcionek, inne urządzenia, rozmiary ekranu,
ponowne
1
@ użytkownik idź na to!
DA01
3

Myślę, że bardzo powszechny błąd w projektowaniu stron internetowych jest widoczny w internecie mobilnym.

Jeśli przeglądasz internet na małym urządzeniu mobilnym, takim jak iPhone lub BlackBerry, zauważysz, że czasami przyciski są zbyt małe.

Teraz nie zawsze jest to sam przycisk, ale jednym błędem jest to, że wokół przycisku często brakuje miejsca.

Załóżmy, że przeprowadzamy ankietę, a obok siebie znajduje się przycisk Wstecz i przycisk Dalej, potrzebują one miejsca do oddychania, aby użytkownik mógł nacisnąć przycisk i nie przypadkowo dotknąć niewłaściwego.

Jest to powszechna i ważna kwestia w projektowaniu wiadomości e-mail dla użytkowników mobilnych.

Graeme Hutchison
źródło
Uważam, że jest to prawdą na stronach mobilnych SE. Ciągle stukam link „zadaj pytanie”, gdy chcę uzyskać listę rozwijaną konta użytkownika.
Farray,
2

Myślę, że odpowiedź DA01 jest już doskonałą listą rzeczy do rozważenia. Dodaję swoją odpowiedź zarówno dlatego, że jest to ważne, jak i zadaję pytanie, ponieważ naprawdę chciałbym zobaczyć więcej odpowiedzi na to pytanie.

Innym bardzo ważnym czynnikiem przy projektowaniu strony internetowej jest szybkość. Świadomość wszystkich czynników, które wpływają na szybkość ładowania strony przed rozpoczęciem projektowania, powinna zapewnić, że nie poświęcisz dużo czasu na tworzenie grafiki i architektury, które później musisz całkowicie zmienić, ponieważ witryna zajmuje 30 sekund (przykład skrajny) Załaduj.

Dom
źródło