Što smo o UX trendovima čuli na Smashing Conference u New Yorku?

Što smo o UX trendovima čuli na Smashing Conference u New Yorku?

UX i UI su skliski termini za većinu dizajnera. Poput starog fazona o tinejdžerskom seksu gdje “svi pričaju o tome; nitko ne zna kako se to radi; svi misle da svi to rade; pa svi tvrde da i oni sami to rade”. Na sreću, postoje kvalitetni autori i mediji koji na nepretenciozan način pričaju o važnosti UX/UI za produkciju web aplikacija. Smashing Magazine je jedan od takvih medija. Uz to što pišu dobre (dugačke :)) članke i knjige, Smashing Nijemci se ne ustručavaju organizirati i konferencijske putešestvije...čak i preko bare, do samog New Yorka.

Neuralab

Koncept kolaborativne konferencije #SmashingConf #NYC je prvo što nas je oduševilo – naime, ekipa iz Smashing Magazinea je otvorila dva Google dokumenta s popisom svih radionica i predavanja te dala svim posjetiteljima pravo pristupa da mogu komentirati i postavljati direktna pitanja predavačima. Slobodno kliknite na link http://smashed.by/nyc1 + http://smashed.by/nyc2 (ako sam već dosadan) i saznajte sve informacije s jednih od važnijih UX konferencija. Nulti dan je započeo u impresivnom Microsoft Research centru u samom središtu Manhattana, dok su dva “prava” dana konferencije bila održana na Broadwayu, u jednom od modernijih kazališta – New World Stages.

Neću detaljno opisivati što se dešavalo dan po dan jer mislim da to možete iščitati i iz gornjeg “docsa”. Radije ću opisati teme za koje smo vidjeli da očito vladaju među UX kolegama:

  • WPO (Web Performance Optimization)
  • ARIA (Accessible Rich internet applications)
  • Dizajn sustavi.

Te tri “teme” su nam bitnije od odabira web tehnologije, CMS-a, borbe Photoshop vs. Sketch ili ostalih pitkih automasturbativnih tema. Razlog je jednostavan – važne su krajnjem korisniku, a fokusom na njih će te postići da i vaša aplikacija bude kvalitetna i korisna tržištu.

Zašto je važan Web Performance Optimization?

Svako je predavanje na SmashingConfu barem na neki način spominjalo web performanse i brzinu učitavanja aplikacija, jer ipak… biznis oko web performansi je bukvalan i precizan. Optimiziran web olakšava rashodovnu stranu: manje je problema oko održavanja i hosting račun je manji. S druge strane, povećavamo prihodovnu stranu: veća brzina znači povećanje konverzija i samim time poslovni uspjeh aplikacije. Brže učitavanje znači i veći doseg do korisnika sa slabim mobitelima i vezama. Dva glavna predavača na temu su bili Patrick Hamann (CSS and the First Meaningful Paint) i Harry Roberts (Why Fast Matters) pa slobodno potražite u Google docsima njihove glavne zaključke. Ovdje prenosim samo neke od njih.

Temelji mjerenja web performansi su poznavanje glavnih metrika koje uopće i moramo mjeriti:

  • Stare metrike koje više ne morate mjeriti: First byte, document complete, load event, requests/bytes, start render
  • Moderne metrike koje bi trebali mjeriti: SpeedIndex, First Meaningful Paint, Time to Interact

Na kraju dana, performanse su inženjerska disciplina pa je logično da oko te teme postoji najviše alata za igranje. Ovo je klasični utility belt modernog web inženjera: Google Lighthouse Chrome ekstenzija, Webpagetest.org, https://github.com/filamentgroup/loadCSS, Dareboost.com, Speedcurve.com, Charles Proxy (throttle to specific connection (2G, 3G, etc)).

O poslovnim benefitima WPO-a

Zanimljivo predavanje oko alata je održao i Umar Hansa na temu Chrome Dev tools “A Modern Front-End Workflow with DevTools”. Prikazao je sve kratice, ‘cake’ i informacije oko maksimalnog korištenja Chrome dev toolsa za web produkciju. Sve informacije pogledajte na ovom docsu, a svi savjeti se također nalaze i na njegovom blogu.

Osvrnut ću se i na gore spomenute poslovne benefite, tako da ne pričamo samo o alatima. Recimo, Netflix je uštedio 43% hosting budžeta upalivši GZIP?! Teško za vjerovati, ali WPO stats kaže da je tako. Na toj stranici možete pratiti životne slučajeve ostalih kolega iz industrije te vidjeti generalne trendove, kako na front-end tako i na backend optimizaciji. Na primjer, kada se upitate koliko vaš web treba biti brz, poslovnjaci daju savjet da trebate biti brži barem od vašeg prvog konkurenta (to se mjeri pomoću stranice Dareboost.com). 🙂

Na kraju drugog dana, “show” je ukrao Jake Archibald sa svojim interaktivnim kviz predavanjem gdje je publika odgovarala na provokativna i backstabbing HTML5 performance pitanja (da, moguće je i naše teme Hamletovski obraditi :)). Cijelu kviz aplikaciju možete preuzeti na njegovom GitHubu.

ARIA ili Accesable Rich Internet Applications

Accessibility je imao svoje izraženo mjesto i na konferenciji Shift Split gdje je šefica developmenta Financial Timesa objašnjavala korištenje Pally CI alata za analizu dostupnosti web podataka. Svijet je doista mali, jer u New Yorku je predavanje održao “njezin” developer Patrick Hamann iz istog tima (te je opet koristio Financial Times kao dobar primjer web accessibilityja). Ovo su savjeti iz njihove radionice:

  • Accessibility testing izvodite s pravim korisnicima koji imaju realne poteškoće i oni će vam dati najbolje komentare
  • Accessibility se odnosi i na otežanost korištenja web-a u nepovoljnim uvjetima npr. kada vam je slobodna samo jedna ruka, na mjestima gdje je velika buka ili na mjestima gdje morate brzo “tapnuti” na ekran (UX/UI u automobilima)
  • Pally CI je odličan alat za automatizirani monitoring accessibilityja web stranica
  • Color contrast accessibility checker je jedna od prvih stvari koja se može provjeriti/promijeniti na web aplikaciji.

Accessibility je, isto kao i WPO, tema koja se prožimala kroz sva predavanja, a Brad Frost je to najbolje opisao:

Our work is done with other people, for other people.

Čak je i Nathan Curtis u svojem predavanju o dizajn sustavima rekao kako je accessibility prva stvar o kojoj moramo razmisliti pri dizajniranju Call-To-Actiona. Više o Nathanu i njegovom predavanju saznajte u zadnjoj sekciji ovog putopisa…

Uzlet dizajn sustava u produkciji online aplikacija

Djelić atmosfere s konferencije.

Dizajn sustavi nisu novi koncept, ali se primjećuje njihov uzlet u produkciji online aplikacija. Postojeći “uobičajeni” proces dizajniranja statičkih Photoshop predložaka je spor, nepregledan i krut za promjene te nam u 2017. treba novi način izrade interaktivnog dizajna. Dizajn sustavi rješavaju taj problem drugačijom produkcijom jer dizajner umjesto da kreira predefinirani Photoshop izgled web stranice, kreira jednu knjižnicu web elemenata koje developer s dizajnerom i klijentom, koristi pri “slaganju” web aplikacije. Pogledajte neke od popularnijih dizajn sustava pa će vam biti jasnije o čemu se radi:

Navedeni dizajn sustavi omogućuju dizajnerima da ponovo koriste stilove, komponente i obrasce, što im daje vremena da se usredotoče na važnije korisničke probleme. Dobar dizajnerski sustav također omogućuje inženjerima da pouzdano implementiraju nove funkcije bez da (previše) ovise o dizajnerima ili klijentima. Brad Frost i Nathan Curtis su opisali neke od objektivnih benefita:

  • Konzistentnost i kohezija: Više konverzija i $$$
  • Brža produkcija: Više funkcija i više iteracija u kraćem vremenu
  • Dijeljeni vokabular: Manje sastanaka, više produkcije i suradnje
  • Jednostavnija testiranja: Predefinirana responzivnost i izgled UI-a
  • Dokumentiranost: Dizajn sustav je zapravo centralni dokument dostupan svima
  • Future-friendly temelji: Dizajn sustav će evoluirati tijekom vremena, a to mu je i smisao
  • Tokeni: Dizajn sustavi podržavaju korištenje tokena tj. varijabli pomoću kojih definiramo važne odluke i informacije oko odabira boja, fontova, stilova itd.. Njih apliciramo kroz cijeli dizajn sustav.

Svi dizajneri bi trebali znati ponešto biznisa i psihologije

Iako se dizajn sustavi čine kao dosadna tema u kreativnim industrijama, #SmashingConf predavači su stavljali naglasak i na dizajn interaktivnog sadržaja i multidisciplinarni pristup sadržaju. Upravo dizajn sustav omogućava dizajnerima da se bave većim dizajn temama poput ilustriranja sadržaja i definiranja user flowova. Joe Leech je imao dobro predavanje na temu How to Design with Science without Losing the Magic, a predlaže da bi svi dizajneri trebali znati barem nešto biznisa i psihologije. Bili smo i na radionici od Yuko Shimizu koja je prikazala prekrasnu upotrebu ilustracija u oplemenjivanju interaktivnog sadržaja i samim time opisala web kao izrazito multidisciplinarno mjesto:

Nothing is a substitute for collaboration – Communication and collaboration beat deliverables.

Za kraj, tu je i foto galerija koja donosi dio onoga što smo vidjeli na konferenciji.

NYC

Posted by Neuralab on Wednesday, June 28, 2017

 

PS. Neuralab zapošljava Junior Web Developera pa ako ste stigli do kraja ovog članka, provjerite oglas, pozicija je možda kao stvorena za vas 🙂

Sukladno članku 94. Zakona o elektroničkim medijima, komentiranje članaka na Netokraciji dopušteno je samo korisnicima koji ostave svoje ime i prezime te mail adresu i prihvate pravila ponašanja.

Pravila ponašanja

Na Netokraciji za vas stvaramo kvalitetan, autorski potpisan sadržaj i zaista se veselimo vašim kvalitetnim, kontruktivnim komentarima. Poštujmo stoga jedni druge prilikom komentiranja, kao i Zakon, držeći se sljedećih pravila ponašanja:

  • Ne budite 💩: Nema vrijeđanja, diskriminiranja, ni psovanja (osim ako nije osobni izričaj, ali onda neka psovka bude općenita, a ne usmjerena prema nekome). Također, upoznajte se sa stavkom 2. članka 94. Zakona o elektroničkim medijima prije no što ostavite komentar.
  • Samo kvalitetna rasprava, manje trolanja: Ne morate se ni sa kim slagati, ali budite konstruktivni i doprinesite raspravi! Svako trolanje, flameanje, koliko god "plesalo" na granici, leti van.
  • Imenom i prezimenom, nismo Anonymous 👤: Autor sadržaja stoji iza svog sadržaja, stoga stojite i vi iza svog komentara. Koristimo ime i prezime te pravu email adresu.

Kako koristimo podatke koje ostavljate? Bacite oko na našu izjavu o privatnosti.

Sve ostale komentare ćemo s guštom spaliti, jer ne zaslužuju svoje mjesto na internetu.

Odgovori

Tvoja e-mail adresa neće biti objavljena.

Popularno

Prikaz

Native Teams u Hrvatskoj: Kako olakšavaju brigu o porezima, doprinosima i zapošljavanju u inozemstvu?

Native Teams, platforma za freelancere i digitalno plaćanje koju globalno koristi gotovo sto tisuća ljudi, u Hrvatsku je stigla prije dvije godine. Otkrivamo kako im je izgledalo širenje na regiju te što su u međuvremenu nova uveli.

Izvještaj

Metaverse nije mrtav. Njegov zli brat iz Mete možda jest…

Rebrendingom u Metu, Facebook je pokušao preuzeti vlasništvo nad pojmom metaversea, no svjedoci smo koliko mu je to uspjelo. Metaverse više nije u hypeu kao nekad, ali oni koji su se nastavili baviti njime - znaju da priča tek počinje.

Zabava i zanimljivosti

Hrvati napokon mogu glasati elektronski, i to zahvaljujući Samu Altmanu (i botovima)

Već niz godina naklapa se i navija za uvođenje elektronskog glasanja u Hrvatskoj. Ako nismo tijekom pandemije koronavirusa, kad ćemo, pitaju se mnogi. Ova superizborna godina, u kojoj nas čekaju parlamentarni, europski i predsjednički izbori jedina je još sila (ne)prilika koja bi mogla nagnati Državno izborno povjerenstvo da poduzmu mjere po tom pitanju.

Što ste propustili

Tvrtke i poslovanje

One su matematičarke, inženjerke, statističarke… upoznajte Compingove stručnjakinje za podatke!

Koliko je važna činjenica da u jednoj od vodećih domaćih informatičkih tvrtki u podatkovnoj znanosti važnu ulogu i većinu imaju žene pokazuju i neka svjetska istraživanja.

Programiranje

Što softverski inženjeri (ne) žele na poslu? Sudjelujte u istraživanju!

Prošlo je vrijeme kada su se poslodavci u IT-ju razbacivali pozicijama i benefitima, no to ne znači nebrigu o kadru koji žele zadržati, ali i ubuduće privući. Evo prilike da im kažete što vam je važno...

Startupi

Zagrebački startup Farseer: Kod nas zime nema, spremni smo razvaliti područje financijskog planiranja

Zagrebačka tvrtka Farseer niže poslovne uspjehe jedan za drugim. Nakon strelovitog rasta, prošlogodišnje investicije te uspješnih suradnji s nekim od najvećih regionalnih i globalnih tvrtki, ovaj softver za financijsko planiranje nedavno je dospio u društvo najboljih svjetskih alata u svojoj kategoriji.

Tvrtke i poslovanje

Infobip Shift Miami: Drugo izdanje obilježilo više partnera, izlagača, govornika, a i posjetitelja!

Povratak hrvatske konferencije u SAD ispunio je sva očekivanja organizatora te dodatno učvrstio Infobipovu poziciju na izazovnom američkom tržištu

Intervju

Svjetski “kamp za analitičare” stiže u Split: “Uvijek ćemo trebati ljude koji mogu razumjeti ponašanje ljudi online…”

MeasureCamp je sve samo ne obična konferencija, a možda joj je upravo to priskrbilo priznat status u svijetu analitike, s 140+ događanja u više od 35 gradova. U razgovoru s analitičkim veteranom i organizatorom MeasureCampa otkrivamo više o splitskom izdanju - i analitičkim tekovinama.

Izvještaj

Metaverse nije mrtav. Njegov zli brat iz Mete možda jest…

Rebrendingom u Metu, Facebook je pokušao preuzeti vlasništvo nad pojmom metaversea, no svjedoci smo koliko mu je to uspjelo. Metaverse više nije u hypeu kao nekad, ali oni koji su se nastavili baviti njime - znaju da priča tek počinje.