Предности на посно веб-страниците Маркус Штајнахер

Иако овој напис има малку сугестивен, па дури и провокативен наслов, зад него се крие многу вистина во однос на концепцијата на веб-страница. Терминот „тенок“ во денешно време го сугерира идеалот за убавина и пуристички дизајн линии кои се сметаат за исклучително ексклузивни. Навистина, многу дизајнери и творци на уметничка убавина се обидуваат да дојдат до срцето на нивната сложеност и да ја сведат својата остварена уметничка форма на најважните. Од друга страна, покрај ова возвишено тврдење, мислам на леснотијата на корисниците и управувањето со веб-страниците, пред се за посетителот на веб-страницата, а исто така и за операторот кој сака неговата веб-страница да работи и работи што е можно поуспешно.

Работете ефикасно со посни веб-страници

Се разбира, убаво е да ја посетите мобилната веб-страница што влегува директно во смислата. Но, тоа е уште попријатно за операторот на веб-страницата, кој има релативно лесно редовно ажурирање и проширување на нивната содржина, според шемата дефинирана од самиот почеток, што е лесна за паметење, интуитивна и суштинска. Ако сопственикот на веб-страницата не е ни запознат со неговата веб-страница, како неговите клиенти треба да се справат со неа?

Крдо е: "Помалку е повеќе!". Но, што помалку е подобро од многу повеќе? Како е најдобро да се прави разлика помеѓу она што е од суштинско значење и она што спаѓа во категоријата „убаво да се има“, а можеби дури и подобро да не се користи пред сè.

Mobile First - најбезбедна тактика за работа чиста

може да се прикаже на мобилни уреди
одвојте релативно малку време за вчитување
автоматски (релативно) прилагодете се на соодветниот формат на екранот
и се неопходни за посетителите на веб-страниците

Сè друго може да се скрие на мобилната веб-страница со чиста совест, или со други зборови, тоа е додадено само подоцна на таблет и/или десктоп верзија како дел од зачнувањето.

прашај? Среќен сум што ви давам совет и помош лично! Само стапи во контакт со мене.

Со CMS системите можеме релативно лесно да разликуваме помеѓу соодветните варијанти на екранот/форматите на екранот

Со WordPress (на пример, со Elementor) можете лесно да ја уредувате содржината за

мобилен
Таблет
Работна површина

да бидат стилизирани одделно. Тоа значи, на пример, за секоја слика да одлучам дали и како сакам да се прикажува на кој формат на екранот. Соодветната точка на прекин (ширина на екранот на која дизајнот се менува од работна површина во мобилен со користење на CSS) генерално може да се постави индивидуално, иако во повеќето случаи се препорачува да се напушти зададената поставка.

Пример за да се направи мобилна веб-страница тенка

Овде можете да ја видите десктоп верзијата на веб-страница богата со содржини од левата страна - www.sport-oesterreich.at. Верзијата на таблетот може да се види на средина. Во суштина, тука не се сменија многу. Само главното мени се претвора во мени за вклучување кое се отвора со притискање на прстот. Сликите и графиките се прилагодуваат пропорционално/релативно на соодветниот формат на екранот. Сепак, доживуваме најголема промена во мобилната верзија (прикажано десно). Горенаведеното мени (со врските за социјални мрежи и секундарното мени) и големото слајд шоу со закачките исчезнуваат тука. „Над пати“, копчињата за најважните области на веб-страницата остануваат. Ова има карактер на лесна апликација, се вчитува брзо и е јасно.

прашај? Среќен сум што ви давам совет и помош лично! Само стапи во контакт со мене.

Друг пример за зачнување на (мобилна) веб-страница

Веб-страница што треба да објасни процес или одредена низа треба идеално да го објасни на мобилната верзија „чекор по чекор“ најлесниот начин да се дојде до целта. Ние сакаме да ги земеме посетителите за рака и да ги водиме низ целиот процес, точка по точка.

Во принцип, ова е многу лесно со копчињата за врски и менијата за прицврстување. Првиот чекор го објаснуваме со слика и што е можно повеќе описен текст. Копче подолу, чиј текст може да биде: „Оди на следниот чекор“, поврзани со сидрото на следниот чекор, итн.

Принципот е јасен: посетителот на веб-страницата гледа брзо само што му треба во тој момент, брзо и јасно. Ова обично доведува до големо корисничко искуство и добар резултат на пребарување со пребарувачите, кои препознаваат вакво нешто ако оптимизацијата е релевантна за тоа. Конверзијата (на пр. Задоволството на клиентот, ако станува збор за услуга или декларација за производ, смена на проблеми, итн.) Тогаш всушност е само пријатен несакан ефект.

Други белези на тенка веб-страница

Во суштина, како веб-дизајнер, секогаш размислувам за тоа што можам да изоставам. Започнува со фактот дека јас активно се обидувам да зачувам бајти. Каде можам да зачувам бајти на веб-страница?

Во изворниот код
Со слики и графики
Во дизајн (CSS)
За апликации (JavaScript)
За преземања
Со системот CMS и неговите дополнителни модули/приклучоци

Open Source CMS Drupal е многу моќен инструмент, но поради неговата основна структура тој веќе произведува многу код, што го прави Друпал малку „потежок“ од WordPress, што е многу поедноставно по својата структура. Затоа, со Друпал е многу потешко отколку со WordPress да се одржи таканаречениот однос на текст и код над посакуваната стандардна вредност од 25 проценти. Наводно, оваа вредност понекогаш е мал аспект што е релевантен за оптимизација и е оценет од пребарувачите. Ако е така, тогаш сум убеден дека ова не е најважниот аспект на добар резултат од пребарување. Но, сепак има смисла да се користи чист CMS систем за помали веб-страници.

Темата на CSS е целосно засебен свет, со кој „нормалните“ посетители на веб-страниците веројатно никогаш не доаѓаат во контакт. CSS (Cascading Style Sheets) е „програмски јазик“ или „јазик на стилови“ што го дефинира изгледот на веб-страницата. Прелистувачите ги толкуваат командите на стилот на веб-страницата и ги извршуваат во форма на веб-дизајн. Од ерата HTML 5/CSS 3, Во кои Интернетот повторно стана поладен, можностите за дизајн на веб-страниците драматично се зголемија. Сега е можно да се прикажат слики, текстови и цели области на веб-страница на анимиран, изопачен, уметнички или сензационален начин. Се разбира, ова исто така претставува ризик дека особено креативните луѓе имаат тенденција да претераат целосно. Премногу ефекти не само што го оптоваруваат посетителот, туку го преоптоваруваат кодот и го зголемуваат времето на вчитување, што има негативен ефект врз посакуваното корисничко искуство. Помалку е повеќе!

Па дури и основниот систем, со кој се управува во таканаречениот задник, има опасности. Со CMS системи со отворен извор, постојат голем број дополнителни бесплатни модули (Друпал)/приклучоци (WordPress) кои ја зголемуваат функционалноста на веб-страницата. Премногу инсталирани/активирани модули, сепак, го прават основниот систем тежок и одржува интензивен. Со цел да се одржи и работи веб-страницата на долг рок, модулите и безбедносните ажурирања треба да се прават редовно. Ова понекогаш не е толку лесно и бара искуство и специјалистичко знаење (особено со Друпал). Затоа се препорачува да се постапува на структуриран начин при избор и да се одржува редот. Оние приклучоци кои повеќе не се потребни, најдобро се бришат за да се одржи слабиот јадрен систем.

прашај? Среќен сум што ви давам совет и помош лично! Само стапи во контакт со мене.