De 11 bedste Chrome-udvidelser til designere

Ingen ved bedre end UX-designere, hvordan tilsyneladende små justeringer af brugervenlighed og effektivitet faktisk kan gøre en enorm forskel for en brugers oplevelse.



Og alligevel, mens få bruger mere tid på at surfe på nettet end designere, er det måske ikke selv de dygtigste blandt os, der maksimerer kvaliteten af ​​den oplevelse.



Med det i tankerne har vi rundet 11 af de bedste Chrome-udvidelser til designere.



Væv

Chancerne er, at du bruger en ret betydelig mængde tid på at forsøge at kommunikere med andre holdkammerater om problemer relateret til brugerflow, designproblemer eller andre fejl. Loom kan gøre dit liv meget lettere.



Udvidelsen giver dig mulighed for at optage og fortælle en video af, hvad du ser på din skærm – såvel som dit frontvendte kamera – før du deler det med et simpelt link.

Hvis du er solgt på Loom, kan du overveje den betalte premium-tjeneste, som tillader 4K-video, ubegrænset videolagring, tegneværktøjer, fremhævelse af museklik og en række redigeringsmuligheder, herunder call-to-action-knapper og tilpassede miniaturebilleder.

Window Resizer



Designere skal vide, hvordan alle vil opleve deres webtilbud, og et layout, der ser smukt ud på din skærm – som, lad os se det i øjnene, sandsynligvis er top-of-the-line – kan floppe på en aldrende iPhone.

Window Resizer vil hjælpe med at løse den blinde vinkel ved at ændre størrelsen på browservinduet for at gengive en række skærmopløsninger. Du kan tilpasse din liste over opløsninger, du kan rode med vinduets størrelse og placering, og for ekstra effektivitet giver udvidelsen dig også mulighed for at oprette globale nøglegenveje.

Isnende



Hvis du kunne bruge lidt ekstra designinspiration i din hverdag – og hvem kunne ikke? – Muzli er for dig, der sammensætter engagerende visuelle designs fra hele nettet, som du kan rulle igennem, mens du nipper til din morgenkaffe.

Med mere end 150 kilder fra hele internettet, inklusive Dribbble, Mashable og Product Hunt, vil Muzli bringe dig de nyeste designideer, projekter og nyheder, hver gang du åbner en ny fane.

Ser du noget, der interesserer dig? Klik videre og lær mere i et nyt browservindue.

Sidelineal

UX-designere har en tendens til at have en forståelse for en enkel, men effektiv idé, og det opsummerer Page Ruler.

I stedet for at spilde tid på omhyggeligt at måle størrelsen af ​​objekter på en webside ved hjælp af skærmbilledeværktøjet, kan du få Page Ruler til hurtigt at tegne en lineal og størrelse op på pixeldimensioner og -placeringer samt eventuelle elementer på en side.

ColorZilla

Det er sandsynligt, at du ofte har lejlighed til hurtigt at finde ud af, hvilken farve der bruges på en webside – og ColorZilla kan hjælpe dig med at komme dertil så meget hurtigere.

ColorZilla, som længe var en af ​​de mest populære Firefox-udvidelser, før de endelig kom til Chrome, har en avanceret pipette til at bestemme farven på enhver pixel på enhver side, en CSS-gradientgenerator og en farvevælger.

Hvis du ser en farve, du kan lide, gør ColorZilla det til en leg at tage hex- og RGB-værdierne og indsætte dem i dit udklipsholder.

Fontface Ninja

Er du typen, der gennemsøger internettet for at finde nye skrifttyper? Designere – og skrifttypefanatikere generelt – vil gerne installere denne elegante udvidelse, som lader dig identificere skrifttyper, der bruges på ethvert websted, og hurtigt glide dem ind i din designsoftware.

Fontface Ninjas Fonts DNA-motor viser ikke kun CSS-navnet, men det rigtige navn på enhver vist skrifttype, så lader dig prøve det lovligt. Hvis du kan lide det, giver Fontface Ninja også et link til at købe den relevante licens.

Spektrum

Det anslås, at farvesynsmangel - også kendt som farveblindhed - påvirker millioner over hele verden. For at sikre, at disse personer får en positiv oplevelse med dine websider, kan du prøve Spectrum, som hurtigt tester websteder for at se, hvordan de ser ud for folk med forskellige typer farveblindhed.

Udvidelsen siges at være særlig nyttig for websteder med datavisualiseringer, da nogle farver i diagrammerne ikke kan skelnes fra hinanden.

Checkbot

At sikre, at alle dine links rent faktisk fungerer, at dine formularer er sikre, og at dit websted er hurtigt og nemt at navigere på, er alle væsentlige problemer med brugervenlighed for en UX-designer; Checkbot vil have din ryg og afdække eventuelle problemer, du ikke har bemærket.

Ved at teste hundredvis af sider på én gang kan Checkbot opdage ødelagte links, HTML/JavaScript/CSS-fejl, duplikerede titler, sikkerhedsproblemer, omdirigeringskæder og blandet indholdsfejl.

Faktisk tester Checkbot dit websted for mere end 50 bedste praksis for SEO, hastighed og sikkerhed.

SVG Grabber

Oplever du ofte, at du har brug for at hente logoer, ikoner, illustrationer eller andre kunstværker fra andre hjemmesider? Hvis ja, kan SVG Grabber spare dig for en masse tid og træthed.

Det er et værktøj, der hjælper dig med hurtigt at få vist og få alle SVG-aktiver fra et websted. Med blot et enkelt klik vil udvidelsen automatisk rulle alle SVG'erne på en side ind, før du lader dig gennemskue og hurtigt downloade dem, du har brug for.

UX-tjek

Kort sagt gør UX Check heuristiske evalueringer til en leg.

Udvidelsen lader dig scanne dit websted for brugervenlighedsproblemer, så du kan teste uden at have rigtige brugere. UX Check markerer alle områder på dit websted, der skal forbedres baseret på Nielsen Norman Groups 10 generelle principper for interaktionsdesign – som omfatter synlighed af systemstatus, fejlforebyggelse og konsistens og standarder – og gemmer et skærmbillede af problemet.

Når du er færdig, kan du eksportere alt til en dokumentfil for nemt at dele med holdkammerater.

Virksomhedsforsikring

Hvis du tester et nyt design - især et, der er særligt teksttungt - er du måske træt af det sædvanlige første afsnit af Lorem Ipsum. For de latin-trætte blandt os er Corporate Ipsum en sjov udvidelse, der tilfældigt fremmaner corporate double-speak til brug som fyldtekst.

I stedet for den lange kæde af dummy-tekst, du er vant til at se, kan du i stedet blive mødt af - for eksempel - virksomhedsjargon som denne: gribe effektivt integrerede hvirvler med installerede basismetoder.

Blot at have engelske ord i stedet for latin vil få designet til at se langt mere naturligt ud, og det faktum, at den tilfældigt sammensatte tekst ofte slet ikke giver nogen mening, er simpelthen en del af udvidelsens charme.

Få mere at vide om BrainStations UX Design kurser .


Kategori: Brugererfaring