Zanim zaczniesz budować własną stronę internetową lub współpracujesz z kimś takim jak my, aby pomóc Ci ją zbudować, dobrze jest nauczyć się języka stron internetowych, aby zrozumieć, z czym masz do czynienia i wyrazić to, co chcesz.
Ogólnie rzecz biorąc, istnieją 4 elementy, które wchodzą w skład witryny. Każdy element jest odrębny, ale niektóre są ze sobą ściśle powiązane i łatwo je pomieszać. Suma wszystkich komponentów razem składa się na proces projektowania i budowy strony internetowej.
Obecnie istnieje wiele różnych nazw i sposobów definiowania każdego komponentu, a niektóre osoby w branży internetowej nie zgadzają się z podstawowym podziałem rzeczy. Następujące definicje działają dobrze podczas komunikacji z klientami, którzy zwykle nie uważają się za „techników” i nie dbają o różnicę między „architekturą informacji” a „projektowaniem interakcji”.
Struktura
Struktura odnosi się do sposobu łączenia różnych elementów strony internetowej lub sklepu internetowego. W branży internetowej często używamy narzędzi, takich jak mapy witryn i szkielety, do definiowania struktury witryny. Mapa witryny określa strukturę strony internetowej na poziomie makr i jest po prostu konspektem pokazującym hierarchię stron internetowych pod względem nawigacji. Możesz myśleć o mapie witryny jak o spisie treści w książce lub schemacie organizacyjnym.
Model szkieletowy określa strukturę pojedynczej strony internetowej (poziom mikro) i jest schematycznym rysunkiem strony internetowej, pokazującym, gdzie znajdują się główne elementy strony. Modele szkieletowe pokazują tylko względny rozmiar oraz pozycję treści i funkcji; nie zawierają elementów wizualnych, takich jak kolor czy obrazy, ani nie zawierają prawdziwych bloków tekstu. Możesz myśleć o szkielecie jak o szkicu ołówkowym.
Model szkieletowy może zawierać elementy strukturalne, które powtarzają się na wielu stronach, takie jak nagłówek, stopka lub pasek boczny (wąska pionowa kolumna), który zawiera te same elementy bez względu na to, na której stronie się znajdujesz. W większości systemów do budowania stron internetowych (platform internetowych) te typy elementów stanowią część szablonu. Szablon zwykle odnosi się do powtarzających się elementów w witrynie, a nie do indywidualnego układu strony.
Funkcjonować
Funkcja to część witryny zorientowana na działanie: na przykład koszyk, formularz zapytania lub przycisk pobierania. Funkcje zawsze odnoszą się do działań, które powinni wykonywać użytkownicy naszej witryny, i ważne jest, aby wiedzieć, jakie są one i jaki priorytet ma każda funkcja, od samego początku. Funkcje są włączone i ograniczone przez technologię, której używamy. Więc jeśli nie jesteś programistą, zestaw dostępnych funkcji jest zwykle określony przez to, co jest dozwolone na platformie internetowej, której używasz do tworzenia witryny. Jeśli używasz WordPress, Squarespace, Wix, Weebly, Drupal, Magento itp., Funkcje, które możesz mieć na swojej stronie, będą musiały być jedną z funkcji oferowanych przez tę platformę.
W niektórych przypadkach możesz osadzić funkcje z innych systemów na swojej stronie. Na przykład możesz być w stanie osadzić odtwarzacz wideo YouTube na stronie internetowej lub wbudowaną funkcję rejestracji w biuletynie MailChimp. Tego rodzaju przenośne funkcje są często nazywane widżetami, wtyczkami lub po prostu zwykłymi „osadzeniami”.
Zawartość
Można by pomyśleć, że jest to dość oczywiste: treść witryny odnosi się do tekstu, obrazów i innych mediów (takich jak pliki PDF lub wideo), które znajdują się na każdej stronie internetowej. Nie jest to jednak takie proste, ponieważ istnieje rozmyta granica między treścią a designem. Zdjęcia są treścią, ale odgrywają również dużą rolę w wyglądzie strony. Dużo lub trochę tekstu na stronie również odgrywa rolę w wyglądzie strony.
Z tych powodów staramy się unikać używania terminu „projektowanie”, kiedy tylko możemy, ponieważ jest on bardzo szeroki i w większości przypadków nie pomaga w komunikacji. W celu zbudowania strony internetowej zazwyczaj łatwiej jest klasyfikować tekst i obrazy jako „treść” i używać bardziej precyzyjnego języka zamiast niejasnego / mylącego słowa „design” w odniesieniu do wyglądu strony.
Estetyka
Jak wspomniano, wiele osób określiłoby ten ostatni element jako „projekt”. Ponieważ jednak inne elementy, takie jak struktura (rozmiar i rozmieszczenie rzeczy) i treść (zdjęcia lub długość tekstu) również odgrywają rolę w „projektowaniu”, wolimy używać terminu „estetyka”, aby zawęzić naszą uwagę do wyglądu rzeczy. Oznacza to, że mówimy o kolorach, czcionkach i elementach graficznych, takich jak linie i wzory, a nie treść lub struktura.
„Czuć” część wyglądu jest bardzo ważna, ale trudniejsza do zdefiniowania. To jest podchwytliwe: odnosi się do tego, jak strona odwołuje się do twoich emocji. Autorytatywne, odświeżające, zabawne, żywe lub Zen to tylko kilka przykładów emocjonalnych słów, które mogą opisać „charakter” witryny lub ogólne wrażenie. Te słowa mogą pomóc w wyborze kolorów, czcionek i innych elementów wizualnych, aby pasowały do pożądanego wrażenia. Będą również odgrywać rolę w wyborze treści, takich jak rodzaje fotografii, ton głosu i styl pisania.
Czym więc jest projektowanie stron internetowych?
Jeśli chodzi o strony internetowe, w rzeczywistości istnieje wiele rodzajów projektów; „Projekt” może odnosić się do planowania i wdrażania komponentów w celu uzyskania wizualnie harmonijnego wyglądu lub może odnosić się do planowania i wdrażania doświadczenia, które użytkownik będzie miał podczas interakcji ze stroną internetową. W rzeczywistości istnieje wiele specjalizacji w zakresie projektowania stron internetowych, zwłaszcza gdy zaczynasz mówić o dużych komercyjnych witrynach internetowych oraz agencjach i zespołach, które je wspierają.
Ale ogólnie rzecz biorąc, w przypadku małych witryn / projektów dobry projektant stron internetowych będzie w stanie umiejętnie połączyć 2 lub więcej z 4 głównych składników w przyjemną wizualnie stronę lub stronę, która dobrze zaspokoi potrzeby użytkownika strony. Jeśli współpracujesz z kimś takim jak my, którzy mają duże doświadczenie w pracy nad wieloma projektami stron internetowych, możemy pomóc Ci we wszystkich 4 komponentach, współpracując z Tobą, aby upewnić się, że wszystkie pracują razem w optymalny sposób.
Oceń naszą pracę 🙂
