Ponad 25 nowoczesnych zasad projektowania stron internetowych dla wyższych konwersji

Spośród wielu dostępnych witryn sformułowanie skutecznej może być żmudnym zadaniem. Pamiętaj, że konsumenci inwestują swój czas w zakupy/zamawianie w witrynach eCommerce, naukę, edukację i oczywiście wypoczynek. Dlatego łatwo jest odeprzeć kogoś, kto niczego nie podejrzewając wyląduje na źle zaprojektowanej stronie. Nadszedł czas na wdrożenie zasad zrównoważonego rozwoju, aby zmienić lub stworzyć świetną witrynę. Tutaj poznamy nowoczesne zasady projektowania stron internetowych.

Projektowanie stron internetowych jest sztuką twórczą, ale przestrzega pewnych wskazówek, aby uzyskać idealne wyniki. Aby Twój biznes online odniósł sukces, potrzebujesz dobrze zaprojektowanej strony internetowej. Witryna, którą można nawigować, jest atrakcyjna wizualnie, dostępna i dostarcza istotnych informacji. Projektowanie strony internetowej może być nieco trudniejsze ze względu na kilka opcji projektowania stron internetowych. Jednak często pomijamy nowoczesne zasady projektowania stron internetowych, co kończy się kiepskimi projektami. Oto najważniejsze zasady projektowania stron internetowych, które sprawią, że Twoja witryna będzie łatwiejsza w użyciu, wciągająca, atrakcyjna i bardziej efektywna. Zobaczmy, co musimy zrobić, aby to osiągnąć…

#1. Co starasz się osiągnąć?

Przekaz witryny i wezwania do działania (CTA) są niezbędne do osiągnięcia ogólnego celu. Twoim celem może być cokolwiek, od zakupów marketingowych, dzielenia się swoim doświadczeniem lub szkoleniem. Przyciągnij uwagę ludzi chwytliwym zwrotem lub kilkoma zdaniami – co dokładnie robisz. Ten proces nie jest spontaniczny, ale raczej powinien być spójnie zaplanowany zgodnie z twoją sprawą. Następnie następuje metodyczny zbiór materiału. Możesz to potwierdzić, obliczając grupę docelową, analizując wymagane informacje i sposób, w jaki to przedstawisz. Zrozumienie danych demograficznych i obaleń pomoże w tworzeniu witryny.

Poszczególne taktyki marketingowe mogą pomóc Ci przewyższyć konkurencję, podczas gdy Twój projekt ma szerokie znaczenie. Dostarczenie atrakcyjnej wizualnie i angażującej treści sprawi, że Twoja witryna będzie wyglądać w jasnym świetle. To łącznie przyciąga kolejnych odwiedzających i dodaje wartość Twojej marce! To jest określane jako zasady projektowania stron internetowych.

#2. Treść przekazuje znaczenie

Twoja pisemna treść i ogólne ramy materiałowe powinny faktycznie dodać wartość Twojej witrynie. Powinien uzupełniać Twoją markę i składać się z naturalnego języka, który jest zarówno przekonujący, jak i zrozumiały. Powinno być logiczne, ale zwięzłe. Proza wierności zachęcałaby do nakierowanych CTA wraz z dokładną implementacją SEO. Pisz w sposób konwersacyjny, używając słów kluczowych, aby poinformować odbiorców o czymś znaczącym. Zastosuj prawdziwe treści od samego początku, aby lepiej zrozumieć, aby pozostać skoncentrowanym przez cały proces.

#3. Wizualizacje podtrzymują zaangażowanie

Wszystkie aspekty projektowania muszą chłonąć i prezentować wizerunek Twojej marki. Czy to obrazy w formie zdjęć, grafik, a nawet filmów, wszystkie one moderują pozostałą treść tekstową. Te pauzy pomagają oczom widza dosłownie oddychać, zamiast być zalewanym ciągłą i coraz bardziej monotonną prozą. Graficzny lub idealistyczny obraz to świetny sposób na rozpoczęcie, podczas gdy animowane przejścia i efekty aktywowane przez przewijanie przyciągają zainteresowanie i ciekawość, aby kontynuować przeglądanie. Zwiększając współczynnik retencji, dostępność każdej strony internetowej może być w pełni wykorzystana na swoją korzyść, promując interaktywne doświadczenie.

Niezależnie od stylu marki, wizualizacje powinny ożywić Twój projekt i sprawić, że warto je wykorzystać. Praktycznie każdy rodzaj domeny biznesowej może stać się dzięki nim kreatywny, pozostając jednocześnie aktualnym. Pamiętaj tylko, że powinny one być bardzo wierne i dobrze się prezentować (przyswajać dobre zasady projektowania stron internetowych). Wdrażanie wyraźnych, ostrych, przyjaznych dla kolorów zdjęć, które są odpowiednio przeskalowane, zawsze stanowi zwycięską kombinację dla klientów.

#4. Synchroniczne projekty lśnią

Wszystkie aspekty Twoich nakładów powinny być zharmonizowane, w tym kodowanie HTML i CSS. Synergiczne projekty pod względem wielkości, kształtu i lokalizacji łączą wspólną przyczynę. Sprzyja to zadowoleniu użytkownika, ponieważ nawet jedna niespójność może zniechęcić każdego, czyniąc wszystkie inne wysiłki na próżno. Ani nie chcesz, aby odwiedzający się odbijali, co zaburza prawdopodobieństwo wyższej pozycji w Google?

Idealny projektant tworzy ergonomiczne funkcje i stosuje angażujące czcionki, wizualizacje i ścieżki nawigacji. Wszystkie te elementy są następnie synergizowane, ale zrównoważone, aby uniknąć przytłaczania publiczności i zachować skupienie na głównym punkcie.

Dostępność i waga każdego elementu są ważnymi aspektami każdej dobrze stworzonej witryny, podobnie jak ogólny motyw. Skuteczne zasady projektowania stron internetowych pomagają zsynchronizować wszystkie elementy, tworząc zunifikowane arcydzieło. Wytyczne marki i przewodnik po stylu życia zarówno formułują wyjaśniającą treść, jak i wizualne wrażenia, przeplatane konfigurowalnymi i natychmiastowymi modyfikacjami.

#5. Typografia przedstawia wrażenie

Typografia ukierunkowuje Twoje myśli według słów, stylów postaci i kształtów. Wizualnie przekazuje głębsze znaczenie. Czcionki muszą pasować zarówno do aplikacji, jak i tonu projektu. Krój pisma kursywy nadaje się do nagłówków lub celów dekoracyjnych, jednak nie nadaje się do obszernego tekstu.

Nieodpowiednie czcionki mogą nie doceniać istotnej treści – zwłaszcza jeśli są rzeczowe, ponieważ ton głosu ma znaczenie! Design może być konwencjonalny lub personifikowany. Dłuższe czytanie zwykle korzysta z poprzedniego standardowego stylu, podczas gdy ten drugi powinien być stosowany ostrożnie, jeśli nie oszczędnie. Chodzi o to, aby Twój tekst był zawsze czytelny, niezależnie od tego, jakiej czcionki użyjesz. Aby stworzyć świetną witrynę, potrzebujesz świetnego interfejsu użytkownika. Aby stworzyć świetny interfejs użytkownika, potrzebujesz najlepszych czcionek. Dlatego używaj czcionek tatuażowych, aby uatrakcyjnić swoją witrynę.

#6. Zorganizuj, aby zjednoczyć

Treść powinna być spójna i skategoryzowana, prowadząc czytelników do ustalonego podsumowania, następującego po kolei. To tylko jedna z wielu najlepszych zasad projektowania stron internetowych. Każde zdanie musi rozwijać Twoją markę i cel, aby wszyscy byli zaangażowani. Tagi nagłówka wymagają zastosowania w celu uporządkowania treści i ułatwienia robotom indeksującym witryn w rankingu witryny pod kątem wyszukiwań internetowych. Jeśli nie masz całej sfinalizowanej zawartości przed przyjęciem projektu, nadal możesz wdrożyć nagłówki jako rusztowanie dla swojego dzieła. Dotyczy to również elementów wizualnych poprzez zdefiniowanie sekcji z obrazami i grafikami, które wspierają istniejącą treść pisemną.

7. Bilans białych przestrzeni

Biała przestrzeń, przyciski i inne elementy projektu wizualnego pomagają wyróżnić obrazy i treści oraz zachować skuteczność (prawie zbliżoną do wirtualnej interpunkcji). Jest to również określane jako „przestrzeń negatywna” i stanowi nieodzowny element każdego funkcjonalnego projektu. Nie zapomnij, jakie są zasady projektowania stron internetowych i jak ich wdrożenie może ulepszyć Twoją witrynę. Bez tego Twoje pisanie może naprawdę stać się zawiłe.

#8. Wizualne ustalanie priorytetów sprawia, że ​​dostępność jest dziecinnie prosta

Wizualna hierarchia nawigacji w witrynie powinna umożliwiać łatwy dostęp do treści. Oczywiście nie należy przeoczyć żadnej treści, jednak nieustanne rozwijane paski menu, przyciski i linki wewnętrzne mogą wprawiać ludzi w zakłopotanie. Trasy i treść sekcji witryny powinny być zwięzłe i wygodne w obsłudze. To tylko niektóre z zasad projektowania stron internetowych. Czasami mniej wyborów jest najlepsze!

#9. Bądź szczery

Niektóre marki działają tylko na tej jednej zasadzie – po prostu zaprojektuj, czym naprawdę jest Twój produkt lub usługa (dostajesz to, co widzisz). To samo w sobie dodaje mocy. Bądź autentyczny i dołącz prawdziwy materiał oraz recenzje, w przeciwnym razie konsumenci przejrzą go i odejdą. Uczciwość ma dużą wartość i jest niestety niedoceniana.

#10. Elastyczny projekt

Stanowi to podstawę podstaw tworzenia witryn, które powinny być kompatybilne z dowolnym urządzeniem (stacjonarnym lub mobilnym) – niezależnie od rozmiaru wyświetlacza. Ta obszerna obsługa we wszystkich proporcjach (wysokość/szerokość) jest niezbędna, zwłaszcza przy zwiększonym korzystaniu ze smartfonów i późniejszym dostępie. Wraz z nadejściem przeglądania mobilnego musisz wziąć na siebie ciężar dostarczenia witryny, która zaspokoi tę potrzebę. Powinien być niezależny od sprzętu marki i systemu operacyjnego, aby zaspokoić potrzeby każdego użytkownika. Dlaczego jakakolwiek grupa demograficzna miałaby zostać w ten sposób zmarginalizowana lub pokrzywdzona?

Aspekty obejmują:

• Optymalizacja obrazu
• Spraw, aby przyciski były klikalne na mniejszych ekranach, aby uzyskać lepszą ergonomię
• Zaprojektuj wiele prototypów
• Spróbuj określić priorytety oparte na urządzeniach mobilnych jako ramy, na której można budować

Aby uzyskać idealne projekty, spróbuj tego modułowego podejścia:
Zrozum → Eksploruj → Prototyp → Oceń

Aby pracować na dedykowanym protokole mobilnym, wykonaj następujące czynności:

• Kompresowanie materiału i wyróżnianie ważnych informacji na ekranie
• Odpowiedni rozmiar czcionki
• Ulepszone elementy interaktywne
• Docenianie klientów poprzez wyrażanie ich pragnienia
• Client Squish Media (utrzymaj proporcje podczas tworzenia)

Przykładową responsywną aplikacją do projektowania mobilnego jest Towards Data Science.

# 11. Ergonomiczny interfejs użytkownika

Interfejs użytkownika to element interakcji użytkownika z systemem — skóra, którą widzi i czuje. Łączy system z użytkownikiem. Dobrze zaprojektowany interfejs użytkownika promuje dalsze zaangażowanie, utrzymanie, ponowne wizyty i oczywiście czas spędzony. Obowiązkiem projektanta jest ożywienie tego nakładu i zachowanie prostoty. Oto kilka wskazówek, jak to osiągnąć:

• Dobrze wykorzystaj całą przestrzeń
• Zastosuj stabilne czcionki i kolor
• Wyeliminuj zbędną zawartość
• Powstrzymaj się od nieustannych informacji sekwencyjnych

Aby coś było intuicyjne, odnieś to do własnych doświadczeń użytkowników. Analogiczny projekt wraz z tymi pytaniami, zanim to zrobisz, pomoże:

• Kim będą użytkownicy?
• Jaki rodzaj pracy będziesz wykonywać?
• Gdzie (na jakim etapie) odbędzie się interakcja?

Musisz zoptymalizować interakcje użytkowników ze swoim produktem, aby odpowiadały ich aktywnościom i wymaganiom. Na przykład konwencjonalny Gmail firmy Google ma solidną konstrukcję, która pozwala na daleką identyfikację każdej funkcji za pomocą oznaczonego symbolu (zamiast nagłówków lub tagów tekstowych). Dlatego możesz zrobić to samo dla swojej witryny.

#12. Wydajność: błyskawiczna reakcja

Bądź sprytny i zaimplementuj bezproblemowo szybką witrynę, aby zachować subskrybentów. Korzystaj z dostępnych na rynku narzędzi do mierzenia szybkości witryny, takich jak narzędzia Pingdom. Przed aktualizacją możesz precyzyjnie wyizolować wszelkie wady (np. konkretną stronę lub sekcję) i naprawić je zgodnie z otrzymanymi wynikami. Techniki zwiększania wydajności obejmują:

• Kompresja plików i optymalizacja obrazu
• Używaj tekstu jako substytutu, a nie nadmiernych obrazów
• Zminimalizuj żądania HTTP

#13. Powstrzymaj się od niepotrzebnych „Alert/Dialogów”

Nigdy nie zasypuj użytkowników bezsensownymi dialogami w odpowiedzi na wykonanie jakiejkolwiek akcji w witrynie (np. zakładając, że odwiedzający próbuje dokonać płatności). Wyświetlaj takie powiadomienia tylko w przypadku faktycznej (nie)udanej transakcji. Unikaj wprowadzania szczegółów płatności i skup się wyłącznie na informowaniu lub ostrzeganiu o wyniku. Najlepiej jest poprosić ich o zgodę, zanim zrobisz to z jakąkolwiek wiadomością.

Pamiętaj o:

• Podawaj tylko istotne informacje w ostrzeżeniu, aby było to warte zachodu, i usuwaj je, gdy nie są wymagane
• Nie spamuj użytkowników takimi alertami ani nie zatrzymuj ich w pętli

# 14. Spróbuj złagodzić błąd 404 lub 500r

Projektując witrynę, zrób to ze wszystkimi stronami, funkcjami i funkcjonalnością. Pozwala to uniknąć uszkodzonych linków i obrazów, niekompletnych funkcji i wielu innych. W szczególności witryna nie powinna zawierać błędów 404 lub 500, a wszelkie uszkodzone linki powinny mieć przyzwoitą stronę 404. Oczywiście za wszelką cenę staraj się tego uniknąć, jednak to przynajmniej zrekompensuje wszelkie szkody (w pewnym stopniu). Na przykład witryna GitHub jest idealna dzięki animowanym i przepraszającym 404.

Projektuj strony w taki sposób, aby mimo że użytkownik trafił na stronę błędu 404, musiał na przykład nawigować i wracać do strony głównej. Zapewnienie im alternatywnych opcji jest najlepszym wyjściem.

#15. Przyjazny dla urządzeń mobilnych

W dzisiejszych czasach do witryn można uzyskać dostęp z wielu urządzeń i wyświetlać je przy użyciu różnych rozmiarów ekranu, dlatego optymalizacja i ergonomia urządzeń mobilnych są kluczowe. Musisz przeprojektować swoją witrynę z układem responsywnym (w celu automatycznego dostosowania do różnych szerokości ekranu). Alternatywnie utwórz dedykowaną witrynę mobilną, która jest niezależna od wersji na komputery i zoptymalizowana wyłącznie pod kątem urządzeń mobilnych.

#16. Umieszczaj wezwania do działania, w których odwiedzający mogą je łatwo zobaczyć

Użytkownicy mobilni mogą łatwo przeoczyć pozycje menu, dlatego strategicznie umieszczaj klawisze wezwania do działania w miejscu, w którym mogą je łatwo zobaczyć. Gdy użytkownicy trafiają do Twojej witryny, zwykle mają do wykonania określone zadanie. Mogą łatwiej wykonywać zadania na stronach internetowych, które wyświetlają klucze wezwania do działania (takie jak dokonywanie płatności, znajdowanie agenta lub logowanie) w głównej treści. Dostęp do drobnych zadań można uzyskać za pośrednictwem menu.

#17. Unikaj długich menu

Długie menu może dobrze działać w przypadku witryn na komputery, jednak użytkownikom telefonów komórkowych może brakować cierpliwości, aby przejrzeć szeroką listę opcji, aby znaleźć to, czego szukają. Niech będzie słodka i krótka, jak to tylko możliwe.

#18. Powinno być łatwiej wrócić do strony głównej

Gdy odwiedzający poruszają się po witrynie, potrzebują łatwego sposobu na powrót do strony głównej. Na przykład mogą chcieć rozpocząć nową sesję przeglądania lub wrócić, aby przeprowadzić kolejne wyszukiwanie. Powinieneś umożliwić odwiedzającym przekierowanie z powrotem na stronę główną po dotknięciu logo u góry strony.

#19. Nie pozwól reklamie ukraść show

Zbyt wiele reklam i promocji może być uciążliwe. Mogą przysłaniać treści internetowe, z którymi sąsiadują, i utrudniać klientom wykonywanie zadań. Na przykład większy baner reklamowy może rozpraszać użytkowników, a nawet powodować, że przegapią klawisze nawigacyjne, co utrudni im dostęp do innych usług. Możesz użyć łatwych do odrzucenia banerów reklamowych, aby nie odwracać uwagi odwiedzających od doświadczenia.

#20. Widoczny pasek wyszukiwania w witrynie

Użytkownicy szukający określonych informacji zwykle zwracają się do paska wyszukiwania – więc pasek wyszukiwania powinien być wyraźnie widoczny. Powinieneś umieścić pasek wyszukiwania na górze swojej strony głównej.

#21. Wyniki wyszukiwania w witrynie powinny być trafne lub wskazywać potencjalnemu klientowi lepsze wyniki wyszukiwania w witrynie

Wyniki wyszukiwania powinny być trafne, zapewniając klientom najlepsze rozwiązanie, dzięki czemu nie muszą przeglądać kilku stron w celu znalezienia tego, czego szukają. Ułatw życie odwiedzającym, oferując nowoczesne funkcje inteligentnego wyszukiwania, takie jak sprawdzanie pisowni, autouzupełnianie oraz dostarczanie powiązanych dopasowań i sugerowanie wyszukiwanych haseł.

W przypadku witryn obsługujących różne segmenty klientów dobrze jest zadać odwiedzającym kilka pytań przed rozpoczęciem wyszukiwania, aby upewnić się, że uzyskają wyniki z segmentu świetnej treści. Na przykład duży sprzedawca odzieży może umożliwić użytkownikom rozpoczęcie wyszukiwania od wybrania płci i rozmiaru szukanej odzieży.

#22. Użyj filtrów, aby pomóc użytkownikom zawęzić wyniki

Wielu odwiedzających korzystało z filtrów, aby przeprowadzić wyszukiwanie i faktycznie opuszczać witryny, które nie zmniejszają objętości. Dlatego rozważ udostępnienie użytkownikom łatwych w użyciu filtrów, które pomogą im uzyskać trafne wyniki w krótkim czasie. Ponadto nie zakopuj filtra na dole strony internetowej. Użytkownicy nie muszą przewijać wyników wyszukiwania do końca, zanim będą mogli ponownie filtrować.

#23. Skróć czas ładowania

Nikt nie lubi witryn, których ładowanie trwa dłużej. Możesz przyspieszyć ładowanie stron internetowych, optymalizując rozmiary obrazów, łącząc kod w plik JavaScript lub używając centralnego CSS (co minimalizuje żądania HTTP, a tym samym przyspiesza czas ładowania).

#24. Spraw, aby był przyjazny dla użytkownika

W dzisiejszych czasach ludzie uzyskują dostęp do witryn za pomocą wielu urządzeń o różnych rozmiarach ekranu, dlatego ważne jest, aby witryna była przyjazna dla urządzeń do wyszukiwania. Jeśli Twoja witryna nie jest przyjazna dla urządzeń wyszukiwania, możesz albo przebudować ją za pomocą układu responsywnego (jest to jedna z najbardziej aktualnych zasad projektowania stron internetowych), aby dostosować ją do różnych rozmiarów ekranu lub zbudować dedykowaną witrynę mobilną (oddzielny mobilny strona zoptymalizowana pod kątem klientów mobilnych).

Poruszanie się po stronie powinno być łatwiejsze. To pozwala użytkownikom szybko przeglądać dodatkowe informacje, takie jak strony lub linki, bez zagubienia się lub frustracji.

#25. Wybierz odpowiednie kolory

Upewnij się, że wybrana kombinacja kolorów jest przyjemna dla oka. Właściwe użycie kolorów poprawia wrażenia użytkownika. Niektóre kolory mogą męczyć oczy użytkowników, utrudniając im nawigację. Kontrastujące kolory są dobre dla tekstu podstawowego i tła, ponieważ znacznie ułatwiają czytanie. Uzupełniające się tworzą idealną równowagę. Żywe kolory zniechęcają, ponieważ wywołują emocje, jednak można ich używać oszczędnie (np. w przypadku przycisków wezwania do działania). Biała przestrzeń skutecznie nadaje witrynie uporządkowany wygląd.

Zasadniczo należy unikać umieszczania jasnego tekstu na ciemnym tle. Kolor tła Twojej strony powinien być nieco jaśniejszy niż tekst, aby był bardziej czytelny.

Ponadto używaj odpowiedniego rozmiaru i stylu czcionki. Wybierz tekst i rozmiar czcionki, które są czytelne. Witryna z nieczytelnymi tekstami i złym połączeniem kolorów zniechęca użytkowników do powrotu.

#26. Używaj obrazów wysokiej jakości

Wybór odpowiednich zdjęć dla Twojej witryny jest przydatny, jeśli chodzi o pozycjonowanie marki i przyciąganie odbiorców docelowych. Możesz rozważyć zakup wysokiej jakości profesjonalnych obrazów, aby poprawić wygląd swojej witryny. Zastanów się również nad wykorzystaniem filmów, grafik i infografik, ponieważ są one skuteczniejsze w komunikacji.

#27. Włącz widżety mediów społecznościowych

Użyj widżetów mediów społecznościowych, aby połączyć swoją witrynę z większą liczbą użytkowników. Zezwolenie na dostęp za pośrednictwem Twittera, Facebooka, Instagrama i innych platform mediów społecznościowych daje odwiedzającym więcej opcji dostępu do Twojej witryny.

Stworzenie i zaprojektowanie wydajnej witryny wymaga znacznie więcej niż tylko zbierania informacji. Powinien być łatwo dostępny, atrakcyjny wizualnie, angażujący i łatwiejszy w użyciu. Stosowanie Zasad projektowania stron internetowych przez profesjonalnego projektanta stron internetowych może rozwiązać kilka problemów, które są przeszkodą dla sukcesu Twojego biznesu online.

Spostrzeżenia ekspertów na temat nowoczesnych trendów i strategii projektowania stron internetowych

Alex Cohan

Założyciel i dyrektor generalny Offen

Nie bój się czerpać inspiracji z projektu, który już lubisz

Z pewnością istnieje granica między inspiracją a kopiowaniem, ale zwracanie uwagi na konkretne rzeczy, które wykonuje się właściwie, nie jest przestępstwem. Na przykład paleta kolorów marki może być niesamowitą kombinacją, ale nie zamierzasz chwycić tych dokładnych kolorów i zastosować ich do swojego projektu. Możesz raczej przyjrzeć się relacjom między kolorami i określić, co sprawia, że ​​tak dobrze ze sobą współgrają.

Jak najszybciej zrealizuj swój główny cel

Masz zaledwie kilka sekund, aby przyciągnąć czyjąś uwagę na swojej stronie. Wiele osób nie dotrze nawet na sam dół strony głównej, jeśli uważają, że nie znaleźli tego, czego szukali. Jakikolwiek jest Twój specjalny sos, jak najszybciej poinformuj o tym użytkownika.

Otrzymać odpowiedź

Twoja strona internetowa nie jest specjalnie dla Ciebie; To dla Twojej publiczności/klienta. Podobnie jak w przypadku każdego produktu, podczas jego tworzenia uzyskaj informacje zwrotne od innych, aby upewnić się, że jest angażujący i skuteczny, tak jak uważasz. Najlepszym sposobem na poznanie własnego produktu jest podzielenie się nim z grupą docelową i obserwowanie, jak wchodzą z nim w interakcję bez Twojej pomocy. Możesz zobaczyć, jak utknęli na czymś lub całkowicie przegapili zaimplementowaną funkcję/sekcję. Najlepszy projekt nie zawsze pojawia się za pierwszym podejściem.

Stacy Caprio

Założyciel Her.CEO

Projekt dla urządzeń mobilnych

Jedną ze wskazówek dotyczących projektowania stron internetowych jest projektowanie z myślą o urządzeniach mobilnych. Spróbuj zaprojektować interfejs mobilny, którego będziesz mógł używać również na komputerach stacjonarnych i innych urządzeniach. Projektowanie witryny z myślą o urządzeniach mobilnych zapewni czystsze i łatwiejsze wrażenia użytkownika oraz pozwoli zaprojektować tylko jedną witrynę, z której można korzystać na wszystkich urządzeniach. Gdy masz zbyt wiele kart, linków i szalonych elementów projektu w swojej witrynie, nawigacja na komputerze staje się trudna, a nawigacja na urządzeniu mobilnym staje się niemożliwa. Często telefon komórkowy wycina zakładki lub inne elementy projektu, nawet gdy ktoś korzysta z telefonu komórkowego, dlatego tak ważne jest, aby projektować, aby wszystko działało idealnie, gdy ma się do nich dostęp z telefonu komórkowego. Kiedy wszystko działa dobrze i dobrze wygląda na urządzeniach mobilnych, zwykle działa również dobrze i dobrze wygląda na komputerach stacjonarnych, jednak nie jest odwrotnie, dlatego tak ważne jest, aby projektować z myślą o urządzeniach mobilnych.

Zachowaj prosty kolor

Paleta kolorów to coś, co może zmienić lub zepsuć wygląd witryny i jej odczucia dla odwiedzających. Nie próbuj wpychać zbyt wielu kolorów lub zbyt wielu wzorów. Nie rób tylko jaskrawych kolorów, które się zderzają. Gdy na stronie nie ma białych przestrzeni i są tylko bardzo jasne kolory, odwiedzający może czuć się przytłoczony i zdezorientowany. Dlatego powinieneś wybrać dwa główne kolory, które dobrze ze sobą współgrają i upewnić się, że dodają ogólnego charakteru witryny bez rozpraszania uwagi. Jest to najlepszy sposób, aby upewnić się, że odwiedzający nie będą się rozpraszać ani przytłoczeni, a także uzyskać dobre samopoczucie, gdy odwiedzają Twoją witrynę. Wybranie mniejszej liczby kolorów zamiast zbyt wielu pomaga również zachować spokojniejszą, bardziej spójną atmosferę i sprawia, że ​​użytkownicy skupiają się na przekazie witryny, a nie na tym, jak jest kolorowa i jak wygląda.

Sam Sad

Dyrektor kreatywny, Edge of the Web

Skoncentrowanie się na tworzeniu witryny, która wygląda niesamowicie, może być łatwe, ale posiadanie mocnych podstaw technicznych jest nadal niezbędne w nowoczesnym projektowaniu stron internetowych. Niektóre często pomijane, ale podstawowe funkcje to:

Elastyczny projekt

Brzmi to oczywiste, ale jest to coś, z czym wiele witryn wciąż nie jest w stanie zrozumieć, co może zrazić dużą część odbiorców. Nie wystarczy już po prostu stworzyć mobilną wersję swojej witryny. Użytkownicy mogą przeglądać Twoją witrynę na wielu różnych urządzeniach, korzystając z różnych platform i różnych orientacji. Projektowanie responsywne polega na stworzeniu witryny, która będzie dobrze wyglądać na dowolnym urządzeniu i reagować na sposób jej przeglądania.

Szybkość strony

Szybkość strony internetowej może mieć wpływ na wszystko, od optymalizacji współczynnika konwersji po optymalizację pod kątem wyszukiwarek, a dzięki aktualizacji Google, która pojawi się jeszcze w tym roku, będzie to miało jeszcze większy wpływ. Co najważniejsze, wpływa to na wrażenia użytkownika, a powolna, powolna strona internetowa może być różnicą między dokonaniem zakupu a przejściem do witryny konkurencji. Musisz sprawdzić te sposoby DIY na zwiększenie szybkości witryny.

Dostępność

Ponieważ więcej osób polega na zasobach online niż kiedykolwiek wcześniej, dostępność przekształciła się z dodatkowej funkcji w konieczność. Na wczesnym etapie projektowania stron internetowych programiści powinni brać pod uwagę użytkowników niepełnosprawnych wraz z osobami bez. Proste rzeczy, takie jak kontrast kolorów, rozmiar czcionki i podpisy wideo, często mogą mieć ogromne znaczenie. Polecam Standardy Dostępności W3C jako świetne miejsce do rozpoczęcia dla każdego, kto chce dowiedzieć się więcej o budowaniu dostępnej strony internetowej.

Sheila Heard

Założyciel Mediavandals

Stwórz wciągającą jedną wkładkę.

W projektowaniu stron internetowych istnieje termin „nad zakładką”, który zasadniczo oznacza to, co widać natychmiast po wejściu na stronę internetową bez przewijania.

Termin ten powstał w mediach drukowanych i był kojarzony z całym tekstem, który znajdował się „nad zakładką” gazety. To była ważna nieruchomość, ponieważ była to pierwsza rzecz, którą klienci zobaczyli na stoisku z gazetami. Dobrze napisany nagłówek w gazecie może oznaczać, że Twoja gazeta zostanie kupiona przez konkurencję.

Chociaż witryny istnieją na tyle długo, że ludzie wiedzą, jak je przewijać, nagłówek (lub „jedna linijka”) jest nadal tym, co klient widzi jako pierwszy podczas odwiedzania Twojej witryny. Wciągający nagłówek może być czynnikiem decydującym o tym, że klient przewinie w dół, aby przeczytać więcej lub przejdzie do innej witryny.

Zadaniem jednego liniowca jest zachęcenie klienta do przeczytania reszty Twojej witryny, a najlepszym sposobem na to jest zastanowienie się, co oferuje Twoja firma, w jaki sposób poprawi życie Twoich klientów i jak Twoi klienci mogą zdobądź swój produkt lub usługę, a następnie złóż je w krótkie, jasne i zwięzłe oświadczenie i umieść je na górze swojej witryny.

Zaproś klienta do historii

Błędem, który popełnia wielu właścicieli firm na swojej stronie internetowej, jest tworzenie treści o sobie. Podczas gdy Twoja wiedza fachowa odgrywa rolę w procesie podejmowania decyzji przez klienta, zachowaj ją na resztę strony! Zadaniem Twojej strony głównej jest ustalenie, czy Twoi klienci są we właściwym miejscu, aby rozwiązać ICH problem. Świetnym sposobem na to jest wykorzystanie potęgi historii. Aby to osiągnąć, utwórz serię łatwych do przejrzenia nagłówków i krótki fragment tekstu, który rozwija się w każdym nagłówku. Czytając tylko nagłówki, klienci nadal będą mieć wrażenie, że rozumiesz ich problem i chętniej zaangażują się w Twoją firmę. Oto krótki schemat, który pozwoli to osiągnąć:

• Wymień stawkę: – z jakim problemem borykają się klienci, jak się z tym czują i jaka jest stawka, jeśli tego nie naprawią.
• Wymień swoją propozycję wartości: – jakie korzyści odniesie Twój klient z Twojego produktu lub usługi.
• Pozycjonuj siebie jako autorytet: – dołącz empatyczne oświadczenie na temat problemu swoich klientów i tego, jak możesz im pomóc w jego rozwiązaniu. Jest to również świetne miejsce do umieszczania wszelkich certyfikatów, nagród lub wcześniejszych referencji klientów.

Daj swoim klientom łatwy do naśladowania plan

Jak Twoi klienci powinni robić z Tobą interesy? Choć dla Ciebie może się to wydawać oczywiste, dla Twoich klientów może nie być takie oczywiste. Dołącz sekcję z 3-5 krokami, w jaki sposób klient może nawiązać kontakt z Twoją firmą. Powinien być prosty, jasny i łatwy do naśladowania.

Przykład sklepu z artykułami żywieniowymi :
Krok 1 – Odwiedź naszą stronę sklepu i wybierz swoje produkty
Krok 2 – Dodaj do koszyka i postępuj zgodnie z naszym łatwym w użyciu procesem realizacji transakcji.
Krok 3 – Odbierz swoje produkty pocztą i odzyskaj zdrowie.

Infografika: Spostrzeżenia eksperta na temat trendów i strategii projektowania nowoczesnych stron internetowych

Często zadawane pytania

Zawijanie

Pamiętaj – ergonomia użytkownika i wynikająca z tego funkcjonalność są kluczem do prowadzenia każdej udanej witryny. Niezależnie od tego, czy chodzi o nową witrynę, czy o modernizację przestarzałej, chodzi o to, aby zaangażować i poinformować klientów o Twojej marce – po prostu! Gdy to zrobisz, Twoja historia sukcesu zostanie posortowana!