logo-claimlogo-white_stickylogo-claimlogo-claim
  • hello@sharkani.com
  • +421 915 105 575
  • English
✕
SPÄŤ

Používate whitespace správne?

Používate whitespace správne?

„Obsah je kráľ!“ Slávny výrok, ktorý prvýkrát spomenul Bill Gates v roku 1996 v článku, kde predpovedal vzostup záujmu o obsah (Content is King). Dnes sa jeho výroku držia všetci copywriteri a marketéri. Je to však naozaj iba obsah, ktorý je kráľom? Nie je to skôr forma, akou obsah podáme? Môžete byť akýkoľvek odborník, no ak uverejníte na blog článok o dĺžke 5 normostrán s minimálnym riadkovaním a bez odsekov, nikto ho čítať nebude. V tomto článku sa spoločne pozrieme na to, ako podať obsah v takej forme, aby ho ľudia milovali.

Čo je whitespace?

Whitespace alebo tiež negatívny priestor je v krátkosti nezaplnené miesto obsahom. Je to priestor medzi riadkami, odsekmi, medzi rôznymi prvkami webového rozhrania atď. Pojem whitespace neoznačuje iba prázdny priestor s bielym pozadím. Môže mať akúkoľvek farbu, textúru alebo vzor.

Prečo je whitespace taký dôležitý a ako naň?

Negatívny priestor nám pomáha zlepšiť estetiku a vzhľad stránky. No hlavne nám pomáha povzniesť používateľskú skúsenosť (UX). Poďme sa bližšie pozrieť na UX benefity:

1) Zlepšuje prehľadnosť

Rovnomerné použitie bieleho priestoru umožňuje používateľom obsah stránky ľahko skenovať a výrazne zlepšuje čitateľnosť. Výsledky štúdie hovoria, že správnym použitím prázdneho priestoru medzi riadkami odsekov a jeho pravým a ľavým okrajom dokážeme zlepšiť čitateľnosť až o 20%. Minimálne medzery medzi riadkami alebo položkami v menu sa nazývajú Micro White Spaces.

Používate whitespace správne?
2) Zameranie pozornosti

Veľké medzery medzi layoutom stránky a obsahom (Macro White Spaces), nám pomáhajú usmerniť pozornosť používateľov tam, kam chceme. Na stránke nižšie môžete jasne vidieť, čo vám chce Apple oznámiť.

Používate whitespace správne?
3) Zvýšená miera interakcie

Podľa viacerých štúdií je priemerná pozornosť používateľa internetu 6 sekúnd. To je o 2 sekundy menej než zlatá rybka. Efektívne využitie negatívneho priestoru a zvýraznenie CTA (Call-To-Action) nám pomáha zvýšiť mieru interakcie. Pozrime sa na domovskú stránku Google vyhľadávača. Použitie prázdneho priestoru je očividné a zreteľne komunikuje účel stránky: Vyhľadávanie!

Používate whitespace správne?
4) Obsah na nás nekričí

Pozrite sa na obrázky nižšie. Máme jednoduchú správu, ktorú chceme používateľovi odovzdať. Pri pohľade na prvý obrázok náš pohľad skáče z jedného prvku na druhý – spoločnosť, názov, text, tlačítko a žiarovka. Je tam veľmi málo prázdneho priestoru.

Používate whitespace správne?

Pričom pri pohľade na druhý obrázok vieme jasne rozlíšiť, čo je názov spoločnosti, aká je správa, ktorú chceme odovzdať a tlačítko, kde máme kliknúť. Whitespace pomáha našim očiam si odpočinúť, pomáha nám dýchať a nezaťažuje nás informáciami.

Používate whitespace správne?

„Whitespace nemá byť v prvom rade pekný, ale efektívny“


Zhrnutie

Whitespace je mocný dizajnový nástroj. Správne použitie negatívneho priestoru je umenie. Udržať jeho správnu úroveň tak, aby na stránke pôsobila rovnováha sa naučíte iba praxou.

Zdroj: https://blog.prototypr.io/importance-of-white-space-in-design-5a40c0e65bfd

„Obsah je kráľ!“ Slávny výrok, ktorý prvýkrát spomenul Bill Gates v roku 1996 v článku, kde predpovedal vzostup záujmu o obsah (Content is King). Dnes sa jeho výroku držia všetci copywriteri a marketéri. Je to však naozaj iba obsah, ktorý je kráľom? Nie je to skôr forma, akou obsah podáme? Môžete byť akýkoľvek odborník, no ak uverejníte na blog článok o dĺžke 5 normostrán s minimálnym riadkovaním a bez odsekov, nikto ho čítať nebude. V tomto článku sa spoločne pozrieme na to, ako podať obsah v takej forme, aby ho ľudia milovali.

Zdieľať

Neprestávajte čítať

WebP
5. decembra 2022

WEBP – ŠETRNÝ OBRÁZKOVÝ FORMÁT


čítaj viac >
3. októbra 2022

SÚHLAS SO SPRACOVANÍM SÚBOROV COOKIE


čítaj viac >
14. septembra 2022

VIDEO AKO POZADIE NA WEBSTRÁNKE


čítaj viac >

režim čítania

moon moon

SLEDUJTE NÁS AJ NA FACEBOOKU

Najnovšie články

  • ÚLOHA SOCIÁLNYCH SIETÍ PRI VAŠOM PODNIKANÍ
  • WEBP – ŠETRNÝ OBRÁZKOVÝ FORMÁT
  • SÚHLAS SO SPRACOVANÍM SÚBOROV COOKIE
  • VIDEO AKO POZADIE NA WEBSTRÁNKE
  • Moja stáž v SHARKANI
© 2023 Betheme by Muffin group | All Rights Reserved | Powered by WordPress
    • No translations available for this page
      SHARKANI
      Spravujte súhlas so súbormi cookie
      Na poskytovanie tých najlepších skúseností používame technológie, ako sú súbory cookie na ukladanie a/alebo prístup k informáciám o zariadení. Súhlas s týmito technológiami nám umožní spracovávať údaje, ako je správanie pri prehliadaní alebo jedinečné ID na tejto stránke. Nesúhlas alebo odvolanie súhlasu môže nepriaznivo ovplyvniť určité vlastnosti a funkcie.
      Funkčné Vždy aktívny
      Technické uloženie alebo prístup sú nevyhnutne potrebné na legitímny účel umožnenia použitia konkrétnej služby, ktorú si účastník alebo používateľ výslovne vyžiadal, alebo na jediný účel vykonania prenosu komunikácie cez elektronickú komunikačnú sieť.
      Nastavenia
      Technické uloženie alebo prístup je potrebný na legitímny účel ukladania preferencií, ktoré si účastník alebo používateľ nepožaduje.
      Štatistiky
      Technické úložisko alebo prístup, ktorý sa používa výlučne na štatistické účely. Technické úložisko alebo prístup, ktorý sa používa výlučne na anonymné štatistické účely. Bez predvolania, dobrovoľného plnenia zo strany vášho poskytovateľa internetových služieb alebo dodatočných záznamov od tretej strany, informácie uložené alebo získané len na tento účel sa zvyčajne nedajú použiť na vašu identifikáciu.
      Marketing
      Technické úložisko alebo prístup sú potrebné na vytvorenie používateľských profilov na odosielanie reklamy alebo sledovanie používateľa na webovej stránke alebo na viacerých webových stránkach na podobné marketingové účely.
      Spravovať možnosti Správa služieb Spravovať predajcov Prečítajte si viac o týchto účeloch
      Nastavenia
      {title} {title} {title}
      Send me my password
      Your password has been sent by email
      Make a payment
      Total to pay :
      $5
      Powered by Stripe

      Payment could not be made
      Pay now

      Poďme na to

      0$

      Ďakujeme. Kalkulácia aj so sprievodnými informáciami už je vo vašej emailovej schránke.

      Sharkulačka

      Cenová kalkulačka tvorby webovej stránky

      Uvažujete o novej webstránke, no nemáte predstavu aký rozpočet na to budete potrebovať? Využite našu intuitívnu šesťkrokovú kalkulačku, ktorá Vás prevedie výberom podstatných parametrov, na základe, ktorých získate orientačnú cenovú kalkuláciu.
      Musíte vybrať aspoň jednu možnosť
      Ďalej
      Späť

      Aký rozsah webovej stránky
      potrebujete?

      Označte 1 možnosť

      onepage

      Jedna stránka (bez podstránok)

      Do 5 podstránok

      6 a viac podstránok

      Musíte vybrať aspoň jednu možnosť
      Ďalej

      Kde sa bude primárne
      webová stránka prezentovať?

      Označiť môžete viacero možností

      Mobil

      Laptop / desktop

      Veľké obrazovky

      Musíte vybrať aspoň jednu možnosť
      Ďalej
      Späť

      Aké funkcie na webovej stránke
      potrebujete?

      Označiť môžete viacero možností

      Kontaktný formulár

      Newsletter

      Online chat

      Musíte vybrať aspoň jednu možnosť
      Ďalej
      Späť

      Budete potrebovať tvorbu
      obsahových podkladov?

      Označiť môžete viacero možností

      Copywriting

      Fotografie na mieru

      Jazykové mutácie

      Musíte vybrať aspoň jednu možnosť
      Ďalej
      Späť

      To je všetko!

      Orientačnú cenu tvorby vašej novej webstránky na mieru si nájdete na:


      *podmienky spracovania a ochrany osobných údajov

      Summary

      Popis Informácie Množstvo Cena
      Discount :
      Spolu :
      Odoslať
      Späť

      MILÍ ČITATELIA,

      do našich blogových článkov sme pridali novú funkcionalitu, vďaka ktorej si jednoducho zmeníte režim čítania zo svetlého do tmavého režimu a naopak. Stačí kliknúť vpravo na ikonu.

      • Služby
        • Grafika
        • Web
        • Marketing
      • Blog
      • Referencie
      • O nás
        • Filozofia
        • Tím
        • História
      • Kontakt
      • English