Kako označiti snimku zaslona online: strelice, oblačići i isticanja

Snimka zaslona sama po sebi često ostavlja gledatelja da nagađa koji gumb treba kliknuti, koji redak teksta je važan ili što je točno pošlo po zlu. Označavanje snimke zaslona, odnosno dodavanje strelica, okvira, oznaka i isticanja, pretvara običnu sliku u jasnu uputu ili preciznu prijavu greške. Ako želite odmah označiti snimku zaslona, naš online uređivač slika uključuje alate za strelice, oblike i tekst koji rade izravno u pregledniku.

Ovaj vodič obuhvaća praktičnu stranu označavanja snimaka zaslona: kada koristiti strelicu umjesto kruga, kako oblačiće održati čitljivima i kako objaviti gotovu sliku da je kolega ili korisnik može otvoriti jednom poveznicom.

Zašto je označavanje važnije od same snimke zaslona

Neobrađena snimka zaslona pokazuje što se dogodilo, ali rijetko objašnjava na što gledatelj treba obratiti pozornost. Timovi za podršku stalno se susreću s tim. Korisnik pošalje snimku poruke o grešci, ali bez isticanja ili strelice na važnom detalju agent podrške mora nagađati koji je dio slike zapravo problem. Isto vrijedi za upute, gdje čitatelj mora znati na koju se stavku izbornika, polje ili gumb odnosi pojedini korak.

Upravo zbog tog jaza između onoga što snimka zaslona prikazuje i onoga što gledatelj stvarno razumije postoje alati za označavanje. Jedna strelica ili isticanje može taj jaz zatvoriti za nekoliko sekundi. To možete isprobati na bilo kojoj snimci zaslona u našem online uređivaču slika, koji uključuje strelice, oblike i alate za tekst napravljene upravo za ovakvo označavanje, pa pasivna slika postaje aktivna uputa.

Alati za označavanje snimke zaslona

Strelice za usmjeravanje pozornosti

Strelica je najbrži način da se pokaže nešto određeno, primjerice gumb, potvrdni okvir ili redak koda, a da se to ne prekrije. Strelice su najbolje kad su kratke i usmjerene izravno na traženi objekt, a ne protežu se preko velikog dijela slike, jer snimka zaslona tada može djelovati pretrpano. Većina ljudi jednostavno učita snimku zaslona i počne je označavati unutar nekoliko sekundi, bez prethodnog otvaranja računa.

Oblici za grupiranje informacija

Pravokutnik ili ovalni oblik nacrtan oko dijela snimke zaslona govori gledatelju da je važno cijelo to područje, a ne samo jedna točka. To je korisno kad greška utječe na skupinu polja ili kad se korak u uputi odnosi na cijeli odjeljak stranice postavki, a ne na jedan gumb.

Isticanja za tekst i sitne detalje

Poluprozirna boja za isticanje postavljena preko retka teksta ili male ikone djeluje kao marker na papiru. Privlači pozornost, a ne skriva ono što je ispod, pa je pravi izbor kad točan tekst ili vrijednost mora ostati potpuno čitljiv.

Tekstualne oznake za izričite upute

Ponekad strelica ili isticanje nisu dovoljni i gledatelju treba prava uputa napisana na slici. Kratka tekstualna oznaka poput „kliknite ovdje” ili „ova vrijednost je pogrešna” uklanja svaku dvosmislenost, osobito u dokumentaciji namijenjenoj ljudima koji su novi u proizvodu ili postupku.

Brojevi i oznake redoslijeda

Kad snimka zaslona treba prikazati nekoliko koraka odjednom, primjerice stranicu postavki na kojoj se tri različita polja moraju promijeniti određenim redoslijedom, mala numerirana oznaka pokraj svakog polja često je jasnija od tri odvojene strelice usmjerene u različitim smjerovima. Brojevi daju gledatelju očit redoslijed koji treba slijediti, što je posebno korisno u uputama u kojima je redoslijed radnji jednako važan kao i same radnje. Ako brojeve držite u dosljednoj veličini i položaju, primjerice uvijek u gornjem lijevom kutu područja na koje se odnose, lako ih je pregledati čak i na prenatrpanoj snimci zaslona.

Isti uređivač omogućuje vam da učitate videe, za slučaj da uz označene snimke zaslona treba i kratka snimka zaslona u videoformatu.

Zamućenje i prekrivanje osjetljivih podataka

Snimke zaslona koje se dijele izvan tima često sadrže podatke koje ne bi trebali vidjeti svi koji vide sliku, poput e-adrese, broja računa ili tuđeg imena. Zamućenje ili puni okvir za prekrivanje omogućuje vam da sakrijete baš taj detalj, a ostatak snimke zaslona ostane potpuno čitljiv. Vrijedi to činiti iz navike prije dijeljenja bilo koje snimke zaslona javno ili u prijavi podršci koju može vidjeti više osoba, jer je puno lakše prekriti osjetljive podatke prije objave slike nego ih naknadno pokušavati ukloniti. Alat za zamućenje u našem uređivaču slika radi jednako bilo da skrivate e-adresu ili cijelu ploču s podacima o računu.

Označavanje snimke zaslona korak po korak

Počnite snimanjem zaslona pomoću ugrađenog alata operacijskog sustava ili proširenja za preglednik, a zatim je učitajte u online uređivač. Kad se slika učita, dodajte oblike i strelice na područja koja zahtijevaju pozornost, pazeći da se svaka oznaka odnosi na jednu točku i da se više oznaka ne slaže jedna preko druge. Nakon što su vizualne oznake na mjestu, dodajte kratke tekstualne oznake samo tamo gdje oblik ili strelica sami ne bi bili dovoljno jasni. Na kraju izvezite gotovu sliku i podijelite poveznicu ili datoteku s onima kojima je potrebna.

Označavanje za upute i dokumentaciju

Snimke zaslona u uputama najbolje funkcioniraju kad svaki korak slijedi isti vizualni jezik. Ako se strelice koriste za označavanje klikova u prvom koraku, nastavite ih koristiti za klikove u ostatku vodiča umjesto da na pola puta prijeđete na krugove. Dosljednost omogućuje čitatelju da brzo nauči vašu vizualnu stenografiju, zbog čega je dulje upute puno lakše pratiti.

Numeriranje označenih koraka izravno na slici, a ne samo u okolnom tekstu, pomaže i čitateljima koji pregledavaju umjesto da čitaju svaki redak, jer im broj na snimci zaslona na prvi pogled kaže gdje se točno nalaze u postupku.

Pomaže i držati označene snimke zaslona na razumnoj veličini datoteke, jer upute s desecima prevelikih slika mogu znatno usporiti stranicu ili zajednički dokument. Promjena veličine snimke zaslona na širinu na kojoj će se stvarno prikazivati, prije ili nakon označavanja, održava dugi vodič brzim za učitavanje bez žrtvovanja jasnoće samih oznaka. Budući da većina ljudi već učitava slike na platformu iz drugih razloga, čuvanje snimki zaslona iz uputa na istom mjestu olakšava njihovo kasnije pronalaženje.

Označavanje za prijave grešaka i zahtjeve za podršku

Kad prijavljujete grešku, cilj je ukloniti svaku sumnju o tome što je pošlo po zlu i gdje. Jedna strelica usmjerena na poruku o grešci, uz kratku oznaku koja opisuje očekivano ponašanje, često prenese više u jednoj slici nego nekoliko odlomaka pisanog objašnjenja. Timovi za podršku koji dnevno primaju desetke prijava imaju velike koristi od dobro označene snimke zaslona, jer se smanjuje potrebna razmjena poruka za razumijevanje izvorne prijave.

Razmotrite čest primjer: korisnik prijavi da se obrazac ne može poslati, ali ne spominje koje polje uzrokuje problem. Snimka zaslona s jednom strelicom usmjerenom na polje koje prikazuje grešku provjere, uz kratku oznaku s točnim tekstom greške, omogućuje agentu podrške da razumije i često riješi problem bez ijednog dodatnog pitanja. Takvu jasnoću teško je postići samo pisanim opisom, jer korisnik možda ne zna koji je tehnički detalj zapravo važan.

Označavanje za povratne informacije u timu

Pregledi dizajna i sadržaja idu brže kad se povratna informacija veže izravno uz relevantni dio snimke zaslona, a ne opisuje zasebno u poruci na chatu. Isticanje preko odjeljka o kojem se raspravlja, uz kratak komentar, održava povratne informacije konkretnima i izbjegava zabunu koja nastaje pokušajem opisivanja vizualnog detalja samo riječima.

Kako označene snimke zaslona održati čitljivima

Najveći rizik označavanja je prenatrpanost slike. Svaka dodatna strelica, okvir ili oznaka bori se za pozornost gledatelja, pa pomaže zapitati se je li svaka oznaka doista potrebna prije nego što je dodate. Snimka zaslona s tri jasne, dobro postavljene oznake komunicira znatno učinkovitije od one s deset preklapajućih. Važna je i boja: korištenje jedne dosljedne boje za strelice i druge za isticanja pomaže gledatelju da na prvi pogled razdvoji vrste informacija, umjesto da svaku oznaku smatra jednako važnom.

Odabir boja koje se ističu, a ne preplavljuju sliku

Odabir boje utječe na to koliko brzo gledatelj primijeti oznaku. Svijetle boje poput crvene, narančaste ili žute obično se jasno ističu na većini snimki zaslona, kojima obično dominiraju neutralne boje sučelja poput bijele, sive i plave. Korištenje iste svijetle boje za sve strelice u dokumentu, uz rezerviranje druge boje isključivo za isticanja ili upozorenja, daje čitatelju jednostavan vizualni kod koji može slijediti. Pomaže izbjegavati boje bliske samom sučelju, jer se oznaka slične nijanse kao pozadina može stopiti umjesto istaknuti, čime se gubi svrha njezina dodavanja.

Označavanje snimki zaslona na mobitelu ili tabletu

Nije svaka snimka zaslona napravljena i označena na stolnom računalu. Agenti podrške i autori sadržaja sve češće snimaju i označavaju snimke zaslona izravno na mobitelu ili tabletu, osobito kad dokumentiraju grešku koja se javlja samo na mobilnim uređajima ili pregledavaju sadržaj u pokretu. Uređivač u pregledniku ovdje dobro funkcionira jer ne zahtijeva instalaciju zasebne aplikacije, a isti alati za strelice, oblike i tekst ostaju dostupni na zaslonu osjetljivom na dodir. Glavno prilagođavanje na manjem zaslonu je dodatno povećanje prikaza prije postavljanja oznake, jer je prst puno manje precizan od pokazivača miša, a oznaka postavljena bez povećanja lako može završiti malo pokraj cilja. Isti uređivač u pregledniku radi jednako u pregledniku na mobitelu, pa promjena uređaja usred posla ne znači gubitak pristupa strelicama, oblicima ili alatima za tekst koji su vam poznati iz inačice za računalo.

Navika označavanja koju može slijediti cijeli tim

Označavanje postaje puno korisnije kad svi u timu slijede ista osnovna pravila umjesto da za svaku snimku zaslona izmišljaju vlastiti stil. Dogovor o malom skupu pravila, jedna boja za probleme, druga za prijedloge, strelice za pojedinačne točke i okviri za skupine, znači da svatko tko kasnije pregledava snimku zaslona može je razumjeti na prvi pogled, čak i ako nije sudjelovao u izvornom razgovoru. To je osobito vrijedno za timove podrške i osiguranja kvalitete, gdje se snimke zaslona često prosljeđuju među nekoliko osoba prije nego što se problem riješi, a dosljedan vizualni jezik svima štedi pitanje što je određena oznaka trebala značiti. Timovi koji redovito učitavaju i dijele označene snimke zaslona na ovaj način obično troše znatno manje vremena na pojašnjavanje povratnih informacija putem chata ili e-pošte.

Objava i dijeljenje rezultata

Kad je snimka zaslona označena, treba doći do osobe koja bi je trebala vidjeti. Umjesto da veliku sliku šaljete e-poštom naprijed-natrag, učitavanje gotove snimke zaslona i dijeljenje izravne poveznice održava postupak jednostavnim, osobito za timove koji rade na daljinu ili korisnike koji možda koriste različite uređaje. Ako redovito trebate dijeliti označene slike s klijentima ili kolegama, yourimageshare.com omogućuje vam da učitate gotov rezultat i pošaljete jednu poveznicu umjesto privitka.

Zaključak

Dobro označena snimka zaslona uklanja nagađanje. Strelice pokazuju, oblici grupiraju, isticanja naglašavaju, a tekstualne oznake objašnjavaju, i zajedno pretvaraju običnu sliku u nešto na što gledatelj može odmah reagirati. Potrebni alati jednostavniji su nego što većina ljudi očekuje, a uređivač u pregledniku često je sve što je potrebno za pravilno označavanje snimke zaslona. Većina ljudi prvi put previše razmišlja o označavanju, pretpostavljajući da zahtijeva dizajnersko znanje ili skup alat. U praksi jedna strelica i jedno isticanje pokrivaju većinu svakodnevnih situacija, a ostali alati, brojevi, prekrivanje podataka i kodiranje bojama, postaju korisni tek kad ih određena situacija zatraži. Pokušajte dodati svoju prvu strelicu ili isticanje u našem online uređivaču slika i vjerojatno ćete otkriti da označavanje snimaka zaslona traje samo nekoliko minuta nakon što vam osnovni oblici i alati postanu poznati. Kad je snimka označena, naš vodič o najboljem načinu dijeljenja snimki zaslona online objašnjava kako je dostaviti pravim ljudima.