Top 5
Najpopularniejsze artykuły o projektowaniu sklepu internetowego
Projektowanie stron internetowych - dobre praktyki
Projektowanie stron internetowych to niesamowite zajęcie.
Robiąc stronę internetową dostrzegasz wiele rzeczy, na które na co dzień nie zwracasz uwagi.
Projektowanie stron łączy web design (projektowanie szaty graficznej strony internetowej), user experience i wiele innych rzeczy.
Chociaż brzmi to skomplikowanie, to takie nie jest.
Zobacz jak możesz zamienić projektowanie stron internetowych w doskonałą zabawę, która da Ci dużo satysfakcji i odbiorcom Twojej strony www.
Spis treści
Od czego zacząć projektowanie stron internetowych?
Jaki ma być cel Twojej strony – od tego zaczyna się projektowanie stron internetowych
Projektowanie stron internetowych – określ odbiorców
Robienie strony pod użytkownika, czyli co ma znaleźć się na Twojej stronie
Jakich podstron potrzebuje Twoja strona?
Kartka i ołówek – dzięki nim projektowanie stron internetowych jest prostsze
Testowanie – kluczowy element projektowania strony
Grafiki na stronie internetowej
Najważniejsze elementy, czyli projektowanie stron internetowych w pigułce
Od czego zacząć projektowanie stron internetowych?
Projektowanie stron internetowych zaczyna się od określenia roli, jaką ma pełnić strona, czyli jej celu.
Dobrze się domyślasz – są różne rodzaje stron internetowych, które przydają się do innych celów. Wyróżniamy trzy najpopularniejsze: landing page, one-pagery i klasyczne strony internetowe.
Są oczywiście duże serwisy (portale i tak dalej), ale to zupełnie inny temat.
Najprostsze strony internetowe to landing page i one-page.
Chociaż są najczęściej niewielkie (mają tylko jedną stronę), to jest na nich dosyć dużo treści. Różnią się jednak celem.
Co to landing page? W wolnym tłumaczeniu – „strona lądowania”, która służy najczęściej do zbierania kontaktów lub skupia ruch dotyczący jakiejś akcji. Na landing page’ach nie ma zazwyczaj dużo treści, za to jasno widać cel strony. Landing page nie mają najczęściej menu.
One-pagery to takie „rozciągnięte” zwykłe strony internetowe. Wszystkie informacje są na jednej, bardzo długiej stronie internetowej.
Najważniejsze treści są zawsze na górze. Tak w dużym skrócie. One-pagery mają menu, które odsyła do kolejnych nagłówków sekcji.
Projektowanie i tworzenie stron tego typu wymaga specyficznego podejścia. Chociaż wydają się proste, to są bardzo wymagające i lepiej zacząć przygodę z robieniem stron od czegoś innego.
Zwłaszcza że projektowanie stron najczęściej kojarzy się ze „zwykłymi” stronami.
Mają stronę główną, podstrony z ofertą, aktualnościami i kontaktem. Można powiedzieć, że to standard w internecie.
Do tego użytkownicy znają ich strukturę jak własną kieszeń.
Jeśli potrzebujesz wizytówki w sieci – prosty one-pager wystarczy. Chcesz umieścić na stronie nieco więcej informacji (ofertę, bloga itp.), a z czasem ją rozbudować? Klasyczna strona internetowa będzie w sam raz.
Skoro już wiesz co, pora zabrać się za jak, czyli projektowanie stron internetowych.
Jaki ma być cel Twojej strony – od tego zaczyna się projektowanie stron internetowych
Musisz wiedzieć, jaki cel ma mieć Twoja strona internetowa. Dzięki temu strona, którą zaprojektujesz, będzie zrozumiała dla użytkowników.
Jeśli prowadzisz jakąś działalność, to użytkownik musi wiedzieć od początku, co masz mu do zaoferowania.
Na przykład – masz warsztat samochodowy. Użytkownik musi wiedzieć, że wszedł na stronę warsztatu samochodowego i może skorzystać z konkretnych usług.
Celem takiej strony jest informowanie o tych usługach, a przez to – zdobycie nowych klientów.
Dołącz do ponad 200 tysięcy ludzi, którzy projektują strony internetowe za darmo i bez kodowania
Kreator stron www WebWave umożliwia projektowanie stron internetowych z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując darmowy szablon www.
DOŁĄCZ >
Jasno określony cel to podstawa, jeśli chodzi o projektowanie stron internetowych. Dlatego musisz zastanowić się i jasno określić cel swojej strony.
Gdy już wiesz, jaki jest cel strony internetowej, musisz zastanowić się nad tym, kim są jej odbiorcy.
Projektowanie stron internetowych – określ odbiorców
Twojej strony nie będą oglądać tylko roboty wyszukiwarek internetowych ;). Dlatego musisz zastanowić się nad tym, kim będą (i są) odbiorcy Twojej strony internetowej.
W końcu to do nich chcesz dotrzeć, prawda?
Określenie odbiorców strony jest bezpośrednio powiązane z tym, jaki jest cel Twojej strony internetowej. W końcu to oni mają zrealizować Twój cel.
Projektowanie stron internetowych określa takie profilowanie jako „tworzenie person”.
Czyli musisz się zastanowić, czego konkretnie będą chcieli od Twojej strony użytkownicy i kim będą oni dokładnie.
Persony to po prostu „idealni użytkownicy”.
Na pewno masz w głowie jakiś profil użytkownika swojej strony. Musisz się zastanowić nad tym, czego dokładnie potrzebuje, jakie ma preferencje, dlaczego znalazł się na Twojej stronie i co powinien na niej znaleźć, żebyś Ty osiągnął swój cel.
Na przykład idealnym użytkownikiem strony internetowej warsztatu samochodowego będzie osoba, która potrzebuje naprawy auta.
Chce wiedzieć, jakie usługi świadczy warsztat, gdzie się mieści, w jakich godzinach pracuje i jak się z nim skontaktować. Tych informacji będzie szukać na stronie.
Po Twojej stronie jest umieszczenie ich w widocznym miejscu.
Innymi słowy: stworzenie person pozwoli Ci lepiej dostosować stronę internetową do potrzeb Twoich użytkowników.
Pamiętaj – (dobre) projektowanie stron internetowych jest ściśle związane z odpowiadaniem na potrzeby konkretnych person. Czyli Twoich idealnych użytkowników.
Kiedy określisz już swoich odbiorców, łatwiej Ci będzie określić to, co użytkownik chce znaleźć na Twojej stronie.
Robienie strony pod użytkownika, czyli co ma znaleźć się na Twojej stronie
Gdy znasz cel swojej strony oraz określisz kim jest jej idealny użytkownik (lub użytkownicy), możesz zabrać się do konkretnej pracy ze stroną.
Czas, który poświęcisz na zastanowienie się nad celem strony i potrzebami użytkowników zwróci się z nawiązką.
Zwłaszcza że tak przemyślana strona będzie odpowiadać na potrzeby Twoich użytkowników, a przez to – realizować Twój cel.
Kolejnym etapem projektowania stron internetowych jest jasne określenie tego, co powinno znaleźć się na stronie internetowej.
Projektowanie strony na tym etapie to porządkowanie treści.
Zacznij od rozpisania tego, co ma się znaleźć na stronie. To może być długa lista, nie musisz martwić się tym, że nagle zrobi się z tego kilkadziesiąt pozycji.
Potem postaraj się pogrupować te rzeczy – bardzo Ci to pomoże na kolejnym etapie.
Tak przygotowaną listę zostaw na kilka dni. Wystarczą dwa, serio.
Po tym czasie znowu przyjrzyj się liście i potraktuj ją jak użytkownik. Zobacz, które rzeczy są istotne z perspektywy każdej z person, które masz.
Każda z nich będzie szukała nieco innych informacji, dlatego musisz to uwzględnić.
Na przykład ktoś, kto szuka warsztatu samochodowego, będzie szukała kontaktu, lokalizacji i godzin otwarcia. Te informacje muszą być dobrze widoczne na stronie.
To dobry moment na wyczyszczenie listy z nadmiaru informacji. Niektóre z nich mogą być zupełnie niepotrzebne.
Możesz je wyrzucić ze strony lub dodać na samym końcu. Takie podzielenie informacji na kategorie pomoże Ci rozdzielić je na stronie. Zaraz zobaczysz, jak ułatwi Ci to pracę.
Kiedy pogrupujesz informacje – ponumeruj je według ważności.
Najistotniejsze rzeczy na górze, najmniej – na dole. Gdy już podzielisz informacje w ten sposób – znajdź kluczowe rzeczy w każdej grupie.
Te informacje powinny znaleźć się na stronie głównej. Nie musisz ich rozwijać, po prostu muszą informować użytkowników, co im oferujesz.
Jeśli będą chcieć dowiedzieć się więcej – na pewno przejdą dalej.
Idealnie jest wtedy, gdy najważniejsze informacje masz podane w formie haseł, które są frazami wyszukiwania. Wtedy strona główna dobrze komunikuje to, co masz do zaoferowania, i dobrze się pozycjonuje :).
Jakich podstron potrzebuje Twoja strona?
Gdy już wiesz, jak możesz podzielić informacje, możesz zabrać się za tworzenie podstron. Zastanów się jeszcze raz, czy te informacje się nie dublują.
Jeśli tak – to pomyśl, czy tak ma być (i czy tego potrzebują użytkownicy, żeby zrealizować Twój cel).
Każda z podstron powinna odpowiadać jednej z utworzonych przez Ciebie grup.
Jeśli masz trzy-cztery grupy – idealnie! Struktura Twojej strony jest w praktyce gotowa :).
Jeśli masz ich więcej, zastanów się, jak te grupy wiążą się ze sobą. Może mają wspólny mianownik? Pamiętaj, że lepiej jest, gdy elementów jest mniej.
Minimalizm bardzo przydaje się przy projektowaniu stron internetowych, bo dzięki niemu użytkownicy od razu widzą, o co chodzi. Nie muszą szukać potrzebnych informacji, bo są od razu widoczne.
Uporządkowane informacje na stronie daje także efekt psychologiczny: skoro strona jest zrobiona z głową, to po drugiej stronie są profesjonaliści, którym warto zaufać.
A od tego tylko krok do zrealizowania przez użytkowników Twojego celu.
Kartka i ołówek – dzięki nim projektowanie stron internetowych jest prostsze
Dobrze jest sobie porysować. Zwłaszcza gdy nie masz pomysłu na to, jak zabrać się za projektowanie stron internetowych od strony wizualnej (zgodnie z trendami).Pamiętaj: zawsze warto się inspirować, więc dobrze jest przejrzeć kilka stron, które Ci się podobają i wyciągnąć wnioski. Zapewniam Cię – jeśli zastanowisz się nad tym, jak są zrobione dobre strony internetowe, to okaże się, że ich twórcy zrobili dokładnie to, co opisałem powyżej :).Dlatego dobrze jest zaczynać projektowanie strony od kartki papieru.
Gdy masz już elementy, które powinny się na niej znaleźć, to możesz je rozpisać na kolejne podstrony. Niech każda kartka będzie jedną podstroną.
Umieść na każdej z „podstron” kolejne elementy (pamiętaj o zachowaniu hierarchii ważności). Nie musisz bać się skreśleń.
Takie projektowanie stron internetowych pomoże Ci ułożyć elementy na gotowej stronie. Pamiętaj, że w kreatorze stron internetowych WebWave każdy z elementów ułożysz dokładnie tak, jak chcesz.
Tak wygląda tworzenie stron w WebWave:
Testowanie – kluczowy element projektowania strony
Pomoc bliskich trudno przecenić. Zanim pokażesz swoją stronę użytkownikom – spytaj swoich znajomych o to, co sądzą o Twoim projekcie.
Pamiętaj o zadaniu im tych samych pytań.
Dzięki temu będzie Ci łatwiej dopracować projekt.
Oczywiście warto zacząć od spytania ich o to, jak im się podoba strona. Potem dopytaj, czy zrozumieli, co chcesz nią przekazać i czy łatwo mogli zrealizować cel strony.
Dla ułatwienia oczywiście możesz im powiedzieć, jaki jest Twój cel. Dzięki temu Twoim będzie im łatwiej udzielić Ci odpowiedzi, czy cel strony jest jasny.
Potem zbierz te uwagi i zastanów się, jak je wprowadzić. I czy warto je wprowadzać. W końcu to Twoja strona, ale Twoi znajomi są też dobrymi testerami – z ich zdaniem warto się liczyć :).
Pozycjonowanie strony i SEO – musisz o tym pamiętać, zabierając się za projektowanie stron internetowych
Jeśli zależy Ci na tym, żeby dotrzeć do ludzi, to musisz pamiętać o pozycjonowaniu swojej strony.
Dobre słowa kluczowe, alternatywne opisy zdjęć, tytuł i opis każdej strony – to absolutne minimum.
Musisz też pamiętać o hierarchii nagłówków – dzięki niej roboty wyszukiwarek internetowych łatwiej zorientują się na stronie.
Jeśli działasz lokalnie – pamiętaj o tak zwanym local SEO. Czyli o dodaniu nazw miejscowych do wybranych słów kluczowych.
To bardzo ciekawy temat, dlatego teraz tylko go sygnalizuję. Dowiesz się czym jest local SEO z tekstu na naszym blogu.
Jeśli chcesz dowiedzieć się więcej o SEO i pozycjonowaniu, zawsze możesz skorzystać z naszego darmowego webinaru co czwartek. Możesz też skorzystać z porad dotyczących pozycjonowania w naszej bazie wiedzy.
W doborze słów kluczowych bardzo przydadzą Ci się narzędzia takie jak Ubersuggest (zwłaszcza w nowej, rozbudowanej wersji) czy Planer Słów Kluczowych od Google. Pamiętaj o dodaniu strony do Google Search Console!
Grafiki na stronie internetowej
Projektowanie strony internetowej to też wybór dobrych grafik. Jeśli masz własne zdjęcia w dobrej jakości, to temat można uznać za prawie zamknięty :).
Możesz skorzystać ze zbiorów darmowych zdjęć (w kreatorze stron www WebWave znajdziesz ich ponad 400 tysięcy!), ale pamiętaj, że dobrze jest używać zdjęć, które wyglądają naturalnie.
W skrócie: jeśli patrzysz na jakieś zdjęcie i masz wrażenie, że jest dziwne, a ludzie na nim sztucznie się uśmiechają, to już wiesz, o co chodzi.
Zdjęcia na stronie internetowej nie muszą być w dużej rozdzielczości. W praktyce – im mniejsze (czyli im mniej miejsca zajmują na dysku), tym lepiej.
Strona z dużą ilością dużych zdjęć wczytuje się powoli, a to źle wpływa na jej pozycjonowanie i zmusza użytkowników do czekania. Idealna szerokość zdjęć nie powinna przekraczać 1200-1400 pikseli.
Zawsze warto je skompresować (na przykład przy pomocy tinypng.com) i dodać opisy alternatywne. Pamiętaj: roboty przeglądarek nie umieją oglądać grafik, ale chętnie „czytają” opisy alternatywne zdjęć.
Najważniejsze elementy, czyli projektowanie stron internetowych w pigułce
Najważniejsza jest zawsze strona główna. To na niej umieścisz kluczowe informacje i elementy, które użytkownicy powinni znaleźć w pierwszej kolejności.
Pamiętaj, że im wyżej na stronie te elementy są, tym szybciej użytkownicy je znajdą. Strona główna jest zarazem pierwszą stroną, którą widzi użytkownik. Dlatego musi być czytelna i zawierać kluczowe elementy.
Na każdej stronie musi być menu.
To ono pomaga poruszać się użytkownikom po Twojej stronie. Pamiętaj, że ten element powinien być maksymalnie zrozumiały.
Czyli typowe i oklepane nazwy podstron w menu są tym, czego oczekują Twoi użytkownicy. W końcu projektowanie stron opiera się często o sprawdzone rozwiązania.
Strona główna, oferta, cennik, kontakt, opinie klientów itp. – taka struktura menu sprawi, że użytkownicy szybciej znajdą to, czego szukają.
Istotnym elementem każdej strony są też linki wewnętrzne.
Czyli jeśli na stronie głównej umieszczasz segment poświęcony ofercie – dobrze jest umieścić w tym segmencie link, który skieruje użytkowników na podstronę z ofertą. My tak zrobiliśmy :).
Umieszczając teksty na stronie pamiętaj o zachowaniu tak zwanej hierarchii nagłówków. Nagłówek może wyglądać jak pogrubiony duży tekst.
W rzeczywistości nagłówki spełniają trzy główne role na stronie: informują o temacie tekstu poniżej, porządkują informacje na stronie oraz przydają się w pozycjonowaniu (roboty wyszukiwarek szybciej znajdą informacje w nagłówkach niż w tekście).
Pamiętaj też o hierarchii nagłówków – dzięki niej użytkownicy będą wiedzieć które informacje są ogólne (dotyczą jakiejś grupy informacji), a które szczegółowe.
Najważniejsze – na stronie powinien być tylko jeden nagłówek H1; taki nagłówek powinien zawierać nazwę strony (czyli na stronie z kontaktem powinno to być „[nazwa Twojej firmy] – kontakt” lub „Kontakt z [nazwa Twojej firmy]”).
Więcej o nagłówkach przeczytasz w tekście o hierarchii nagłówków w naszej bazie wiedzy.
Stopka strony jest bardzo ważnym elementem i trzeba o niej pamiętać, zabierając się za projektowanie stron internetowych.
Stopka strony to ostatni element, który widzi wielu użytkowników.
Możesz jej użyć jako „drugiego menu” lub złapania w ostatniej chwili uwagi użytkowników.
Obowiązkowym elementem w stopce jest kontaktu do Ciebie. Wystarczy tam podać adres mailowy.
Dobrze jest też dodać odnośnik do strony głównej i krótką notkę o Twojej stronie.
Stopka daje bardzo dużo możliwości – dlatego musisz o niej pamiętać, zabierając się za projektowanie stron internetowych.
W WebWave stopka na dole każdej strony pozwala przejść na inne podstrony.
Podsumowanie
Te elementy składają się na coś, co pomoże Ci zrealizować cel swojej strony – dotrzeć do użytkownika, zdobyć jego uwagę i dać mu możliwość, żeby zrobił to, czego oczekujesz.
Niezależnie od tego, czy masz lokalny biznes czy dzielisz się ze swoimi użytkownikami pasją – takie elementy pozwolą Ci stworzyć stronę, która będzie powodem do dumy.
Spróbuj zrobić stronę internetową za darmo w WebWave – z łatwością przeniesiesz do internetu wszystkie rady z tego tekstu :).
Interesuje Cię temat projektowanie stron internetowych? Koniecznie przeczytaj też te teksty:
Jak zrobić stronę internetową?
Strony internetowe, które znamy - krótka historia internetu i stron www
POZNAJ NAS BLIŻEJ W SIECI
Polub nasz profil na Facebooku, aby otrzymywać powiadomienia o nowych funkcjach, postach na blogu, szkoleniach i materiałach edukacyjnych.
Ta strona została stworzona w całości przy użyciu naszego kreatora stron www WebWave. Na tej stronie wykorzystujemy ciasteczka. Dowiedz się więcej.
MATERIAŁY
WEBWAVE
DLA KLIENTÓW
OFERTA
KREATOR
KONTAKT
contact@webwavecms.com
+48 731 395 898
Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony www. Strona www bez kodowania? To łatwe - zacznij już teraz.