Переваги пісних веб-сайтів Маркус Штейнахер

Незважаючи на те, що ця стаття має трохи сугестивну або навіть провокаційну назву, в концепції веб-сайту стоїть багато правди. Термін «тонкий» сьогодні вказує на ідеал краси та пуристичного дизайну, які розглядаються як надзвичайно ексклюзивні. Дійсно, багато дизайнерів та творців художньої краси намагаються проникнути в суть їхньої складності та звести досягнуті форми мистецтва до найнеобхіднішого. З іншого боку, на додаток до цієї високої вимоги, я маю на увазі зручність користування веб-сайтом та керування ним, в першу чергу для відвідувача веб-сайту, а також оператора, який хоче, щоб його веб-сайт працював якомога успішніше.

Ефективно працюйте з худими веб-сайтами

Звичайно, приємно відвідати мобільний веб-сайт, який переходить прямо до справи. Але це ще приємніше для оператора веб-сайту, якому порівняно легко регулярно оновлювати та розширювати свій вміст, згідно із схемою, визначеною з самого початку, яку легко запам’ятати, інтуїтивно зрозумілою та важливою. Якщо власник веб-сайту навіть не знайомий зі своїм веб-сайтом, як його клієнти повинні з ним боротися?

Кредо: "Менше значить більше!". Але що менше, ніж краще більше? Як найкраще розрізняти те, що є найважливішим, і те, що потрапляє в категорію «приємно мати», і, можливо, навіть краще не використовувати це спочатку.

Mobile First - найбезпечніша тактика роботи з ощадливістю

може відображатися на мобільних пристроях
займає відносно невеликий час завантаження
автоматично (відносно) адаптуватися до відповідного формату екрана
і є важливими для відвідувачів веб-сайту

Все інше можна приховати на мобільному веб-сайті з чистою совістю, або іншими словами, це лише додається пізніше на планшетній та/або настільній версії як частина концепції.

запитати? Я радий надати пораду та допомогу особисто! Просто зв’яжіться зі мною.

За допомогою систем управління вмістом ми можемо порівняно легко диференціювати відповідні варіанти відображення/формати екрану

За допомогою WordPress (наприклад, за допомогою Elementor) ви можете легко редагувати вміст

мобільний
Планшет
Робочий стіл

щоб бути стилізованим окремо. Це означає, що, наприклад, я можу вирішити для кожного зображення, чи і як я хочу, щоб воно відображалося на якому форматі екрана. Відповідну точку зупинки (ширина екрану, при якій дизайн змінюється з робочого столу на мобільний за допомогою CSS) зазвичай можна встановити індивідуально, хоча в більшості випадків доцільно залишити базове налаштування (за замовчуванням).

Приклад зробити мобільний веб-сайт струнким

Тут ви можете побачити настільну версію веб-сайту, багатого на вміст, ліворуч - www.sport-oesterreich.at. Планшетну версію можна побачити посередині. В принципі, тут змінилося не дуже багато. Тільки головне меню перетворюється на меню перемикання, яке відкривається натисканням пальця. Зображення та графіка адаптуються пропорційно/відносно відповідного формату екрана. Однак найбільші зміни ми зазнали у мобільній версії (показано праворуч). Тут зникають вищезазначене меню (із посиланнями на соціальні мережі та додаткове меню) та велике слайд-шоу з тизерами. “Над краєм” залишаються кнопки для найважливіших областей веб-сайту. Це легкий характер програми, швидко завантажується та зрозуміло.

запитати? Я радий надати пораду та допомогу особисто! Просто зв’яжіться зі мною.

Ще один приклад концепції (мобільного) веб-сайту

Веб-сайт, який повинен пояснити процес або певну послідовність, повинен в ідеалі пояснити в мобільній версії "поетапно" найпростіший спосіб досягти мети. Ми хочемо взяти відвідувачів за руку і провести їх по всьому процесу, очко за пунктом.

В принципі, це дуже просто за допомогою кнопок посилання та прикріплених меню. Перший крок ми пояснюємо малюнком та максимально описовим текстом. Кнопка внизу, текстом якої може бути: "Перейти до наступного кроку", пов’язані з якорем наступного кроку тощо.

Принцип зрозумілий: відвідувач веб-сайту бачить лише те, що йому потрібно на той момент, швидко і чітко. Зазвичай це призводить до високого досвіду користувача та хорошого результату пошуку в пошукових системах, які розпізнають щось подібне, якщо SEO відповідає йому. Перетворення (наприклад, задоволеність споживача, якщо мова йде про послугу чи заяву про товар, усунення несправностей тощо) тоді насправді є лише приємним побічним ефектом.

Інші ознаки тонкого веб-сайту

В основному, будучи веб-дизайнером, я завжди думаю про те, що можу залишити поза увагою. Починається з того, що я активно намагаюся економити байти. Де я можу зберегти байти на веб-сайті?

У вихідному коді
З малюнками та графікою
У дизайні (CSS)
Для додатків (JavaScript)
Для завантажень
За допомогою системи управління вмістом та додаткових модулів/плагінів

CMS Drupal з відкритим кодом є дуже потужним інструментом, але завдяки своїй базовій структурі він уже виробляє багато коду, що робить Drupal трохи «важчим», ніж WordPress, який набагато простіший за своєю структурою. Тому з Drupal набагато складніше, ніж з WordPress, підтримувати так зване співвідношення тексту та коду вище бажаного стандартного значення 25 відсотків. Імовірно, це значення іноді є невеликим аспектом, що стосується SEO, і який оцінюється пошуковими системами. Якщо так, то я переконаний, що це далеко не найважливіший аспект хорошого результату пошуку. Але все-таки має сенс використовувати для менших веб-сайтів систему з низьким рівнем ефективності.

Тема CSS - це абсолютно окремий світ, з яким "звичайні" відвідувачі веб-сайтів, ймовірно, ніколи не контактують. CSS (каскадні таблиці стилів) - це "мова програмування" або "мова таблиць стилів", що визначає зовнішній вигляд веб-сайту. Браузери інтерпретують команди таблиці стилів веб-сайту і виконують їх у формі веб-дизайну. З епохи HTML 5/CSS 3, В Інтернеті знову стало крутіше, можливості дизайну веб-сайтів різко зросли. Тепер можна відображати зображення, тексти та цілі ділянки веб-сайту анімовано, кручено, художньо чи сенсаційно. Звичайно, це також криє ризик того, що особливо креативні люди, як правило, перестараються. Занадто багато ефектів не тільки перевантажують відвідувача, але й перевантажують код і збільшують час завантаження, що негативно позначається на бажаному користувацькому досвіді. Менше значить більше!

І навіть основна система, якою керують у так званому серверному середовищі, несе в собі небезпеку. У системах управління вмістом із відкритим кодом існує ряд додаткових безкоштовних модулів (Drupal)/плагінів (WordPress), які збільшують функціональність веб-сайту. Однак занадто багато встановлених/активованих модулів роблять основну систему важкою та вимагає технічного обслуговування. Щоб веб-сайт міг працювати в довгостроковій перспективі, оновлення модулів та безпеки слід регулярно робити. Це іноді не так просто і вимагає досвіду та спеціальних знань (особливо щодо Drupal). Тому доцільно при виборі діяти структуровано та дотримуватися порядку. Ті додатки, які більше не потрібні, найкраще видаляти, щоб підтримати основну систему.

запитати? Я радий надати пораду та допомогу особисто! Просто зв’яжіться зі мною.