Błędy, które najprawdopodobniej już popełniłeś jako projektant stron internetowych

0

Wszyscy projektanci stron internetowych dążą do perfekcji. Jednak są tylko ludźmi i zawsze mogą pojawić się błędy. Tak łatwo jest po prostu przeoczyć niektóre szczegóły. Nie ma na świecie projektanta, który nie popełniałby błędów, a unikanie ich to coś, co zwykle zdarza się po pewnym czasie.

Porozmawiamy teraz o niektórych z najczęstszych błędów, które projektanci stron internetowych stale popełniają, tych, które najprawdopodobniej już popełniłeś przynajmniej raz. Popraw swoje złe nawyki i pokonaj przeszkody, których jesteś obecnie winny, aby Twoja praca była lepsza niż kiedykolwiek.

Korzystanie z lampy błyskowej

W nowoczesnych projektach stron internetowych rzadko używamy Flasha, nawet jeśli jest on niesamowity w tym, co potrafi. Mamy do czynienia z możliwością zapewnienia odwiedzającemu animowanego doświadczenia, które jest imponujące, ale wiąże się z tym bagaż.

Istnieją różne problemy, które pojawiają się przy użyciu Flasha w projektowaniu stron internetowych. Masz dłuższy czas ładowania, problemy z użytkownikami mobilnymi z powodu braku wsparcia i innego używanego języka programowania. Liczba urządzeń obsługujących obecnie Flasha jest bardzo mała. Również w przyszłości nie spodziewamy się zwiększonego wsparcia. Zupełnie nowe biblioteki wydają się silniejsze i bardziej popularne, zwłaszcza te oparte na JavaScript, takie jak AngularJS i jQuary.

Korzystanie z naprawdę dużych obrazów

Współczesnym trendem w projektowaniu stron internetowych jest stosowanie dużych obrazów w całej witrynie. To z pewnością sprawi, że doświadczenie będzie przyjemniejsze, a użytkownik będzie miał coś wspaniałego do oglądania, ale są pewne komplikacje, o których projektant i programista muszą być świadomi.

Ładowanie strony jest automatycznie zwiększane, gdy używane są większe obrazy. Może to prowadzić do bardzo złego scenariusza dla odwiedzającego witrynę. Dobrą wiadomością jest to, że mamy dostęp do różnych narzędzi, które bardzo pomagają w optymalizacji obrazów. Te, które możesz chcieć rozważyć, obejmują:

Aplikacje takie jak PrePros mogą pomóc w automatycznej optymalizacji obrazów w aplikacjach. Problem polega na tym, że narzędzia ułatwią przepływy pracy, ale nie rozwiążą ogromnego problemu związanego z czasem ładowania, a przynajmniej nie całkowicie.

Wielu projektantów używa teraz SVG. Używają kodów w celu animowania i rysowania grafiki w środowisku przeglądarki. W ten sposób uzyskujemy przyspieszone ładowanie strony i różne elementy, które przyciągają wzrok.

Należy również podkreślić fakt, że większe obrazy skomplikują projektowanie stron internetowych ze względu na brak responsywności. Mówimy o elemencie projektu, który ma ustawioną wysokość i szerokość. Przeglądarki będą skalować obrazy, ale mamy ten sam rozmiar pliku.

W3C pracuje teraz nad wykorzystaniem elementu „ <picture>" jako elementu HTML5. Pozwoliłoby to na wywoływanie obrazów o różnych rozmiarach w zależności od szerokości wyświetlanego ekranu. Gdy tak się stanie, doświadczenie będzie o wiele lepsze dla widza, ale do czasu wdrożenia należy unikaj większych obrazów.

Używanie stałej szerokości i wysokości

Adaptacja jest automatycznie ograniczana dla użytkowników, gdy kodowane są stałe rozmiary. Mamy obejścia, ale zawsze musimy myśleć o stworzeniu wzorca projektowania stron internetowych, który jest w 100% responsywny. Stała wysokość ustawiona w CSS może ograniczyć obszar widoczny dla użytkownika. Przekroczenie tego jest możliwe dzięki dostosowaniu zapytań o media, ale dodany dodatkowy kod doprowadzi do problemów z wydajnością. Naprawdę tego nie potrzebujesz. W większości przypadków nie należy używać stałych rozmiarów. Należy ich unikać w jak największym stopniu w nowoczesnym środowisku projektowania stron internetowych.

Przyjmowanie założeń dotyczących dopasowania projektu

Projektanci stron internetowych zwykle pracują z oprogramowaniem takim jak Adobe Photoshop lub Sketch. Kiedy praca jest zakończona, powszechnym założeniem jest posiadanie określonego punktu przerwania w responsywnym przepływie pracy. Szerokości ekranu, które są postrzegane jako standardowe, będą obejmować wiele różnych rozmiarów ekranu, ale pokrycie ich wszystkich nie jest pewne. Mamy tysiące urządzeń mobilnych, które są dostępne na rynku. Stworzenie projektu, który pasowałby do wszystkiego, jest bardzo trudne.

Kiedy pracujesz na określonych szerokościach, musisz planować, a myślenie przyszłościowe staje się ważną umiejętnością projektanta stron internetowych. Musisz mieć pewność, że założenia nie są poczynione i że po zakończeniu zwykłej pracy edytora graficznego będziesz faktycznie pracował w przeglądarce.

Używanie zbyt wielu efektów i animacji

Możesz zobaczyć ten problem nawet na niektórych z najpopularniejszych witryn na świecie. Tak wiele witryn oferuje zapierające dech w piersiach wrażenia, a wiele z nich oferuje coś naprawdę wyjątkowego i niesamowitego. Nie oznacza to jednak dodawania tak wielu efektów i animacji, jak tylko możesz. Bardzo ważne jest połączenie zasad projektowania stron internetowych w celu znalezienia odpowiedniego połączenia między funkcjonalnością a efektem graficznym.

Istnieją dwa duże problemy związane z przesadzaniem z animacjami i efektami:

  • Wydłuża się czas ładowania strony
  • Efekty i animacje będą problematyczne dla starszych komputerów

Popularne hacki i animacje w tej chwili to te, które dodają elementy pojawiające się, w górę lub w dół. Mogą wyglądać świetnie i sprawią, że strony będą wyglądać świetnie, ale to nie znaczy, że zawsze powinieneś ich używać. Sprawdź, czy ogólne ładowanie strony nie byłoby zbyt duże dla urządzeń, z których będzie korzystać większość odwiedzających, i nigdy nie zapominaj o szybkości ładowania strony. Są one bardzo ważne i zawsze muszą oferować odwiedzającym wspaniałe wrażenia.

Niewłaściwe stylizowanie linków

To błąd, który jest znacznie bardziej powszechny niż myślisz w tej chwili. Linki muszą zawsze robić to, co robią. Oznacza to, że gdy link ma niewłaściwą stylizację, ludzie nie zorientują się, że to linki. Musimy zawsze myśleć o odwiedzających, więc linki muszą zawsze wyglądać jak linki. Możesz eksperymentować i nie trzymać się standardowego niebieskiego podkreślenia, ale nigdy nie powinieneś z tym przesadzać.

Nieużywanie DRY w CSS

Jeśli nie jesteś tego świadomy, DRY oznacza „Nie powtarzaj się”. Jest to metoda projektowania stron internetowych i praktycznie oznacza, że ​​​​projektantowi pomaga zachować zwięzłość i klonowanie kodu. Zaleca się zawsze używanie tylko niezbędnego kodu do stylizacji strony internetowej.

Podczas korzystania z tradycyjnego CSS konieczne jest wiele powtórzeń w przypadku określonych elementów, które są używane w innych elementach. Selektory stają się naprawdę duże i zapisanie zajmie dużo czasu. Kiedy używasz klas w projektowaniu zamiast stylizować każdy pojedynczy element na stronie HTML, wszystko staje się dużo prostsze.

W tej chwili bardzo dobrym pomysłem jest wykorzystanie języków przetwarzania wstępnego, takich jak Sass. Są całkiem przydatne pod względem niezbędnej technologii CSS. Używane języki przyspieszą rozwój i projektowanie, ponieważ zawierają takie funkcje, jak zmienne, funkcje, domieszki, zagnieżdżenia i wiele więcej. Wytworzony kod zostanie następnie skompilowany do kodu CSS. Twórcy stron internetowych i projektanci stron internetowych mogą teraz używać mniejszej liczby wierszy kodu, a dzięki językom można łatwo uniknąć powtórzeń.

Wdzięczna degradacja

Możemy zdefiniować Graceful Degradation jako praktykę budowania funkcjonalności sieciowej, która może oferować określony poziom doświadczenia użytkownika w nowoczesnej przeglądarce, jednocześnie degradując do niższych poziomów doświadczenia użytkownika w starszych przeglądarkach. Brzmi to trochę skomplikowanie, ale jako przykład możemy omówić obsługę Internet Explorera 8 i 7. Byłbyś zaskoczony, gdybyś się dowiedział, że większość użytkowników po prostu nie aktualizuje przeglądarek przez długi czas. Z tego powodu należy dodać wdzięczną degradację, aby zapewnić odpowiednie wsparcie dla obu wersji przeglądarki.

Nowoczesne strony internetowe są łatwe w rozbudowie, ale w późniejszym czasie można zauważyć, że w starszej przeglądarce strony wyglądają naprawdę źle z powodu określonych zależności.

Progresywne ulepszanie

Jest to coś podobnego do wspomnianej wyżej Graceful Degradation. Różnica polega na tym, że proces jest obsługiwany w odwrotnej kolejności, zaczynając od podstawowego poziomu obsługi, który jest obsługiwany w każdej przeglądarce internetowej. Następnie projektant/programista dodaje zwiększoną funkcjonalność, która jest dostępna dla przeglądarek, które mogą z niej korzystać.

Zarówno ta opcja, jak i powyższa są skomplikowane. Zwykle są używane tylko przez naprawdę dobrych projektantów. Jednak w przypadku wielu dostępnych obecnie przeglądarek musimy poważnie rozważyć opcje. Projektanci stron internetowych zazwyczaj mają klientów, którzy decydują dokładnie, co będzie obsługiwane. Musisz jednak spróbować zastosować te podejścia, aby zapewnić naprawdę wspaniałe wrażenia użytkownikom, którzy są szczególnie aktywni i znajdują się bezpośrednio w grupie docelowej.

Problemy z nawigacją – bycie nieprzyjaznym dla użytkownika

Jedną z najważniejszych części każdej witryny internetowej jest nawigacja. Projektant musi być w stanie sprawić, by odwiedzający był naturalny. Celem jest uczynienie nawigacji naprawdę prostą i intuicyjną. Użytkownik automatycznie zrozumie, że doświadczenie jest właściwe, gdy projekt uwzględni ten element.

Ilekroć wrażenia użytkownika są słabe, widzimy, że odwiedzający są sfrustrowani. Po prostu nie odwiedzają ponownie określonej witryny i będą szukać rozwiązań swoich problemów na innych stronach. Użyteczność musi być zawsze brana pod uwagę przez projektanta. Design musi wyglądać świetnie, ale nigdy nie należy zapominać o funkcjonalności. Potrzebna jest łatwość obsługi, a jej brak uczyni cały projekt bezużytecznym.

Brak koncentracji na treści

„Forma podąża za funkcją” to bardzo powszechna zasada architektoniczna, która pojawiła się w XX wieku, dokładnie w fazie projektowania przemysłowego nowoczesnej architektury. Jest to zasada, o której należy zawsze pamiętać podczas projektowania stron internetowych.

Projektowanie stron internetowych i grafika są bardzo podobne do współczesnej architektury pod względem niezbędnych funkcjonalności. Forma przedmiotu musi być najpierw oparta na zamierzonym przeznaczeniu lub funkcji. Jeśli chodzi o strony internetowe, możemy je postrzegać jako bazy danych informacji, które są rozproszone po całym Internecie. Użytkownik odwiedzi stronę internetową w celu uzyskania określonych danych. W tym miejscu wkracza treść, aby zaoferować te dane. Gdy odwiedzający trafi na stronę i nie znajdzie danych, będzie ich szukał gdzie indziej, nawet nie patrząc na projekt. Jednocześnie w przypadku, gdy projekt naprawdę utrudnia zlokalizowanie lub przetworzenie danych, dzieje się tak samo.

Internauci chcą teraz dostępu do informacji i chcą, aby ten dostęp był szybki. Forma nad funkcją okazuje się być naprawdę ważna w projektowaniu stron internetowych. Nieuwzględnienie tej zasady powoduje, że nacisk kładzie się na wygląd, a nie na oferowaną treść. W rezultacie strony internetowe nie będą tak naprawdę popularne. Treść musi się wyróżniać przez cały czas.

Wnioski

U podstaw najczęstsze błędy w projektowaniu stron internetowych były próby wymyślenia czegoś naprawdę pięknego i wyjątkowego, bez uwzględnienia powodu, dla którego odwiedzający faktycznie odwiedzają witrynę. Z tego powodu zawsze chcesz mieć niezbędną cierpliwość, aby połączyć naprawdę dobry projekt z pełną funkcjonalnością.

Zawsze twórz funkcjonalne strony internetowe i ucz się nowych technologii w miarę upływu czasu. Najlepsi projektanci stron internetowych na świecie uczą się i są zawsze na bieżąco ze wszystkim, co można, a czego nie można zrobić. Chcesz stworzyć swój projekt strony internetowej, porozmawiać z klientem, a następnie upewnić się, że odwiedzający docenią to, co jest oferowane. O wiele łatwiej to powiedzieć niż zrobić, ale z czasem wszystko staje się o wiele łatwiejsze.

Upewnij się, że zawsze poświęcasz tyle czasu, ile potrzebujesz, aby stworzyć coś naprawdę świetnego. Innym niewymienionym błędem w projektowaniu stron internetowych jest brak czasu niezbędnego do stworzenia idealnego projektu strony internetowej. Zwykle dzieje się tak, ponieważ klienci potrzebują pracy do wykonania w jak najkrótszym czasie. Upewnij się, że zawsze masz wystarczająco dużo czasu, aby stworzyć ten wspaniały projekt strony internetowej, o którym wiesz, że możesz.

Źródło nagrywania: instantshift.com

Comments are closed, but trackbacks and pingbacks are open.

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów