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

ČO JE WIREFRAME A PREČO HO POTREBUJETE K VÝVOJU WEBU

Doslovný preklad slova wireframe je „drôtený rám“, no v praxi stačí papier s ceruzkou a rámcový náčrt vášho webu môže vznikať priamo pred vašimi očami. Voľne môžeme wireframe preložiť ako kostru, ktorú potom dizajnér a programátor „odejú“ do na mieru ušitých šiat.

Vintage,Metal,Clothing,Mannequin,Display,In,Interior,Girl's,Room,Closeup

Zdroj: https://shutterstock.com/

My sme digitálna agentúra. Papierom treba šetriť – preto wireframe tvoríme digitálne.

Krok po kroku, wireframe po brífingu

Ak už je spolupráca s klientom vo fáze, kedy máme v rukách všetky dôležité informácie k webu (ako sa k nim dopracujeme, si môžete prečítať tu, zasadne v agentúre tím kolegov, ktorý pracuje na jeho dizajne, obsahu a funkcionalite. Výsledkom je wireframe, ktorý klientovi poskytne prvý náhľad na vznikajúci web, aby pochopil rozmiestnenie jednotlivých prvkov, vedel si predstaviť, kam treba doplniť texty, kde sa budú nachádzať buttony a pod.

Wireframe zámerne neobsahuje žiadne (alebo len minimum) dizajnových prvkov, aby celá pozornosť bola upriamená na rozloženie funkčných a obsahových prvkov.

Na tvorbu wireframe môžeme použiť rozmanité nástroje – od papiera cez modely, až po rôzne digitálne nástroje ako Figma, Sketch, UXPin, Axure, Balsamiq, Justinmind. My používame Adobe XD, ktorý je jedným z najlepších full design nástrojov pre webstránky a aplikácie. Je plne kompatibilný s ďalšími Adobe nástrojmi, hlavne s programom Photoshop a Illustrator. Umožňuje ľahkú spoluprácu medzi klientom, agentúrou a copywriterom.

Príklad wireframe – zobrazenie na desktope:

V prvotnej fáze tvorby webu si treba stanoviť logiku rozloženia jednotlivých častí na domovskej obrazovke, mechaniku preklikov na jednotlivé podstránky či štruktúru menu. Klient od nás dostane e-mailom link, kde si môže návrh webu pozrieť, prelistovať, prescrollovať a pripomienkovať. Všetky pripomienky uvidí každý člen tímu, takže všetci sú navzájom informovaní a zapracovanie zmien sa odohrá na jednom mieste.

Wireframe je pre vás užitočný, pretože:

  • Na začiatku projektu definuje štruktúru web stránky a textový obsah, vďaka čomu nedochádza k zmätkom a zmenám v dizajne, čo by projekt predražilo a zdržalo. Takže vám ušetrí čas aj peniaze.
  • Vyjasní obsahovú stránku webu a určí, ktoré informácie je nutné doplniť. Tým vám pomôže správne nastaviť time management projektu a budete vedieť, ktoré podklady ešte chýbajú.
  • Zabráni vzniku designu bez obsahu a teda zdržaniu v procese tvorby.
  • Pomôže vám lepšie si predstaviť hotovú stránku a zobrazí jej štruktúru, čím uľahčí rozhodovanie o škrtaní či zmenách.
  • Zmenšuje počet nutných úprav pri vývoji, čím opäť šetrí čas aj peniaze.
  • Vďaka wireframe vedia copywriteri vytvoriť kvalitnejší obsah, ktorý presne zapadá do stránky.
  • Váš feedback a pripomienky sa okamžite dostanú priamo k jednotlivým tvorcom webu.
  • Umožní agentúre dodať vám presný rozvrh a plán projektu.
  • Odhalí prípadné úskalia, ktoré môžu projekt predražiť, alebo, naopak, ukáže, kde ušetriť.

Mobile first

To, že všetky webové stránky z našej agentúry sú responzívne, je samozrejmosťou. Ak pracujeme s predpokladom, že webstránka bude primárne navštevovaná z mobilných zariadení, wireframe navrhujeme mobile first metódou. Viac o nej napíšeme v ďalšom článku.

Ako môžete vidieť, tvorbu webovej stránky máme detaile rozfázovanú a je to proces, v ktorom má každý krok svoje opodstatnenie. Cesta je veľakrát náročná, ale veríme, že stojí za to. Tvoríme unikátne, funkčné a nadčasové weby, ktoré maximálne plnia svoje funkcie a klienti necítia potrebu ich po roku meniť. Ak sa rozhodnete ísť do toho s nami, rozhodne nebudete sklamaní. Nás to totiž veľmi baví a každý web tvoríme s takým prístupom, akoby sme ho robili sami pre seba.
SHARKANI_Karin

Článok pre Vás pripravila Karin.

Doslovný preklad slova wireframe je „drôtený rám“, no v praxi stačí papier s ceruzkou a rámcový náčrt vášho webu môže vznikať priamo pred vašimi očami.

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
        • Programovanie
      • Blog
      • Referencie
      • O nás
        • Filozofia
        • Tím
        • História
      • Kontakt
      • English