Kako da označite snimak ekrana online: strelice, oblačići i isticanje

Snimak ekrana sam po sebi često ostavlja posmatrača da nagađa na koje dugme treba da klikne, koji red teksta je bitan ili šta je tačno pošlo po zlu. Označavanje snimka ekrana, odnosno dodavanje strelica, okvira, oznaka i isticanja, pretvara običnu sliku u jasno uputstvo ili preciznu prijavu greške. Ako želite odmah da označite snimak ekrana, naš online uređivač slika ima alatke za strelice, oblike i tekst koje rade direktno u pregledaču.

Ovaj vodič obrađuje praktičnu stranu označavanja snimaka ekrana: kada koristiti strelicu umesto kruga, kako da oblačići ostanu čitljivi i kako da objavite gotovu sliku tako da kolega ili korisnik može da je otvori jednim linkom.

Zašto je označavanje važnije od samog snimka ekrana

Običan snimak ekrana pokazuje šta se desilo, ali retko objašnjava na šta posmatrač treba da obrati pažnju. Timovi za podršku se stalno susreću s tim. Korisnik pošalje snimak poruke o grešci, ali bez isticanja ili strelice koja pokazuje na bitan detalj, agent podrške mora da pogađa koji deo slike je zapravo problem. Isto važi i za uputstva, gde čitalac mora da zna na koju stavku menija, polje ili dugme se odnosi određeni korak.

Ta razlika između onoga što snimak ekrana prikazuje i onoga što posmatrač zaista razume jedini je razlog zbog kog alatke za označavanje postoje. Jedna strelica ili isticanje mogu da premoste tu razliku za nekoliko sekundi. Možete to isprobati na bilo kom snimku ekrana u našem online uređivaču slika, koji ima strelice, oblike i tekstualne alatke napravljene upravo za ovakvo označavanje, i tako pasivnu sliku pretvoriti u aktivno uputstvo.

Alatke koje ćete koristiti za označavanje snimka ekrana

Strelice za usmeravanje pažnje

Strelica je najbrži način da pokažete na nešto određeno, na dugme, polje za potvrdu ili red koda, a da to ne prekrijete. Strelice najbolje rade kada su kratke i pokazuju direktno na traženi element, umesto da se protežu preko velikog dela slike. Većina ljudi jednostavno otpremi snimak ekrana i počne da ga označava za nekoliko sekundi, bez prethodnog pravljenja naloga, a prevelike strelice mogu da učine snimak ekrana pretrpanim.

Oblici kao oblačići za grupisanje informacija

Pravougaonik ili oval nacrtan oko dela snimka ekrana govori posmatraču da je cela ta oblast bitna, a ne samo jedna tačka. To je korisno kada greška utiče na grupu polja ili kada se korak u uputstvu odnosi na ceo odeljak stranice s podešavanjima, a ne na jedno dugme.

Isticanje teksta i sitnih detalja

Poluprovidna boja za isticanje preko reda teksta ili male ikone radi kao marker na papiru. Privlači pažnju bez skrivanja onoga što je ispod, pa je pravi izbor kada tačan tekst ili vrednost moraju da ostanu potpuno čitljivi.

Tekstualne oznake za jasna uputstva

Ponekad strelica ili isticanje nisu dovoljni sami po sebi, pa posmatraču treba prava uputstvo napisano na slici. Kratka tekstualna oznaka, poput „kliknite ovde“ ili „ova vrednost je pogrešna“, uklanja svaku nejasnoću, naročito u dokumentaciji namenjenoj ljudima koji su novi u nekom proizvodu ili postupku.

Brojevi i oznake redosleda

Kada snimak ekrana treba da prikaže više koraka odjednom, na primer stranicu s podešavanjima gde tri različita polja moraju da se promene određenim redosledom, mali numerisani marker pored svakog polja često je jasniji od tri odvojene strelice koje pokazuju na različite strane. Brojevi daju posmatraču očigledan redosled, što je posebno korisno u uputstvima gde je redosled radnji bitan koliko i same radnje. Ako brojeve držite iste veličine i na istom položaju, na primer uvek u gornjem levom uglu oblasti na koju se odnose, lako ćete ih uočiti čak i na pretrpanom snimku ekrana.

Isti uređivač vam omogućava i da otpremite video snimke, ako uz označene snimke ekrana treba i kratak snimak ekrana u pokretu.

Zamućenje i prekrivanje osetljivih podataka

Snimci ekrana koji se dele van tima često sadrže informacije koje ne bi trebalo da vide svi koji vide sliku, kao što su adresa e-pošte, broj naloga ili tuđe ime. Zamućenje ili pun crni okvir omogućavaju da sakrijete baš taj detalj, a ostatak snimka ostane potpuno čitljiv. Vredi da vam to postane navika pre deljenja bilo kog snimka javno ili u tiketu podrške koji može da vidi više ljudi, jer je mnogo lakše sakriti osetljive detalje pre objavljivanja slike nego kasnije tražiti da se ukloni. Alatka za zamućenje u našem uređivaču slika radi isto bez obzira na to da li sakrivate adresu e-pošte ili ceo panel s podacima o nalogu.

Označavanje snimka ekrana korak po korak

Počnite tako što ćete napraviti sam snimak ekrana, pomoću ugrađene alatke operativnog sistema ili dodatka za pregledač, a zatim ga otpremite u online uređivač. Kada se slika učita, dodajte oblike i strelice na mesta koja treba istaći, tako da se svaki odnosi na jednu tačku, bez nagomilavanja više oznaka jedne preko druge. Kada su vizuelne oznake postavljene, dodajte kratke tekstualne oznake samo tamo gde oblik ili strelica sami ne bi bili jasni. Na kraju izvezite gotovu sliku i podelite link ili datoteku s onima koji treba da je vide.

Označavanje za uputstva i dokumentaciju

Snimci ekrana u uputstvima najbolje rade kada svi koraci koriste isti vizuelni jezik. Ako se strelice koriste za klikove u prvom koraku, nastavite da ih koristite za klikove u celom vodiču, umesto da na pola puta pređete na krugove. Doslednost omogućava čitaocu da brzo nauči vaše vizuelne skraćenice, pa se duža uputstva mnogo lakše prate.

Numerisanje označenih koraka direktno na slici, a ne samo u okolnom tekstu, pomaže i čitaocima koji preleću tekst umesto da čitaju svaki red, jer im broj na snimku ekrana odmah pokazuje gde se nalaze u postupku.

Takođe je korisno da označeni snimci ekrana imaju razumnu veličinu datoteke, jer uputstvo s desetinama prevelikih slika može znatno da uspori stranicu ili zajednički dokument. Menjanje veličine snimka na širinu na kojoj će zaista biti prikazan, pre ili posle označavanja, održava brzo učitavanje dugog vodiča bez gubitka jasnoće oznaka. Pošto većina ljudi već otpremi slike na platformu iz drugih razloga, čuvanje snimaka iz uputstava na istom mestu olakšava da ih kasnije ponovo pronađete.

Označavanje za prijave grešaka i tikete podrške

Kada prijavljujete grešku, cilj je da uklonite svaku sumnju o tome šta je pošlo po zlu i gde. Jedna strelica koja pokazuje na poruku o grešci, uz kratku oznaku koja opisuje očekivano ponašanje, često prenese više u jednoj slici nego nekoliko pasusa pisanog objašnjenja. Timovi podrške koji dnevno dobijaju desetine tiketa imaju veliku korist od dobro označenog snimka ekrana, jer smanjuje prepisku potrebnu da se razume prvobitna prijava.

Uzmite uobičajen primer: korisnik prijavljuje da se obrazac ne šalje, ali ne navodi koje polje pravi problem. Snimak ekrana s jednom strelicom koja pokazuje na polje s greškom pri proveri unosa, uz kratku oznaku s tačnim tekstom greške, omogućava agentu podrške da razume, a često i reši problem bez i jednog dodatnog pitanja. Takvu jasnoću teško je postići samo pisanim opisom, jer korisnik možda ne zna koji tehnički detalj je zaista bitan.

Označavanje za povratne informacije u timu

Pregledi dizajna i sadržaja idu brže kada je povratna informacija vezana direktno za relevantni deo snimka ekrana, umesto da se opisuje zasebno u poruci na četu. Isticanje preko odeljka o kom se govori, uz kratak komentar, održava povratnu informaciju preciznom i izbegava zabunu koja nastaje kada pokušate da vizuelni detalj opišete samo rečima.

Kako da označeni snimci ekrana ostanu čitljivi

Najveći rizik kod označavanja je prepunjavanje slike. Svaka dodatna strelica, okvir ili oznaka bori se za pažnju posmatrača, pa je dobro da se zapitate da li je svaka oznaka zaista potrebna pre nego što je dodate. Snimak ekrana s tri jasne, dobro postavljene oznake prenosi poruku mnogo bolje od onog s deset preklopljenih. Važna je i boja: jedna dosledna boja za strelice i druga za isticanje pomažu posmatraču da na prvi pogled razdvoji vrste informacija, umesto da sve oznake doživljava kao jednako bitne.

Izbor boja koje se ističu, a ne opterećuju sliku

Izbor boje utiče na to koliko brzo posmatrač primeti oznaku. Jarke boje poput crvene, narandžaste ili žute obično se jasno ističu na većini snimaka ekrana, u kojima uglavnom dominiraju neutralne boje interfejsa kao što su bela, siva i plava. Ako koristite istu jarku boju za sve strelice u dokumentu, a drugu rezervišete isključivo za isticanje ili upozorenja, čitaocu dajete jednostavan vizuelni kod. Vredi izbegavati boje bliske samom interfejsu, jer se oznaka slične nijanse kao pozadina može stopiti umesto da se istakne, čime gubi smisao.

Označavanje snimaka ekrana na telefonu ili tabletu

Nije svaki snimak ekrana napravljen i označen na stonom računaru. Agenti podrške i autori sadržaja sve češće prave i označavaju snimke direktno na telefonu ili tabletu, naročito kada dokumentuju grešku koja se javlja samo na mobilnom uređaju ili pregledaju sadržaj u pokretu. Uređivač u pregledaču ovde dobro radi jer ne zahteva instalaciju posebne aplikacije, a iste alatke za strelice, oblike i tekst dostupne su i na ekranu osetljivom na dodir. Glavna prilagodba na manjem ekranu je da se pre postavljanja oznake dodatno uveća prikaz, jer je prst mnogo manje precizan od kursora miša. Isti uređivač u pregledaču radi identično u pregledaču na telefonu, pa prelazak s jednog uređaja na drugi usred posla ne znači gubitak alatki za strelice, oblike ili tekst koje već poznajete iz verzije za računar. Oznaka postavljena bez prethodnog uvećanja lako može da završi malo pored cilja.

Kako da označavanje postane navika celog tima

Označavanje postaje mnogo korisnije kada se svi u timu drže istih osnovnih pravila, umesto da svako izmišlja sopstveni stil za svaki snimak ekrana. Dogovor oko malog skupa pravila, jedna boja za probleme, druga za predloge, strelice za pojedinačne tačke i okviri za grupe, znači da svako ko kasnije pregleda snimak može da ga razume na prvi pogled, čak i ako nije učestvovao u prvobitnom razgovoru. To je posebno dragoceno za timove podrške i QA timove, gde snimci često prolaze kroz više ljudi pre nego što se problem reši, a dosledan vizuelni jezik štedi svima pitanje šta je određena oznaka trebalo da znači. Timovi koji redovno otpremaju i dele ovako označene snimke obično troše mnogo manje vremena na razjašnjavanje povratnih informacija preko četa ili e-pošte.

Objavljivanje i deljenje rezultata

Kada je snimak ekrana označen, treba da stigne do osobe koja treba da ga vidi. Umesto da veliku sliku šaljete e-poštom tamo-amo, otpremanje gotovog snimka i deljenje direktnog linka drži postupak jednostavnim, naročito za timove koji rade na daljinu ili korisnike koji možda koriste različite uređaje. Ako često delite označene slike s klijentima ili kolegama, yourimageshare.com vam omogućava da otpremite gotov rezultat i pošaljete jedan link umesto priloga.

Završna reč

Dobro označen snimak ekrana uklanja nagađanje. Strelice pokazuju, oblici grupišu, isticanje naglašava, a tekstualne oznake objašnjavaju, i zajedno pretvaraju običnu sliku u nešto na osnovu čega posmatrač može odmah da deluje. Potrebne alatke su jednostavnije nego što većina ljudi misli, a uređivač u pregledaču je često sve što treba da pravilno označite snimak ekrana. Većina ljudi preteruje u razmišljanju o označavanju kada prvi put pokuša, pretpostavljajući da je potrebno znanje dizajna ili skupa alatka. U praksi, jedna strelica i jedno isticanje pokrivaju većinu svakodnevnih situacija, a ostale alatke, brojevi, sakrivanje podataka i kodiranje bojama, postaju korisne tek kada ih neka konkretna situacija zatraži. Probajte da dodate prvu strelicu ili isticanje u našem online uređivaču slika i verovatno ćete otkriti da označavanje snimaka ekrana traje samo nekoliko minuta kada vam osnovni oblici i alatke postanu poznati. Kada je snimak označen, naš vodič o najboljem načinu za deljenje snimaka ekrana online objašnjava kako da ga prikažete pravim ljudima.