7 Google Web Design -resurssi UX: n parantamiseksi

Luettelo resursseista, joilla saadaan mahdollisimman paljon hyötyä verkkokehitysinvestoinneista

Materiaalisuunnittelu - nosturi

Suurin osa urastani on keskittynyt web-kokemusten suunnitteluun ja mahdollisuuksien löytämiseen niiden parantamiseksi. Minulla on ollut tilaisuus työskennellä kaikkien parhaiden verkkokehitysryhmien kanssa kaikilla mahdollisilla aloilla. Jokaisella ryhmällä, jonka kanssa työskentelen, on omat ainutlaatuiset ongelmansa ja resurssirajoituksensa. Toisinaan voi tuntua ylivoimaiselta rakentaa intuitiivinen, luotettava, nopea ja kiinnostava verkkokokemus. Mutta kaikilla tänään olevilla ilmaisilla resursseilla ei ole koskaan ollut parempi aika investoida verkkoon. Tämä resurssiluettelo auttaa sinua ja ryhmääsi puristamaan mahdollisimman paljon arvoa verkkokehitysinvestoinneillesi kuin mahdollista.

1. Web.Dev & 2. Majakka

Majakan suoritustarkastus

Kun vietät lukemattomia tunteja katsomalla verkkosivustoasi, voi olla helppo hukata parannusmahdollisuuksia. Joskus on vaikea selvittää, miksi tietty sivu tekee hitaa. Paras tapa tehdä parannuksia on askel taaksepäin ja saada uusi näkökulma. Web.Dev on jokaiselle siellä olevalle web-kehitystiimille. Web.Devin ydin on majakka - avoimen lähdekoodin automaattinen työkalu, joka on rakennettu verkkosivujen laadun parantamiseksi. Voit suorittaa majakkaauditoinnin millä tahansa verkkosivulla. Tämä työkalu tarjoaa yksityiskohtaisen raportin suorituskyvystä, saavutettavuudesta, progressiivisista verkkosovelluksista ja muusta. Oman kokemuksen tarkastaminen ei ole koskaan ollut näin helppoa. Tiimisi tulisi harkita monitoiminnallisten tavoitteiden asettamista ja lisätä suoraan majakka-suosituksia tuotejoukkoosi. Jos suorituskyky on etenemissuunnitelmassa (sen pitäisi olla), tästä työkalusta tulee paras ystäväsi. Jos haluat edelleen resursseja parantaa sivustosi nopeutta, tutustu tähän täydelliseen erittelyyn.

Suositellut vertailuarvot:

<2s Ensimmäinen sisältömaalaus (FCP)
<3 nopeusindeksi (SI)
<5 aika interaktiiviseen (TTI)

Kenelle se on? - Jokainen. Tuotepäälliköt. Insinöörejä. Suunnittelijat. Markkinoijat.

3. Galleria

Galleria saattaa olla yksi vajaakäytössä olevista suunnittelutyökaluista.

Yksi kriittisimmistä osista onnistuneen verkkosivuston suunnittelussa on saada vertaisarviointia ja käyttäjän palautetta. Galleria on helppo organisoida ja tehdä yhteistyötä tuotesuunnitteluun. Tämä materiaalisuunnitteluvoimainen projekti on pakollinen kaikille UXer-laitteille. Tämän yhteistyökalun avulla voit ladata suunnittelutyötä, saada palautetta ja seurata versioita - nopeasti ja tehokkaasti. Käyttöliittymän käyttö ei voisi olla helpompaa, varsinkin jos olet gSuite-käyttäjä. Bonuksena tämä työkalu on saatavana Androidille ja IOS: lle.

Kenelle se on? - Suunnittelijat ja tuotepäälliköt

4. Työlaatikko

Haluatko luoda progressiivisen verkkosovelluksen? Työlaatikko on helppo aloittaa. Kun PWA: t saavat lisää vauhtia, kehittäjät etsivät tapoja rakentaa luokansa parhaita verkkosovelluksia. Workbox on opas, jossa on askel askeleelta koodisivut ja runsaasti parhaita käytäntöjä. Jos olet kehittäjä ja ajattelet sivustosi päivittämistä PWA: ksi, Workbox on pakollinen.

Kenelle se on? - Tuotepäälliköt ja insinöörit

5. Värityökalu

Aiotko tehdä uuden suunnittelun tai avata sivustosi ensimmäistä kertaa? Suosittelen materiaalisuunnittelutyökalun käyttöä. Tämän työkalun avulla voit luoda, jakaa ja soveltaa mukautettuja väripaletteja käyttöliittymään. Syötä vain kuusioväri ja se tarjoaa ensisijaisen värimaailman vaaleilla ja tummilla vaihtoehdoilla. Tämän työkalun avulla voit päästä brändisi seuraavalle tasolle, mutta se voi myös varmistaa, että noudatat esteettömyyttä koskevia parhaita käytäntöjä. Tämä yksinkertainen, mutta tehokas työkalu tekee sen jakamisen helpoksi Androidilla, iOS: llä ja jopa CodePenillä. Suosittelen myös Material Theme Editoria.

Kenelle se on? - Suunnittelijat

6. Data Studio

Avaa tietojen tehokkuus interaktiivisilla kojetauluilla ja kiinnostavilla raporteilla, jotka inspiroivat älykkäämpiä yrityspäätöksiä. Verkkokokemuksen parantaminen on joukkueen työtä. Data Studio on yksinkertainen tapa poimia merkityksellisiä käyttäjien sitoutumista koskevia suuntauksia. Olen nähnyt siellä tonnin mukautettujen datastudioiden kojetauluja, kuten kitkattoman sähköisen kaupankäynnin hallintapaneelin (vertaisverkoni Damla Cakircan tekemä). Data Studion avulla voit luoda mukautettuja näkymiä ja lisätä kommentteja kenelle tahansa ryhmän jäsenelle tulkitaksesi tietoja. Sen avulla voit myös helposti yhdistää tietosi laskentataulukoista, analytiikasta, Google-mainoksista ja muusta. Data Studion paras osa on yksinkertaisuus. Roolistasi riippumatta, voit muuntaa raakatiedot oivalluiksi mittareiksi ja ulottuvuuksiksi. Juuri kun luulet sen paranevan, huomaat, että mitään koodia tai kyselyjä ei tarvita.

Kenelle se on? - Jokainen. Tuotepäällikkö. Insinöörejä. Suunnittelijat. Markkinoijat.

7. CrUX-kojelauta

ChrUX-käyttäjäkokemusraportin (CrUX) hallintapaneeli on julkinen käyttäjän suoritustietojen joukko. Kaikki raporttiin sisältyvät suoritustiedot ovat reaalimaailman olosuhteista, yhdistettyinä Chromen käyttäjiltä, ​​jotka ovat valinneet synkronoida selaushistoriansa ja joiden käyttötilastollinen raportointi on käytössä. Tämä työkalu on rakennettu Data Studio -sovellukseen ja synkronoidaan automaattisesti uusimpien tietojoukkojen kanssa. Sitä voidaan helposti muokata ja jakaa kaikille tiimisi jäsenille.

Kenelle se on? - Tuotepäälliköt ja insinöörit

Toivon, että tämä luettelo voi virtaviivaistaa työnkulkuasi tai auttaa paremmin ryhmääsi jakamaan tavoitteita. Jos etsit erityisiä suosituksia siitä, miten voit optimoida paremmin suorituskykyä, käytettävyyttä ja saavutettavuutta, lue - UX-trendit, joita havaitsin Googlessa mobiili UX-liidinä. Jos sinulla on muita suosittelemiasi työkaluja, jätä ne alla olevaan kommenttiosaan.

- @RyanWarrender