Język projektanta stron internetowych: Przewodnik dla Twoich klientów

Każdy handel ma swój własny język. Jako projektant stron internetowych biegle posługujesz się zupą alfabetyczną terminów dotyczących witryn internetowych, takich jak UX, CSS i HTML. Ale twoi klienci? Równie dobrze mogłoby to być dla nich greckie.

Edukowanie klientów w zakresie najpopularniejszych terminów związanych z projektowaniem stron internetowych niesie ze sobą ogromne korzyści, zanim jeszcze zagłębisz się w proces projektowania. Bez względu na ich poziom wiedzy, pomijając podstawy, spędzasz więcej czasu na rozmowach telefonicznych tłumacząc terminologię, zamiast omawiać swoją pracę i pomysły projektowe.

Aby pomóc Twoim klientom przyspieszyć, skompilowałem najpopularniejsze terminy dotyczące projektowania stron internetowych i przetłumaczyłem je na język przyjazny dla klienta.

Obraz bohatera

Projektując witrynę internetową, często słyszysz termin „obraz bohatera” w odniesieniu do strony głównej witryny. Chociaż termin ten może przywoływać obrazy Batmana i Supermana, nie oznacza to, że Twój projektant umieszcza na Twojej stronie internetowej wizerunek superbohaterów.

Obraz główny to duży obraz funkcji lub tło wideo w górnej części strony głównej witryny. Ludzie zaczęli nazywać ten obszar obrazem bohatera, ponieważ jest to tak ważna część witryny. Jest to pierwsza rzecz, którą widzi każdy odwiedzający po wejściu na Twoją witrynę, dlatego projekt musi być urzekający i znaczący.

Chociaż termin „obraz bohatera” zawiera słowo obraz, ta sekcja witryny niekoniecznie musi być obrazem statycznym. Obecnie filmy z bohaterami są bardzo popularne, zwykle odtwarzane w tle za tekstem. W zależności od celów witryny i stylu projektowania, możesz nawet zobaczyć animację używaną w tym obszarze witryny.

UX lub doświadczenie użytkownika

UX to skrót od user experience. Niektórzy projektanci stron internetowych specjalizują się w projektowaniu UX – procesie zwiększania całkowitego doświadczenia osoby odwiedzającej witrynę. Projektowanie UX jest uważane za specjalizację, ponieważ projektant nie tylko tworzy wygląd witryny, ale także bierze pod uwagę, jak odwiedzający przeżywa swoje pierwsze (i kolejne!) wizyty na stronie.

Prostą analogią do doświadczenia użytkownika jest porównanie go z doświadczeniem, jakie możesz mieć w nowej restauracji. Jedzenie może być świetne, ale jeśli restauracja zajmie ci wieczność, a łazienki są obrzydliwe, a parking to koszmar, prawdopodobnie znowu tam pójdziesz. Istnieje znacznie więcej czynników niż jedzenie, które mogą wpływać na twoje wrażenia w restauracji.

To samo można powiedzieć o stronach internetowych i na tym właśnie polega user experience. Zaangażowanie i utrzymanie odwiedzającego na Twojej stronie to nie tylko ładny wygląd. Projektant stron internetowych, który rozumie projektowanie UX, rozważa, w jaki sposób wszystko w witrynie wpływa na ogólne wrażenia użytkownika.

Szkielet

W przypadku większości projektów witryn internetowych Twój zespół internetowy najpierw utworzy szkielet strony internetowej przed utworzeniem makiety projektu.

Model szkieletowy jest w zasadzie planem i pokazuje, gdzie na stronie zostaną umieszczone określone elementy i tekst.

Budowanie strony internetowej jest podobne do budowy domu. Zaczynasz od architekta i tworzysz projekt, zanim projektant wnętrz zacznie pracę, w przeciwnym razie możesz skończyć z łazienką w kuchni. Model szkieletowy jest niezwykle przydatnym narzędziem, ponieważ pozwala współpracować ze strategiem sieciowym lub projektantem i poruszać się łatwiej niż makieta projektu.

Jeśli kiedykolwiek widziałeś przykład szkieletu, zauważysz, że ma on podobieństwa do planu budynku; model szkieletowy jest zazwyczaj czarno-biały z podstawowymi ramkami i konturami, aby pokazać, gdzie zostaną umieszczone elementy.

Architektura informacji (IA)

Oprócz modelu szkieletowego zwykle na wczesnym etapie procesu pracujesz nad architekturą informacji dla swojej witryny internetowej. Architektura informacji, często nazywana IA, odnosi się do procesu organizowania, ustalania priorytetów i oznaczania treści na stronie internetowej.

Na tym etapie będziesz decydować, które strony witryny zostaną uwzględnione w górnej nawigacji witryny i jaka będzie struktura treści. Górna nawigacja to seria linków u góry strony. Ta górna nawigacja znajduje się na każdej stronie witryny i pomaga kierować odwiedzających do najważniejszych treści.

Podobnie jak w przypadku szkieletu, ostateczna architektura informacji jest reprezentacją organizacji witryny. Często wygląda jak diagram i jest kluczowym narzędziem do prowadzenia zespołu internetowego, aby upewnić się, że ostateczna strona internetowa jest logiczna i intuicyjna w nawigacji.

Responsywne na urządzenia mobilne

Obecnie każda witryna internetowa musi działać na różnych urządzeniach, takich jak telefony, tablety i komputery stacjonarne. Właśnie w tym kontekście często słyszysz, jak projektant stron internetowych używa terminu „responsywne na urządzeniach mobilnych”.

Większość platform internetowych, takich jak WordPress, reaguje na urządzenia mobilne, co oznacza, że ​​w samą platformę wbudowano już technologię, dzięki której treść automatycznie dostosowuje się do rozmiaru urządzenia użytkownika.

Pomyśl, jak działa Twój telefon komórkowy. Jeśli obrócisz telefon poziomo, zawartość telefonu dostosuje się automatycznie.

Jest to bardzo podobne do tego, co dzieje się na stronie internetowej. Ze względu na technologię reagującą na urządzenia mobilne, projektanci stron internetowych i programiści nie muszą już tworzyć drugiej wersji Twojej witryny na mniejsze urządzenia. Ta sama treść i wygląd będą wyświetlane odpowiednio na różnych rozmiarach urządzeń.

Wykwalifikowany projektant stron internetowych bierze to pod uwagę podczas projektowania witryny i może pomóc w pisaniu treści, które działają zarówno na urządzeniach mobilnych, jak i na większych ekranach.

HTML, CSS i JavaScript

Nie daj się zastraszyć tym technicznym terminom. Każdy z nich odnosi się do tego, jak Twój projekt przechodzi od statycznego obrazu do aktywnej, interaktywnej strony internetowej. Zazwyczaj zaczynasz tworzenie swojej witryny od projektanta stron internetowych, który specjalizuje się w jej wyglądzie i organizacji. Następnie przejdziesz do współpracy z programistą lub zespołem programistów, który zakoduje witrynę.

Bardziej prawdopodobne jest, że usłyszysz te terminy na etapie tworzenia witryny, ale mogą również pojawić się w dyskusjach na temat projektowania.

HTML oznacza HyperText Markup Language i umożliwia zespołowi internetowemu informowanie przeglądarki internetowej, jak wyświetlić fragment tekstu. HTML używa różnych znaczników, aby określić, czy tekst jest nagłówkiem, podtytułem czy akapitem. Możesz zobaczyć, jak projektant oznaczył nagłówek w Twoim projekcie jako H1. Odnosi się to do tagu HTML, który zostanie użyty do poinformowania przeglądarki, że cały tekst z tą etykietą powinien mieć ten sam rozmiar czcionki.

Kaskadowe arkusze stylów (CSS) pomagają projektantowi i programiście określić wygląd i styl witryny. Sam HTML nie jest ani atrakcyjny, ani kuszący. CSS robi różnicę w tworzeniu pięknego projektu strony internetowej.

JavaScript to język skryptowy, którego programiści używają do tworzenia interakcji w witrynie. Z samym HTML i CSS masz ładnie wyglądającą stronę internetową, ale nic nie może się stać tylko z tymi dwoma. Szukając programisty lub zespołu programistów, poszukaj kogoś, kto zna się znacznie więcej niż tylko JavaScript i upewnij się, że Twój zespół ma doświadczenie w obsłudze platformy, na której budujesz witrynę.

CMS

Zakończymy dość prostym terminem: system zarządzania treścią, inaczej znany jako CMS. Często słyszysz ten termin w odniesieniu do WordPressa (innego systemu zarządzania treścią).

W rzeczywistości WordPress jest najpopularniejszym systemem zarządzania treścią na świecie. CMS to narzędzie zaplecza na stronie internetowej, które umożliwia łatwą edycję lub dodawanie treści do witryny.

Ogromną zaletą budowania witryny w systemie CMS, takim jak WordPress, jest to, że nie musisz być projektantem stron internetowych ani programistą, aby zmieniać tekst, dodawać obrazy lub dodawać strony po uruchomieniu witryny. Nie będziesz musiał dzwonić do swojego programisty za każdym razem, gdy chcesz dodać przecinek do strony.

Ponieważ WordPress jest niezwykle elastyczny i konfigurowalny, otrzymujesz to, co najlepsze z obu światów, dzięki pięknej stronie internetowej, która jest nadal łatwa w zarządzaniu dla Twojej firmy.

Sprawdź więcej treści WordPress!

WordPress to najpopularniejszy system zarządzania treścią na świecie, z którego codziennie korzysta coraz więcej twórców. Dowiedz się więcej o WordPressie tutaj. Nie ma znaczenia, czy jesteś początkującym, czy znasz WordPressa jak własną kieszeń, mamy zasoby i artykuły dla każdego!

Czytaj dalej tutaj.