Strona główna > Journal > 12 pojęć do budowy strony internetowej
Journal

12 pojęć do budowy strony internetowej

Oceń artykuł:

Stworzyliśmy listę terminów, których znaczenia warto znać, jeśli chcesz zamówić projekt strony internetowej, czy sklepu internetowego.

Omówimy najbardziej przydatne terminy, które pozwolą ci sprawnie komunikować się z wykonawcą strony internetowej. Dzięki temu będziesz bez problemu orientować się w temacie. Poniższa lista to solidna baza, która pozwoli ci nawigować podczas projektu.

Artykuł podzieliśmy na następujące grupy terminów:

  • Ogólne pojęcia dla Web Developmentu
  • E-commerce
  • UX/UI design
  • Frontend & Backend

Będziemy także na bieżąco uzupełniać poniższą listę o nowe terminy, więc warto zachować ten artykuł w zakładkach!

W The Story tworzymy Strony internetowe, które są WWW - Wyraźne, Widoczne, Wydajne. Wejdź z nami na wyższy poziom biznesu.

Ogólne pojęcia związane z tworzeniem stron internetowych

W tej sekcji artykułu znajdziesz ogólne pojęcia dotyczące tworzenia stron internetowych, na które możesz się natknąć podczas pracy nad swoją stroną.

Dedykowana strona internetowa albo Custom

Dedykowana strona internetowa to serwis tworzony z myślą o potrzebach klienta od samego początku. Rozwiązanie to umożliwia stworzenie strony „szytej na miarę”, która spełnia oczekiwania klienta.

Customowa strona nie jest oparta na szablonie czy motywie (theme), projektuje się ją w określonym celu i dla określonej grupy odbiorców. Jest ona specjalnie przygotowana dla danej działalności lub marki.

Kreator strony internetowej

Kreator strony internetowej umożliwia stworzenie serwisu internetowego poprzez wykorzystanie gotowych szablonów i motywów (themes). Taki szablon można zakupić u różnych dostawców takich jak Wix, home.pl czy WebWave.

Jest to szybka i tania opcja stworzenia strony internetowej. Jednak serwisy stworzone w ten sposób mają trudności z osiąganiem wysokich wyników w wynikach wyszukiwania Google.

Strona internetowa z WordPress

WordPress to platforma używana do tworzenia serwisów internetowych na podstawie gotowych szablonów i motywów (themes). Zwykle podczas tworzenia strony internetowej z pomocą WordPress angażuje się podmiot trzeci, czyli firmę specjalizującą się w tworzeniu serwisów. Pomaga ona skonfigurować środowisko WordPress, wybrać odpowiedni motyw i opublikować treści.

Responsive Web Design

Responsive Web Design, czyli responsywne projektowanie stron to podejście do tworzenia serwisów, które dostosowują swój układ do urządzenia użytkownika. Stosowanie podejścia RWD zapewnia, że twoja strona internetowa będzie prezentować się równie dobrze na komputerze, czy laptopie, jak i na urządzeniach mobilnych (smartfon, tablet).

Mobile-first

Podejście mobile-fist do projektowania stron internetowych polega na dostosowywaniu wyglądu i funkcjonalności strony do możliwości i ograniczeń urządzeń mobilnych (np. smartfon czy tablet). Oznacza to, że projektuje się witryny najpierw z myślą o użytkownikach mobilnych i ich doświadczeniach, a potem przekłada się je na urządzenia stacjonarne.

Content Management System (CMS)

Content Management System (CMS), czyli system do zarządzania treścią strony internetowej to aplikacja, która umożliwia administratorowi zarządzanie stroną bez wiedzy i umiejętności programistycznych.

Za pomocą tego narzędzia można zmieniać zawartość poszczególnych sekcji strony, formatować treści tekstowe, publikować posty na bloga lub zamieszczać wideo.

WCAG i WCAG Checker

WCAG, czyli Web Content Accessibility Guidelines, to zbiór wytycznych, których celem jest poprawa dostępności cyfrowych treści dla osób z niepełnosprawnościami, w tym wzrokowymi, słuchowymi, fizycznymi, poznawczymi, itp. Zawierają między innymi wskazówki dotyczące stosowania odpowiedniego kontrastu, zapewniania alternatywnego tekstu dla grafik, oferowania nawigacji za pomocą klawiatury lub innych technologii asystujących.

Z kolei WCAG Checker umożliwia zachowanie zgodności z wymogami WCAG poprzez automatyczne i manualne testy stron internetowych i aplikacji. Narzędzie skanuje treści i wskazuje poziom zgodności ze standardem WCAG, a także oferuje rekomendacje, dzięki którym można poprawić dostępność oferowanego contentu.

E-commerce terminologia

Tutaj znajdziesz terminy związane z e-commerce, czyli sklepami internetowymi i zakupami online.

Koszyk zakupowy (Shopping cart)

Pojęciowo koszyk zakupowy na stronie sklepu internetowego nie różni się bardzo od tego, którego na co dzień używasz w sklepie stacjonarnym.

Koszyk w sklepie internetowym to podstrona, na której znajdują się wszystkie produkty, które klient dodał do niego podczas zakupów. Jest to poręczne podsumowanie zakupów, w którym można znaleźć listę dodanych produktów, łączną kwotę zakupów, a czasami też szacowany koszt dostawy.

Strona zakupowa (Checkout page)

Strony zakupowe to specjalnie przygotowane podstrony, które pojawiają się po skompletowaniu koszyka zakupowego. Zwykle można na nich znaleźć formularz, który trzeba wypełnić danymi takimi jak imię i nazwisko, adres do wysyłki, informacje dotyczące płatności itd.

UX/UI design

W tej sekcji omówimy terminologię związaną z UX/UI design, czyli z projektowaniem doświadczeń użytkownika i interfejsów użytkownika. Terminy te są przydatne podczas pracy z UX/UI designerami.

Architektura informacji

Architektura informacji to pojęcie, które opisuje sposoby organizowania i strukturyzowania informacji na stronach internetowych i produktach cyfrowych. Głównym celem architektury informacji jest ułatwienie użytkownikowi dotarcie do interesujących go informacji. Taki efekt można osiągnąć poprzez odpowiednie projektowanie struktury witryny, menu, nawigacji, czy kategorii produktów.

W ramach architektury informacji tworzy się systemy nazewnictwa, wyszukiwania i organizacji, które pomagają kategoryzować i grupować informacje. Dzięki temu użytkownik jest w stanie zorientować się w strukturze strony lub produktu.

Prototyp

Prototyp polega na przygotowaniu interfejsu w sposób umożliwiający jego interaktywne testowanie. Prototyp jest zwykle tworzony na koniec prac designu, w celu przekazania rezultatu prac klientowi, aby klient mógł przetestować interfejs we własnym zakresie lub przy udziale użytkowników. Prototyp służy również jako część dokumentacji przekazywanej developerom.

Frontend & Backend

Frontend i Backend to dwie części strony internetowej lub produktu cyfrowego, które są odpowiedzialne za różne aspekty działania strony. Poniżej wyjaśniamy terminy z nimi związane.

Frontend

Frontend to część strony internetowej, która jest bezpośrednio wystawiona na widok użytkownika. Deweloperzy front-end są opowiedziani za kodowanie takich elementów jak interfejs użytkownika, nawigacja, sposób obsługi aplikacji, zachowanie animacji i grafik na stronie i wiele innych. W skrócie front end obejmuje wszystko, co użytkownik widzi i z czym może wejść w interakcje.

Backend

Backend jest przeciwieństwem front endu i obejmuje wszystko, co jest ukryte przed wzrokiem użytkownika strony internetowej. Głównymi zadaniami backend deweloperów są tworzenie logiki strony, API, baz danych, zarządzanie danymi i kodowanie funkcjonalności itd. Backend jest kluczowy dla poprawnego funkcjonowania serwisu internetowego.

Podsumowanie

I tak właśnie prezentuje się nasza lista kluczowych pojęć do budowy strony internetowej. Wiele z nich napotkasz podczas tworzenia serwisów i współpracy z agencjami interaktywnymi. Oczywiście, żadna firma nie będzie wymagała, żebyś znał je wszystkie od deski do deski. Jednak nawet ich pobieżna znajomości sprawi, że będziesz czuć się bardziej komfortowo podczas spotkań i pozwoli ci na sprawną komunikację z wykonawcą.

Oceń artykuł:
Journal / Redaktor
Autor: Radek
UX Writer i badacz z wykształcenia + doświadczenia. Zbiera wiedzę The Story i dzieli się nią na Journalu.

Jesteś zainteresowany współpracą z nami? Zajrzyj do Portfolio