11 nejlepších rozšíření pro Chrome pro designéry

Nikdo neví lépe než návrháři UX, jak zdánlivě malá vylepšení použitelnosti a efektivity mohou ve skutečnosti výrazně změnit uživatelské prostředí.

A přesto, i když jen málokdo tráví procházením webu více času než návrháři, ani ti nejdůvtipnější z nás nemusí maximalizovat kvalitu tohoto zážitku.



S ohledem na to jsme sestavili 11 nejlepších rozšíření Chrome pro designéry.



Tkalcovský stav

Je pravděpodobné, že strávíte poměrně značné množství času tím, že se budete snažit komunikovat s ostatními spoluhráči o problémech souvisejících s uživatelskými toky, designovými problémy nebo jinými chybami. Loom vám může hodně usnadnit život.



Rozšíření vám umožňuje nahrávat a vyprávět video o tom, co vidíte na obrazovce – stejně jako na předním fotoaparátu – před sdílením pomocí jednoduchého odkazu.

Pokud prodáváte Loom, zvažte prémiovou placenou službu, která umožňuje 4K video, neomezené úložiště videa, nástroje pro kreslení, zdůraznění kliknutí myší a sadu možností úprav včetně tlačítek s výzvou k akci a vlastních miniatur.

Window Resizer



Návrháři potřebují vědět, jak každý bude vnímat jejich webovou nabídku, a rozvržení, které na vaší obrazovce vypadá krásně – což, přiznejme si to, je pravděpodobně nejlepší – může na stárnoucím iPhonu selhat.

Window Resizer pomůže vyřešit toto slepé místo a změní velikost okna prohlížeče tak, aby reprodukovalo řadu rozlišení obrazovky. Můžete si přizpůsobit svůj seznam rozlišení, můžete si pohrát s velikostí a pozicí okna a pro větší efektivitu vám rozšíření také umožňuje vytvářet globální klávesové zkratky.

Ledový



Kdybyste ve svůj den mohli použít trochu designové inspirace navíc – a kdo by nemohl? – Muzli je pro vás a nabízí poutavé vizuální návrhy z celého webu, které můžete procházet při popíjení ranní kávy.

S více než 150 zdroji z celého internetu, včetně Dribbble, Mashable a Product Hunt, vám Muzli přinese nejčerstvější designové nápady, projekty a novinky pokaždé, když otevřete novou kartu.

Vidíte něco, co vás zajímá? Proklikejte se a v novém okně prohlížeče se dozvíte více.

Pravítko stránky

Návrháři UX mají tendenci oceňovat jednoduchý, ale efektivní nápad, a to shrnuje Page Ruler.

Namísto plýtvání časem pečlivým měřením velikosti objektů na webové stránce pomocí nástroje pro snímky obrazovky, pořiďte pravítko Page Ruler, aby rychle nakreslilo pravítko a zvětšilo rozměry a umístění v pixelech i jakékoli prvky na stránce.

ColorZilla

Je pravděpodobné, že máte často příležitost rychle zjistit, která barva se na webové stránce používá – a ColorZilla vám může pomoci se tam dostat mnohem rychleji.

ColorZilla, která byla dlouho jedním z nejpopulárnějších rozšíření Firefoxu, než konečně přišla do Chrome, obsahuje pokročilé kapátko pro určení barvy libovolného pixelu na jakékoli stránce, generátor přechodů CSS a výběr barvy.

Pokud vidíte barvu, která se vám líbí, pomocí ColorZilla je snadné vzít hodnoty hex a RGB a vložit je do schránky.

Ninja s písmem

Jste typ, který hledá na internetu nové nápady na písma? Návrháři – a obecně fanatici písem – si budou chtít nainstalovat toto elegantní rozšíření, které vám umožní identifikovat písma použitá na libovolném webu a rychle je vložit do návrhového softwaru.

Fontface Ninja's Fonts DNA engine nezobrazuje pouze název CSS, ale skutečný název jakéhokoli zobrazeného písma, a pak vám to umožní legálně vyzkoušet. Pokud se vám to líbí, Fontface Ninja také poskytuje odkaz na zakoupení příslušné licence.

Spektrum

Odhaduje se, že nedostatek barevného vidění – také známý jako barvoslepost – postihuje miliony lidí po celém světě. Chcete-li zajistit, aby tito lidé měli s vašimi webovými stránkami pozitivní zkušenost, vyzkoušejte službu Spectrum, která rychle testuje webové stránky, aby zjistila, jak vypadají lidem s různými typy barvosleposti.

Rozšíření je údajně užitečné zejména pro weby s vizualizací dat, protože některé barvy v grafech by mohly být k nerozeznání.

Checkbot

Zajištění toho, že všechny vaše odkazy skutečně fungují, že vaše formuláře jsou bezpečné a že váš web je rychlý a snadno se orientuje, jsou pro návrháře UX hlavním problémem použitelnosti; Checkbot vám bude stát zády a odhalí všechny problémy, kterých jste si nevšimli.

Při testování stovek stránek najednou může Checkbot objevit nefunkční odkazy, chyby HTML/JavaScript/CSS, duplicitní názvy, bezpečnostní problémy, řetězce přesměrování a chyby smíšeného obsahu.

Ve skutečnosti Checkbot testuje váš web na více než 50 osvědčených postupů pro SEO, rychlost a zabezpečení.

SVG Grabber

Stává se vám často, že potřebujete získat loga, ikony, ilustrace nebo jiná umělecká díla z jiných webových stránek? Pokud ano, SVG Grabber by vám mohl ušetřit spoustu času a námahy.

Je to nástroj, který vám pomůže rychle zobrazit náhled a získat všechna aktiva SVG z webu. Jediným kliknutím rozšíření automaticky natočí všechny soubory SVG na stránce, než vám umožní procházet a rychle stahovat ty, které potřebujete.

Kontrola UX

Jednoduše řečeno, UX Check promění heuristická hodnocení v hračku.

Rozšíření vám umožňuje skenovat váš web kvůli problémům s použitelností, takže můžete testovat, aniž byste měli skutečné uživatele. Kontrola UX označí všechny oblasti vašeho webu, které je třeba zlepšit na základě Nielsen Norman Group 10 obecných zásad pro návrh interakce – které zahrnují viditelnost stavu systému, prevenci chyb a konzistenci a standardy – a uloží snímek obrazovky problému.

Až budete hotovi, můžete vše exportovat do souboru dokumentu a snadno je sdílet se spoluhráči.

Firemní pojištění

Pokud testujete nový design – zvláště ten, který je obzvláště zatížený textem – může vám být špatně z obvyklého prvního odstavce Lorem Ipsum. Pro ty, kteří jsou mezi námi unavení latinou, je Corporate Ipsum zábavné rozšíření, které náhodně vykouzlí firemní dvojitou řeč pro použití jako výplňový text.

Namísto dlouhého řetězce fiktivního textu, na který jste zvyklí, vás může přivítat – například – firemní žargon, jako je tento: efektivně využít integrované vortály s nainstalovanými základními metodikami.

Pouhé použití anglických slov namísto latinky způsobí, že design bude vypadat mnohem přirozeněji a skutečnost, že náhodně sestavený text často nedává vůbec žádný smysl, je prostě součástí kouzla rozšíření.

Zjistěte více o BrainStation Kurzy UX designu .