Drugim rečima, ako vam je sajt spor potencijalni ste kandidat za gubitak velike količine posetilaca. Posetioci čine posetu na sajtu, a poseta utiče na reputaciju sajta što dalje utiče na ranking sajta. Ovo može da proizvede domino efekat ako se zanemari brzina učitavanja sajta.

Vrlo je važno da ustanovite od čega se sastoji vaš sajt pre nego što uskočite u kod pokušavajući da ga ubrzate jer to nije moguće učiniti ukolino ne znate šta je to što vaš sajt usporava. U nastavku ovog posta biće prikazana kolekcija korisnih web servisa i alata koji će vam pomoći da analizirate svoj sajt i da mu “postavite dijagnozu”, dozvoljavajući vam da razumete svoj sajt bolje.

Web servisi

Testirajte vreme koje je potrebno da se učitaju objekti na vašem sajtu (html, slike, javascript, css, iframe-ovi i ostalo). Takođe možete proveriti koliko se brzo učitava svaki element na strani i nakon toga da unapredite elemente koji se sporo učitavaju. U rezultatima testiranja videćete izveštaj o vremenu koje potrebno da se sajt učita, vremenu za svaki od elemenata, veličinu elemenata i ukupni broj elemenata.

GTmetrix

Kombinuje dva najpopularnija Firefox dodatka za proveru performansi – Yslow i Google Page Speed. Gtmetrix vam daje predloge šta biste mogli da poboljšate na svom sajtu. Iako se Yslow i Google page speed preporučuju za Firefox, takođe se rezultaiti i testovi mogu primeniti i na ostale browsere.

Light speed now

Proverite performanse svog sajta i dobićete izveštaj u svom inboxu.

Load impact

Loadimpact je veoma važan alat za sajtove koji imaju posetu od nekolilko desetina hiljada ljudi dnevno. Besplatan nalog vam dozvoljava da proverite posetu na sajt sa 50 istovremenih korisnika, ukoliko želite da probate sa više korisnika onda ćete morati da kupite premium nalog.

Site-Perf

Site-Perf simulira prirodno ponašanje browsera pri skidanju vaših strana sa slikama, CSS, JS i drugim fajlovima – kao što to radi običan posetilac. U izveštaju možete videti vreme koje je potrebno da se stranica učita, koji se fajlovi prvi učitavaju i kojom brzinom. To može biti vrlo korisno za pronalaženje elemenata koje bi trebalo unaprediti.

WebWait

Testirajte svoj websajt ili proverite svoju internet konekciju.

Gomez networks

Sprovedite test u realnom vremenu nad pojedinačnom web stranom kako bi proverili performanse.

OctaGate

Dozvoljava vam da pratite koliko je korisniku potrebno da skine jednu ili više strana na vašem web sajtu.

Webslug

Omogućava vam da uporedite brzinu svog sajta sa konkurentnim sajtovima.

WebToolHub

Daje vam mogućnost da proverite kako se vaša strana učitava na različitim konekcijama. Sa Webtoolhub servisom dobićete informacije o veličini strane, vremenu za učitavanje strane kao i informacije o CSS, Javascript i slikamakoje se koriste na toj strani.

IWebTool

Iwebtool vam daje opciju da uporedite do 10 strana u isto vreme. Možete takođe proveriti učitavanje početne strane, kategorija ili postova jednim klikom.

Searchmetrics

Prikazuje trajanje navedenog sajta. Ova vrednost može biti iskorišćena da prikaže koliko je sajtu potrebno da se učita i da li je potrebno da se optimizuje ili je bolje promeniti ISP.

BrowserMob

Dobijte informaciju o performansama bilo kog web sajta bez potrebe da instalirate skriptu za testiranje.

Aplikacije

Open source alat za testiranje performansi i skalabilnosti web servisa. Pokreće  HTTP load testiranje, koje je korisno za planiranje kapaciteta, benchmarking, analizu i poboljšanje sistema.

Google page speed

Page Speed je open-source add-on za Firefox/Firebug. Webmasteri i web developeri mogu da koriste Page Speed da provere performanse svojih web strana i da dobiju predloge kako da ih poboljšaju.

YSlow

YSlow analizira web strane i predlaže načine kojima mogu da se poboljšaju perfrmanse istih zasnovano na pravilima vezanih za web strane sa visokim performansama.

PageTest

Internet Explorer plugin koji prikazuje zahteve ostvarene od strane browsera ka serveru. Takođe daje predloge za poboljšanje performansi.

MultiMechanize

Multi-Mechanize je open source framework za web performanse i testiranje učitavanja. Dozvoljava vam da istovremeno pokrente python skripte generišući tako učitavanje nasuprot web sajta ili web servisa.

Izvor: www.hongikat.com

I upravo tu na scenu stupaju alatke koje će vam uštedeti vreme. Bilo da je to to-do lista, instalacija više programa odjednom, konverter iz Excel-a u HTML – sve ovo može da vam uštedi nekoliko minuta svakog dana. Zrno po zrno – pogača. Bilo da ste ljubitelj ovakvih listi ili ne: ovo će vam sigurno pomoći da nadjete one sitnice koje će vam pomoći da izbegnete glavobolje i stress. Ispod predstavljamo korisne alatke za uštedu vremena za web-dizajnere.

[Offtopic: Kad ste ovde, zašto se ne bi prijavili na naš newsletter, šaljemo korisne stvarčice poput ovih jednom mesečno. ]

Počnimo…

LaunchList
Ova alatka vam pomaže da pregledate bitne stavke pre nego što sajt pustite na net. Po default-u, u listi stoji 28 stavki koje treba proveriti, ali možete dodati i neke svoje stavke na listu. Svaka stavka može da se komentariše ili precrta. Kad završite, možete da pošaljete izveštaj na više mail adresa. Neke alternative Ultimate Website Launch Checklist i The Ultimate Website Prelaunch Checklist.

Pencil Project: Sketching and Prototyping with Firefox
Pencil je alatka otvorenog koda. Sadrži ugradjene forme za dijagrame i prototipove, direktno editovanje teksta sa veoma velikim izborom opcija, kao i standardne opcije za crtanje. Radi u Firefox-u 3.5 i novijima.

Zootool
Zootool je sajt za čuvanje sadržaja na koji naletite na netu kao što su slike, dokumenta, linkovi, video klipovi i slično. Omogućava vam da dodate bilo koji sadržaj brzo i jednostavno. Kasnije možete da organizujete taj sadržaj kako vi želite u admin delu. Možete ga integrisati sa Tumblr-om, Twitterom kao i mnogim drugim.

Bounce
Zabavna alatka. Sa njom možete da delite ideje po sajtovima. Moći ćete da postavite belešku, napišete neki podsetnik dok ste na sajtu, a kasnije da pogledate šta ste sve napisali.

Ninite Batch Installer
Ninite vam omogućava da izaberete vaše omiljene programe iz jedne velike liste( pretraživači, chat program, slike, dokumenta, sigurnost, kompresije i mnoge druge), a zatim kreira fajl koji možete da preuzmete i kad ga pokrenete, on instalira sve što ste izabrali automatski.

Support Details
Kada ste u nedoumici, pošaljite vaše klijente na ovu alatku. Sva njihove podešavanja i verzije programa će biti očitane, i poslate vama na email. Bilo bi lepo imati Firefox verziju, Flash verziju, operativni sistem, JavaScript status, rezoluciju i slično od klijenta.

MugTug’s Darkroom
Kad treba da sredite sliku, a nemate baš nešto vremena, kao ni omiljeni Photoshop pri ruci, možete koristiti ovu alatku. Ona je prvenstveno za fotografe. Možete podesiti osvetljenje, nivoe, količinu bele boje na slici, ekspoziciju, kontrast i saturaciju, kao i neke efekte. Na kraju, slike možete uploadovati na Flick i Picasa-u.

Visual Website Optimizer
Visual Website Optimizer je, bez sumnje, najbolji softver za testiranje vašeg sajta koji je ljudska ruka ikada napravila. Tačka.

Keyonary
Ovaj sajt je fina mala aplikacija za pronalaženje prečica u MacOS X, Photoshopu I slično.
Trenutno je dodate preko 250 prečica za Photoshop. Samo ukucajte ime programa za koji vam trebaju prečice i dobićete ogromnu listu prečica.

gridr buildrrr
Ovaj generator vam omogućava da odaberete mrežu za vaš raspored sajta, i testirate ga online.

Instant Blueprint – Alat koji pravi framework u sekundi.
Instant Blueprint vam omogućuje da kreirate HTML/xHTML I CSS framework u sekundi, kako bi vaš projekat što pre bio gotov.

Hummingbird
Ova mala aplikacija vam pruža uvid u to koliko ljudi je trenutno na vašem sajtu i pominje vaš sajt na društvenim mrežama, u realnom vremenu. Baziran je na Node.js, koja može da izdrži veliku posetu i mnogo klijenata u isto vreme.

jsFiddle
Editor za Web, sa podrškom za JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML and CSS. Možete sačuvati i pokrenuti aplikacije unutar pretraživača.

String:
Ukratko, String kontroliše lokalizaciju. Omogućava vam da upravljate fajlovima koji sadrže prevod – od PHP-a preko Rails-a do iPhone aplikacija. Možete pozvati prijatelja da prevede vaš sadržaj, i pratite promene.Možete dodati nove sekcije i jezike usput, a onda ih preuzeti i postaviti u svoju aplikaciju.

Titanpad
Sa ovom alatkom možete menjati dokumente istovremeno sa drugim korisnicima, obeležite ko je šta editovao u raznim bojama. Editovanje se radi u realnom vremenu. Super rešenje za sve koji rade istovremeno na tekst dokumentima, bilo das u u susednoj kancelariji ili drugoj strain sveta.

Pixelnovel Timeline: Version Control for Adobe Photoshop
Ovaj alat ustvari integriše Subversion klijente u Adobe Photoshop-u sa Adobe Photoshop dodatkom. Možete pregledati verziju direktno u Photoshop-u. Nije besplatan.

0to255
Jednostavan alat pomoću kog dizajneri mogu naći varijacije boja. Jednostavno izaberite boju sa kojom želite da počnemo, a alatka će vam dati varijaciju boja koje su pogodne za web stranice. Zatim samo kliknite na heksadecimalni kod koji je odmah kopiran u vaš clipboard.

Load Impact: Website load/stress test
Alat vam pomaže da otkrijete granice vašeg web sajta pre nego što vi to sami naučite na teži način. Servis simulira korisnike koji dolaze na vaš sajt i kreira grafike sa izveštajima o tome koliko korisnika vaš sajt može da podnese.

Ideone: Online IDE & Debugging Tool
Ova alatka je compiler/debugger kombinacija koja vam omogućava testiranje koda u više od 40 jezika: C++, Java, JavaScript, Perl, PHP, Python and Ruby. Fine alternative PHP Anywhere (online PHP editor) and CodeRun .

Online Dummy Image Generator
Ova alatka kreira slike za vaš sajt. Postavite dimenzije, pozadinu, tekst na slici, format i slika je gotova. Možete i praviti standardne dimenzije za reklame i banere.

HiFi RegExp Tool
Regular expression može da bude problem. Ovaj alat je 100% JavaScript koji koristi jQuery. Ovaj alat je kreiran da pomogne dizajnerima da uče, vežbaju i prave regular expression.

Tableizer
Klijenti vam često daju informacije u tabeli, i prebacivanje u HTML može da bude problem. Ovaj alat pravi HTML tabele od Excel fajlova. Jednostavno kopirajte tabele, izaberite opcije, i dobićete lepo sredjen HTML fajl.

FollowUpThen: Easy Email Reminder
Ako nemate ništa protiv da šaljete vaše mailove trećim licima, isprobajte ovaj alat kao email podsetnik. Na vašem sledećem email-u samo dodajte vremenskiperiod@followupthen.com i alatka ce vas podsetiti kad period istekne. Ne treba vam nalog.

Divine: Conversion tool from PSD to HTML
Divine je dodatak koji radi sa Photoshop-om. Kad završite u Photoshop-u, pokrenite Divine dodatak u PHotoshopu, dodajte WordPress uloge glavnim elementima i dodatak će pripremiti sve fajlove koji vam trebaju. Kada podesite FTP pristup server, alatka sama postavlja fajlove na server. Totalno besplatno.

Kaleido
Ova alatka vam omogućuje da napravite korisne sekcije koda koje kasnije možete koristiti da planirate, organizujete i koristite kod na mnogo bolji način.

Sketchpad
Ova aplikacije je moćni online editor slika. Njegove opcije su organizovane u korisnim, prevlačenjem delova koji mogu biti gde god vi želite kao u standardnom editovanju slika.

Unicode code converter
Iskucajte tekst u bilo kom zelenom ili sivom polju i kliknite na dugme Convert iznad. U ostalim poljima pojavice se varijacije na tekst. Onda možete kopirati delove teksta u Vaš dokument.

Grid System Generator
Ova alatka pravi mrežu u validnom css/xhtml kodu, za brz razvoj vaših aplikacija. Sistem pravljenja mreža vam omogućava da odredite širinu, broj kolona i margine, kako bi mreža bila fleksibilnija.

ud.com namecheck
[ADRIATEK SPECIAL] Ovaj alat proverava dostupnost korisničkih imena na društvenim mrežama, imena domena I brendova.

Typograph — Scale & Rhythm
Kao što naziv servisa kaže, omogućava vam proveru vaše tipografije i da li ulazi u standard koji bi trebalo da se ispoštuju.

ColorBrewer Intro – Selecting Good Color Schemes for Maps
ColorBrewer je alatka koja je napravljena da pomogne ljudima da izaberu dobru kombinaciju boja za mape i druge slike.

CSS Inliner Tool
Ako ste ikad radili email kampanju, znate da ako niste sami pripremili CSS, on može da bude ‘ogoljen’ od strane mail servisa i onda da ne izgleda baš kao što ste zamislili. Mail Chimp je servis koji konvertuje ceo vaš CSS u inline CSS, kako bi vaši mailovi izgledali prelepo. Nije potrebno da otvarate nalog.

HTML Purifier – Filter your HTML the standards-compliant way!
HTML Purifier je biblioteka standard koji se koriste u kodiranju. On čisti vaš kod od nepotrebnog, i pravi vaše dokumente unutar standarda.

Rendera
Ovaj servis vam pomaže da naučite više o HTML5 I CSS. Ukucajte svoj HTML kod i pogledajte kako izgleda u realnom vremenu. Onda ga stilizujte u CSS-u. Možete koristiti bilo koji tag u HTML5 I CSS3 ako ga vaš browser podržava.

RegExr
Zanimljiv alat za učenje, pisanje i testiranje regular expression-a.

try ruby! (in your browser)
Ovaj alat vam pomaže da isprobate Ruby kod u komandnoj liniji. Podržava Ruby-eve metode, a sadrži i korak-po-korak tutorial za novajlije.

Google Command Line
GoogleCL je komandna linija koja pruža pristup svim Google servisima. Možete postovati na Bloggeru, dodavati dogadjaje u calendar, ili menjati dokumente u Google Docs.

Tiny Fluid Grid
Jednostavan alat koji generiše kod za sadržaj varijabilnih širina.

Fonolo.com
Ovaj alat vam omogucava da preskocite govorne automate kompanija i cini ceo postupak manje frustrirajucim. Za vlasnike kompanije, Fonolo prikazuje sve menije vašim klijentima, pre nego što vas pozovu. Predlažemo da ako vam ne radi net, SBB ili nekog drugog provajdera pozovete na ovaj način.

Producteev: Creating To-Do Lists with Emails
Prosledite bitne emailove na task@producteev.com I alatka ce vam kreirati to-do listu u hodu, obavestiti vas, a čak se može integrisati u razne aplikacije.

AddUse – User research made easy
AddUse je alat zasnovan na Webu koji Vam pomaže da kreirate, menjate i prezentujete vaša istraživanja brzo jednostavno i jeftino. To je alat koji možete koristiti u bilo kom trenutku, dok razvijate aplikaciju. Prikazuje rezultate testova korisnika, ankete  i upitnike u grafičkom okruženju, pomažući marketing i menadžment grupama da donesu pravu odluku.

bookwhen
Rezervacije za dogadjaje, radionice, razrede i kurseve. Besplatna verzija je za 150 dogadjaja i 300 rezervacija po mesecu.

Još neke zanimljivosti…

see[Mike]code: tool for remote coding interview
Ovaj alat omogućuje da pronadjete programera za svoj posao, tako što ćete mu dati da nešto iskodira na Webu. Vi to pratite u realnom vremenu.

jsdo.it
Ova alatka vam omogućava da pišete kod direktno u pretraživač, menjate i modifikujete bilo koji kod, popravljate  bug-ove i slično.

JavaScript Error Tracking
Slično kao u Netbeans-u, ovaj alat vam prikazuje greške u JavaScriptu i grupiše slične greške.

Old Version
Ovaj alat sadrži stariju verziju neke aplikacije koju korisitite. Zašto? Zato što novo nije uvek bolje.

Onbile
Preko Onbile možete da kreirate sajt za mobilnu verziju za iPhone, Android I Blackberry.

iSendr
iSendr vam omogućava da pošaljete fajlove brzo i lako, bez uploada na server.

seekWP
Pretraga dokumentacije za WordPress.

speedtracer
Ova aplikacija vam omogućava da pronadjete i popravite problem u Vašoj web prezentaciji.

the Awesome Highlighter
Omogućava da označite tekst na web stranama i daje vam mali link do označenog dela

OpenWith.org
Ova stranica vam daje uvid u aplikacije koje mogu da otvore one fajlove i ekstenzije koje vi trenutno ne možete.

I za kraj…

Kuku Klok
Alarm za one koji rade previše i zaspe pred ekranom.Odaberite vreme kad želite budjenje i ostavite prozor otvoren. Bolje nego 977.

What the Hex?
Mislite da poznajete heksadecimalni kod? Proverite na ovom sajtu koliko zapravo niste u pravu. Samo ćemo nagovestiti da možete da podešavate težinu pogadjanja od 2 do 48 mogućihodgovora.

Izvor: Smashing Magazine

Website

WordPress (Link)

WordPress

Bili bi licemeri kada ne bi koristili WP za svoj glavni web sajt zar ne? Kada smo krenuli da razvijamo i dizajniramo WooThemes web sajt, prošle godine, samo smo znali kako da koristimo WordPress, pa nismo razmatrali nijednu drugu alternativu. Gledajući unazad na veoma uspešnu godinu (i veliki porast), smatramo da je WooThemes dokaz da možete izgraditi veoma efikasan poslovni sistem u WP-u. To definitvno nije samo platforma za blogovanje…


bbPress (Link)

bbPress

Mi koristimo bbPress koji pokreće naš support forum i iako nije najbolji ili najzreliji forum koji se može naći, vrlo lepo se implementira u WP. Takođe, zajedno sa “Support plugin-om” za bbPress, forum funkcioniše kao support ticketing sistem.

aMember (Link)

aMember

aMember je odgovoran za magiju koja se dešava iza zavese. aMember se takođe implementira u WP + bbPress kombinaciju i odgovoran je za management korisnika na WooThemama. Tako da user dashboard, download tema, affiliate program i procedure kupovine su kontrolisane od strane aMember-a. Takođe koristimo 2Checkout.com kao naš payment gateway, koji se integriše u aMember kako bi omogućili funkcionalnost transakcija.

Feedburner (Link)

Feedburner

Sve više smatram da su dani RSS-a odbrojani, s obzirom da je mnogo lakše dobiti informacije sa Twitter-a (sa druge strane, sve je to prenatrpanost informacijama)… Ipak mi još uvek koristimo Feedburner kako bi pratili koliko se korisnika prijavilo za naš RSS feed i do sada, nismo naišli na neku alternativu Feedburner-u. Ako volite da pratite statistiku, Feedburner bez dalje rasprave, je sigurno jedan od elemenata vašeg sajta.

Pingdom (Link)

Pingdom

Osim ako niste online 24/7 i refreshujete WooThemes web sajt svakih 30 sekundi (kako bi proverili da li je pao ili ne), ne postoji mnogo toga što možete da uradite kako biste bili sigurni da imate 100% uptime web sajta (što je veoma važno za nas, jer mi ipak prodajemo nešto). Mi koristimo Pingdom koji nas obaveštava preko SMS-a i e-mail-a ukoliko se nešto čudno dešava na serveru.  SMS funkionalnost je odlična, jer nam omogućava da pošaljemo brzo email našoj podršci na serveru; uglavnom sa iPhone-a…

Komunikacija i project management

Gmail (Link)

Gmail

Pošto smo mi uglavnom virtuelna kompanija, naš ceo tim treba da ima pristup WooThemes email nalozima, kako bi pokrili jedni druge, ako recimo Magnus ide da peca na Aljasku na 15 dana (npr. hehe). Probali smo nekoliko mail aplikacija u prošlosti, ali smo saznali da je Gmail najlakši i najefikasnije se nosi sa gomilom mailova koje primimo u toku dana.

Basecamp (Link)

Basecamp

Basecamp je polazna tačka na kojoj gradimo svoje planove i komunikaciju. Iako verovatno ne koristimo Basecamp onoliko koliko bi trebalo, sve naše važne odluke, stvari koje treba uraditi, ideje i podaci su na Basecamp profilu. Lepa stvar kod Basecamp-a je činjenica da je uvek tu, ne smeta nam i ne prisiljava nas da ga koristimo umesto email-a ili Skype-a.

Prologue2 (Link)

P2

Ovo je nešto novo sa čim eksperimentišemo u proteklim nedeljama… P2 koristimo kao neku vrstu internog Twitter-a, pa na taj način možemo jedni druge da obaveštavamo o tome šta radimo na mnogo realniji način. Pošto ne radimo iz iste kancelarije ceo dan važno nam je da znamo šta se dešava u toku tog dana. Definitvno još uvek nastojimo da saznamo kako da izvučemo pravu vrednost iz P2, ali početni pokazatelji obećavaju u smislu povećanja produktivnosti.

Marketing

Twitter (Link)

Twitter

Pristustvo WooThema na Twitteru smo gradili polako i pošto nemamo baš jasnu strategiju u smislu kada i kako koristimo Twitter mi ga najviše koristimo da objavimo vesti iz naše kompanije, kao i dodamo interekaciju između sebe i onih koji su zainteresovani za naš rad i naše proizvode.

CoTweet (Link)

CoTweet

Pored Twittera, počeli smo da koristimo i CoTweet kako bi dozvolili celom WooTeam-u da nadgleda našTwitter account. Početna misao je bila da jeCoTweetveoma sexy aplikacija koja radi ono što je obećano veoma dobro.

Peashootapp (Link)

Peashoot

Peashoot je takođe jedna od aplikacija koje od nedavno koristimo, ali zaista uživamo u iskustvima koja imamo dok pronalazimo šta sve ovaj servis može. Trenutno ga koristimo da pratimo naše Twitter marketing kampanje (broj klikova i retweet-ova). Takođe smo dodali naš custom domen (woourl.com) kao skraćeni URL, što nam dozvoljava da koristimo Peashoot (uz naš affiliate program) da preciznije pratimo plaćene reklame (na drugim sajtovima). Iako još uvek učimo kako da koristimo Peashoot, definitvno vredi $25 mesečno!

Campaign Monitor (Link)

Campaign monitor

Koristimo Campaign Monitor još od dana Premium News Thema i nijednom se nismo pokajali. Naši mesečni newsletteri se veoma laku šalju sa Campaign Monitor-om (u smislu organizovanja liste i novih newsletter), obožavamo analizu posle slanja svakog newslettera. Sem toga, ovo je newsletter software za dizajnere, pa zašto ga ne bi koristili?

Development

Beanstalk (Link)

Beanstalk

Ovo smo već ranije pomenuli nekoliko puta. Korišćenje SVN-a je potpuno promenilo način kako razvijamo svoje teme. U stvari, promenio je toliko ceo taj proces da ne bi mogli da radimo bez njega. Beanstalk je naš repozitorijum gde držimo SVN, gde su sve naše teme smeštene. Prednosti u tome što ste negde hostovani umesto što sami hostujete? Nemam pojma koje su… Nikada nismo razmišljali o toj opciji, ali kada ste hostovani negde čini administratorski deo svega mnogo lakšim.

Lighthouse (Link)

Lighthouse

Dok koristimo bbPress kao javni support forum/ ticketing sistem, Lighthouse koristimo da ispratimo sve prijavljene greške i bagove, koje treba ispraviti u temi. Uz bagove, imamo i odvojenu listu potencijalni novih opcija koje razmetramo da li će ući u teme ili ne. Od kada smo počeli da koristimo Lighthouse, mislim da nam je promaklo samo par bagova, a takođe je ubrzao i sam proces ispravljanja istih. Verovatno bi trebalo ovo da integrišemo u naš Basecamp profil jednog dana…

Ostalo

Vimeo (Link)

Vimeo

Verovatno ćete pitati, zašto ne YouTube? Pa,nijedan drugi video servis na netu nije toliko cool i zabavan kao Vimeo. Trenutno ga ne koristimo tako često, ali svi naši promo materijali, tutorijali & support video su smešteni na naš Vimeo nalog. Shvatili smo da je Vimeo prilično brz i radi baš ono što nama treba. U stvari ništa specijalno; dozvoljava nam da se fokusiramo na sadržaj i nakon toga da ga na najlakši mogući našin stavimo online.

Eto naše liste… Nemojte misliti da smo nešto izostavili, ali i ako jesmo, onda je to verovatno zato što nam i nije toliko bitan servis da spomenemo. S toga pitajte nas bilo šta što želite, kako/ zašto koristimo ove aplikacije ili servise koje smo naveli, takođe podelite sa nama stvari kojevi smatrate korisnim za svoj biznis ili projekte.

Izvor: www.woothemes.com

Pogledajte grafik koji je postavljen ispod, pored ostalog videćete da je:

• prosečna starost u kojem dete prvi put vidi pornografiju na internetu 11 godina
• 20% muškaraca i 13% žena uhvaćeno kako gleda pornografiju na poslu
• 35% celokupnog download-a sa interneta pornografski materijal.

Izvor: www.mattsingley.com

1. Naslov forma je najbolje postaviti iznad polja

Studija sajta UX matters pokazala je da je najbolja pozicija labele u formi iznad polja koje objašnjava. Na većini formi labele su smeštene levo od polja. Iako ovo izgleda dobro, ovo nije layout koji je najlakši za korišćenje. Zašto? Zato što su forme generalno vertikalno orijentisane; npr. korisnici popunjavaju formu od vrha ka dnu. S obzirom da korisnici popunjavaju formu idući na dole mnogo je lakše naći polje koje je ispod naslova nego polje koje se nalazi desno od istog.

Slika 1. - Primer dobre forme

Smeštanje labela na levu stranu takođe dovodi do još jednog problema: Da li ravnate labelu na levu ili desnu stranu? Ravnanje labele na levo čini formu preglednijom, ali je teško povezati koja labela se odnosi na koje polje. Ravnanje desno radi suprotno, forma je manje pregledna, ali bolje povezuje te elemente. Labele iznad polja su najbolje rešenje u oba slučaja. Studije takođe pokazuju da labele ne bi trebalo da budu boldovane, mada to je još uvek predmet dalje rasprave.

2. Korisnici se fokusiraju na lica

Ljudi instinktivno primete lica drugih ljudi kada ona uđu u vidokrug. Na Web stranama nastojimo da se fokusiramo na lica i oči ljudi, što marketerima daje dobru tehniku za privlačenje pažnje. Ali naša privučenost licem ili očima čoveka je samo početak, ispostavlja se da se naša pažnja preusmerava u pravcu u kojem gleda osoba na slici.

Slika 2. - Toplotna mapa privlačenja pogledom - beba gleda pravo u nas (UsableWorld study)

Slika 3. - Toplotna mapa privlačenja pogledom - beba gleda na sadržaj (UsableWorld study)

Evo jedne studije koja se bavila aspetkom lica i koliko ono privlači korisnike. Korisnik će biti privučen licem, ali primetićete da je pažnja u većoj meri dodata sadržaju onda kada lice gleda u tom smeru tj. u smeru sadržaja koji treba da bude primećen.

3. Kvalitet dizajna je indikator kredibiliteta

Različite studije su sprovedene kako bi se saznalo šta tačno utiče na ljudsku percepciju kredibiliteta jednog Web sajta.

Slika 4. - Ne znamo da li je Fever aplikacija dobra, ali uglađen korisnički interfejs i sajt daje dobar prvi utisak

Jedan interesantan zaključak ovih studija je da ljudi zapravo procenjuju knjigu po njenim koricama tj. u našem slučaj web sajt po njegovom dizajnu. Elementi kao što su layout, konzistentnost, tipografija, boja i stil utiču na to kako posetilac vidi vaš sajt i kakvu sliku projektujete. Vaš sajt ne treba samo da projektuje dobru sliku, već i onu koja je prava za vašeg posetioca.

Drugi faktori koji utiču na kredibilitet su: kvalitet sadržaja, količina grešaka, učestalost update-a, lakoća upotrebe i pouzdanost autora.

4. Većina korisnika NE skroluje

Studija koju sproveo Jakob Nielsen na temu koliko ljudi skroluju na web sajtu (Prioritizing Web Usability) otkrila je da samo 23% ljudi skroluje pri svojoj prvoj poseti web sajtu. Drugim rečima 77% posetilaca neće skrolovati, oni će samo pogledati sadržaj koji je vidljiv na stranici bez skrolovanja. Pored toga, procenat korisnika koji skroluju se smanjuje sa svakom sledećom posetom, pa tako imamo samo 16% njih koji skroluju pri drugoj poseti sajtu. Ovaj podatak je jako bitan i govori o tome koliko je važno da one podatke koji su ključni stavite na istaknutu poziciju, ovo je naročito bitno za landing page.

Ovo ne znači da treba sve da strpate na gornju polovinu strane već da treba taj prostor da iskoristite najpametnije moguće. Trpanje sadržaja na jedno mesto će učiniti da je isti nedostupan, jer kada korisnik vidi gomilu informacija neće znati odakle da počne.

Slika 5. - Primer dobro iskorišćenog prostora. Visina je 768 px, ima veliki screenshot, tag liniju, poziv na akciju, listu klijenata i malu listu sa slikama

Ovo je najvažnije za home page, gde će najveći broj novih korisnika doći. Dakle postavite sledeće neophodne elemente:

1. Ime sajta
2. Šta korisnik dobija od korišćenja istog
3. Navigaciju ka glavnom delu sajta koja je relevantna za korisnika

Međutim navike korisnika se menjaju vremenom. Studije koje su najnovije pokazuju da korisnici u nekim slučajevima hoće da skroluju ka dnu strane. Čak se pokazalo da im više odgovara da skroluju nego paginacija. Jednom dobrom delu korisnika nije najvažniji sadržaj a gornjem delu strane. Tako da je dobro stranicu podeliti u sekcije koje će biti lako uočljive i odvojene međusobno sa dosta belog prostora.

5. Plava je najbolja boja za linkove

Davanje sajtu jedinstven dizajn je odlično, ali kada govorimo o upotrebljivosti, raditi ono što svi ostali rade je uvek najbolje. Pratite konvencije, jer kada korisnik dođe na nov sajt prvo mesto gde će ražiti neki element je upravo ono mesto na kojem je video isti taj element, ali na većini drugih sajtova. Ovo je poznato kao korisnički paterni. Ljudi očekuju da određeni elementi budu isti, kao što je boja linkova, lokacija logoa sajta, ponašanje navigacije uz pomoć tagova itd.

Slika 6. - Google sa razlogom boji svoje linkove u plavo. Prepoznatljiva je većini korisnika i lako je uočljiva

Koje boje trebaju da budu vaši linkovi? U razmatranje prvo dolazi kontrast: linkovi trebaju da budu tamni ili svetli dovoljno da budu u kontrastu sa bojom pozadine. Drugo linkovi treba da budu izuzeti od boje ostatka teksta tj. bez crnih linkova sa crnim tekstom. I konačno istraživanja pokazuju da, ako vam je korisnost na prvom mestu, plava boja za linkove je najbolja. Default boja za linkove u browseru je plava, pa je s toga ljudi i očekuju. Staviti link u dugoj boji nije ni u kom slučaju problem, ali može da utiče na brzinu kojom će korisnik da ih pronađe na stranici.

6. Idealno polje za pretragu je široko 27 karaktera

Koja je idealna širina polja za pretragu? Da li tako nešto postoji? Po ispitivanjima koja su sprovedena ispostavilo se da je većina polja za pretragu previše kratka. Problem sa kratkim poljem je u tome što iako će Vam biti dozvoljeno da kucate dugačak upit samo jedan njegov deo će biti vidljiv u datom trenutku, pa je teško da pregledate šta ste otkucali ili da editujete upit.

Studija je pokazala da je prosečna širina polja za pretragu 18 karaktera. Isto tako se pokazalo da je 27% upita bilo predugačko da bi stalo u takvo polje. Proširenje polja za pretragu na 27 karaktera bi moglo da opsluži 90% upita. Zapamtite, širinu možete podesiti i pomoću em-ova, ne samo uz pomoć pixela i pointa. Jedan em je širina i dužina jednog slova „m“ bez obzira o kojem se fontu ili sajtu radi. S toga koristite ovu meru kako biste odredili širinu polja na 27 karaktera.

Slika 7. - Google-ovo polje za pretragu je dovoljno dugačko da primi ceo upit

Slika 8. - Sa druge strane Apple nije bio tako darežljiv

Uopšteno govoreći bolje je imati duže polje za pretragu nego prekratko. Ovo uputstvo je zaista jednostavno, ali na nesreću jako često se zaobilazi. Takođe malo padding-a može dosta da doprinese izgledu.

7. Beo prostor čini da je sajt jasniji

Većina dizajnera zna vrednost belog prostora tj. praznog prostora između paragrafa, slika, dugmića u drugih elemenata na strani. Beo prostor daje elementima na strani mogućnost „da dišu“. Takođe možemo grupisati elemente zajedno tako što ćemo smanjiti međusobni beo prostor, a povećati beo prostor između grupe i ostalih elemenata na strani. Ovo je važno zbog pokazivanja veze između elemenata, kao i zbog određivanja hijerarhije elemenata na jednoj Web strani.

Slika 9. - Primetite margine, padding i spacing u centralnom sadržaju na strani. Sav taj prostor ga čini lako čitljivim.

Linova studija sprovedena 2004-te godina je pokazala da dobra upotreba belog prostora u paragrafu kao i u levoj i desnoj margini može da poboljša rezonovanje za 20%. Čitaocu je lakše da se fokusira na sadržaj sa lepim razmakom.

Beo prostor ne mora da poboljša performance sajta, ali će u svakom slučaju uticati na korisnikov doživljaj i užitak dok je na sajtu.

8. Efikasno korisničko testiranje ne mora da bude obimno

Studija Jakoba Nielsena o idealnom broju korisnika koje treba uključiti u testiranje upotrebljivosti je pokazala da test sa samo 5 korisnika može da otkrije 85% problema koje imate na sajtu. Rešenje će biti podjedanko ako u testiranje uključite 15 ljudi.

Slika 10. - Jakob Nielsen test grafik

Najveći problemi su obično otkriveni od strane prva dva korisnika, a preostali testeri potvrde navode prvih i pronađu manje probleme. Samo dva korisnika bi pronašla polovinu problema na sajtu. Ovo znači da testiranje ne mora da bude veliko ili preskupo da bi imalo dobre rezultate. Najveći dobitak se ostvaruje prelaskom sa 0 test korisnika na jednog tako da se nemojte plašiti da idete na malu količinu. Bilo kakvo testiranje je bolje od nikakvog.

9. Informativne strane sa proizvodima će vam pomoći da se izdvojite

Ako vaš Web sajt ima strane sa proizvodima, ljudi koji kupuju online će sigurno da ih pregledaju. Mnogim stranama sa proizvodima nedostaju neophodne informacije, čak i za posetioce koji rade brzi pregled strane. Ovo je jako ozbiljan problem, jer informacija o proizvodu pomaže ljudima da donesu odluku o kupovini. Istraživanja pokazuju da loša informacija o proizvodu dovodi do 8% problema pri korišćenju  i 10% gubitka korisnika (npr. korisnik digne ruke od svega i napusti sajt).

Slika 11. - Apple odvaja tehničke specifikacije proizvoda od jednostavnih marketinških strana, ali opet ostavlja i lak način da se do specifikacija dođe.

Omogućite korisnicima da dobiju detaljne informacije o proizvodu, ali ne dozvolite sebi da upadnete u zamku bombardovanja korisnika sa prevelikim brojem informacija. Učinite informaciju laku za „svariti“. Napravite stranu da bude pregledna sa dovoljno manjih segmenata teksta. Dodajte dosta slika proizvoda jer jedna slika je bolja i od 1000 reči, a ako već više volite reči od slika onda koristite jezik koji je razumljiv svima. Ne koristite žargon koji je nerazumljiv vašim kupcima.

10. Većina korisnika je slepo za advertising

Nakon obilnih istraživanja pokazalo se da je većina korisnika slepo za ad banere. Ako traže neku konkretnu informaciju na strani ili su preokupirani sadržajem neće im odvući pažnju reklama sa strane.

Rezultat ove pojave je ne samo da će korisnik da ignoriše reklamu već će ignorisati i sve što liči na reklamu. Neka jako stilizovana navigacija može da liči na reklamu, budite oprezni sa ovim.

Slika 12. - Četvrtasti baneri sa leve strane u stvari nisu reklame već linkovi ka stranama. Oni jako liče na banere i to može dovesti do toga da ih korisnici previde.

Drugačije rečeno, ad koji liči na sadržaj će navesti korisnika da pogleda i klikne. Ovo može da dovede do povećanja zarade na osnovu reklama, ali sa druge strane možete se suočiti sa gubitkom poverenja korisnika jer su umesto sadržaja dobili sajt koji se reklamira. Pre nego što odete ovom stazom razmislite dobro: kratkoročna zarada ili dugoročno poverenje vaših korisnika?

Izvor: www.smashingmagazine.com

saznaj dan svoje smrti

Evo novog servisa za vlasnike web sajtova. Radi se o šaljivom web sajtu na kome možete popunjavanjem upitnika saznati statistički datum svoje smrti. Ideja nije originalna, već postoji dosta ovakvih sajtova na internetu, ali kao i uvek mi smo to modifikovali i implementirali premium servise. Znam da je tema sajta malo bizarna, ali upravo to je razlog što je konverzija 1-30 (na 30 posetilaca 1 plati i koristi servis). Ovako visok nivo konverzije nismo odavno videli.

Kako ovo radi – sajt je gotov i spreman za promovisanje, od nas dobijate sve – svoj sms keyword, statistiku, banere, a na vama je samo da promovišete sajt i pošaljete što više trafike (posetilaca).

Cena i podela – cena poruke je 200 din, podela je 50% za webmastera – 50% za Adriatek od čistog dela (neto – kada se odbije procenat provajdera). Evo i malog primera: sa trenutnom konverzijom (1-30), ako pošaljete 1000 posetilaca na sajt u proseku dobijamo nazad 30tak uplata za taj dan – što je oko 6.500 dinara za dan (bruto)!

Affiliate sistem – dobijate pristup svom nalogu sa statistikom u realnom vremenu na web-u. Pripremamo 2 set-a banera – jedan koji je malo bizaran (možete videti sa strane) ali ima dobru konverziju i skreće pažnju i još jednu grupu banera koji će biti vizuelno blaži i pogodniji za sajtove ozbiljnije tematike. Postavite baner na svom sajtu, ili napravite nove banere ako vam se ne dopadaju naši baneri, ili promovišete po netu (razmena linkova, banera, forumi), ili postavite plaćenu reklamu, ili…

Kako početi- ukoliko imate web sajt sa preko 500 poseta dnevno, pozovite nas na 011 395 63 50 ili nas kontaktirajte (naglasite da ste zainteresovani za danmojesmrti.com servis).

Trenutno radimo na adaptaciji ovog servisa za medije – putem sms-a i 0900 broja. Pratite redovno blog, javićemo kada je spreman.

———————————–

I malo o nama – Adriatek je firma koja se bavi konsaltingom, mi našim klijentima pomažemo da povećaju svoje prihode primenom premium servisa (0900 broj, sms, 042 i slično…), pogledajte detaljno naše proizvode.

———————————–

Evo malo rezultata sveobuhvatnog istraživanja koje smo sproveli nedavno a vezani su za razvoj it-a i interneta u Srbiji. Podaci su prikupljeni sa velikog broja različitih državnih, finansijskih, it i sličnih portala, upoređivani i prikazani kao srednje vrednosti.

Internet populacija (za 2008. i mali deo 2009. godine):

4.3 miliona korisnika u svetu koristi srpski jezik
2.4 miliona korisnika ima u Srbiji (u Beogradu 1.3 miliona, u Novom Sadu 320.000 korisnika Interneta, 140.000 u Nišu, 76.000 u Subotici, itd )
50% odsto svih korisnika Interneta u Srbiji koristi Facebook
1.04 miliona korisnika Facebooka-a (podatak – avgust 2009. godina)

Sajtovi (za 2007-2008. godinu):

U poslednje dve godine broj sajtova u zemlji sa 35.000 popeo se na 65.000 (istraživanje 2008. god)
20.000 blogova
170,000 ljudi prati denvno blogove
5,3 miliona poseta mesečno imaju blogovi
15.000 sajtova se godišnje otvori u proseku
1,24 miliona korisnika u Srbiji dnevno koristi internet

Internet konekcije (za 2008. godinu):

70% ljudi koristi dial-up
30% koristi ADSL, kablovski, wirelles
1,9 miliona ljudi ima internet u Srbiji

Mobilna telefonija vs. fiksna vs. internet:

U Srbiji je na kraju prošle godine bilo tri puta više pretplatnika mobilne nego fiksne telefonije, podaci su Republičke agencije za telekomunikacije (RATEL) (2009. god).
stovremeno je znatno povećan broj Internet pretplatnika. Fiksna telefonija u Srbiji na kraju 2008. godine imala je 3.085.000 korisnika, što je povećanje od 230.000 u odnosu na prethodnu godinu. Broj korisnika mobilne telefonije na kraju 2008. godine bio je 9.619.000 i tokom te godine povećan je za 1.166.000.

Oglašavanje na internetu  (za 2008. godinu):

31% mobilna telefonija
26% finansijske insistucije
23% roba široke potrošnje

Vrednost internet tržišta u oglašavanju (za 2008. godinu):

4-6 miliona eura godišnje
30-50% drže B92 i Blic (Mediji)
50% ostali oblici oglašavanja (Facebook, AdWords, Httpool, eTarget) – oko 2,5 miliona eura

Blogovi vs. ostali sajtovi

80% blogova su netaknuta priroda vezano za oglašavanje.
35-40% sajtova u srbiji prestavljaju blogovi
170,000 ljudi dnevno prati blogove
5,3 miliona poseta mesečno imaju blogovi u Srbiji
43 miliona poseta imaju ostali sajtovi u Srbiji mesečno