11-те най-добри разширения за Chrome за дизайнери

Никой не знае по-добре от UX дизайнерите как привидно малки промени в използваемостта и ефективността всъщност могат да направят огромна разлика в изживяването на потребителя.

И все пак, докато малцина прекарват повече време в сърфиране в мрежата от дизайнерите, дори и най-смелите сред нас може да не увеличат максимално качеството на това изживяване.



Имайки това предвид, ние събрахме 11 от най-добрите разширения на Chrome за дизайнери.



Стан

Вероятно е, че прекарвате доста време, опитвайки се да общувате с други съотборници относно проблеми, свързани с потребителски потоци, проблеми с дизайна или други грешки. Loom може да направи живота ви много по-лесен.



Разширението ви позволява да записвате и разказвате видео за това, което виждате на екрана си – както и на предната си камера – преди да го споделите с обикновена връзка.

Ако се продавате на Loom, помислете за първокласната платена услуга, която позволява 4K видео, неограничено видео съхранение, инструменти за рисуване, акцент върху щракване с мишката и набор от опции за редактиране, включително бутони за подканване към действие и персонализирани миниатюри.

Преоразмеряване на прозорци



Дизайнерите трябва да знаят как всеки ще изживее своите уеб предложения и оформление, което изглежда красиво на екрана ви – което, нека си го кажем, вероятно е най-доброто – може да се провали на остарял iPhone.

Window Resizer ще ви помогне да разрешите това сляпо място, преоразмерявайки прозореца на браузъра, за да възпроизведе набор от резолюции на екрана. Можете да персонализирате своя списък с резолюции, можете да се занимавате с размера и позицията на прозореца, а за допълнителна ефективност разширението също ви позволява да създавате глобални клавишни преки пътища.

Леден



Ако бихте могли да използвате малко допълнително вдъхновение за дизайн през деня си – и кой не би могъл? – Muzli е за вас, подготвяйки завладяващи визуални дизайни от цялата мрежа, за да превъртите, докато отпивате сутрешното си кафе.

С повече от 150 източника от цял ​​Интернет, включително Dribbble, Mashable и Product Hunt, Muzli ще ви донесе най-свежите дизайнерски идеи, проекти и новини всеки път, когато отворите нов раздел.

Виждате нещо, което ви интересува? Кликнете и научете повече в нов прозорец на браузъра.

Линийка на страницата

UX дизайнерите са склонни да ценят простата, но ефективна идея и това обобщава Page Ruler.

Вместо да губите време за внимателно измерване на размера на обектите на уеб страница с помощта на инструмента за снимки на екрана, накарайте Page Ruler бързо да начертае линийка и да увеличи размерите на пикселите и позиционирането, както и всички елементи на страницата.

ColorZilla

Вероятно често имате повод бързо да разберете кой цвят се използва на уеб страница – и ColorZilla може да ви помогне да стигнете до там много по-бързо.

Дълго едно от най-популярните разширения за Firefox, преди най-накрая да дойде в Chrome, ColorZilla разполага с усъвършенствана капкомер за определяне на цвета на всеки пиксел на всяка страница, CSS генератор на градиент и инструмент за избор на цвят.

Ако видите цвят, който харесвате, ColorZilla прави лесно да вземете шестнадесетични и RGB стойности и да ги поставите в клипборда си.

Fontface Ninja

Вие ли сте от типа, който търси в интернет нови идеи за шрифтове? Дизайнерите – и фанатиците на шрифтовете като цяло – ще искат да инсталират това елегантно разширение, което ви позволява да идентифицирате шрифтове, използвани на всеки уебсайт, и бързо да ги вмъкнете във вашия софтуер за дизайн.

Fontface Ninja's Fonts DNA машината не показва просто името на CSS, а истинското име на всеки показан шрифт, след което ви позволява да го изпробвате законно. Ако ви харесва, Fontface Ninja предоставя и връзка за закупуване на съответния лиценз.

Спектър

Смята се, че дефицитът на цветно зрение – известен още като цветна слепота – засяга милиони по света. За да гарантирате, че тези хора имат положително изживяване с вашите уеб страници, опитайте Spectrum, който бързо тества уебсайтовете, за да види как изглеждат на хора с различни видове цветна слепота.

Твърди се, че разширението е особено полезно за уебсайтове с визуализации на данни, тъй като някои цветове в диаграмите могат да бъдат неразличими един от друг.

Checkbot

Осигуряването на това, че всичките ви връзки действително работят, че вашите формуляри са защитени и че вашият сайт е бърз и лесен за навигация са всички основни опасения за използваемостта за UX дизайнера; Checkbot ще ви защити и ще открие всички проблеми, които не сте забелязали.

Тествайки стотици страници наведнъж, Checkbot може да открие неработещи връзки, грешки в HTML/JavaScript/CSS, дублиращи се заглавия, проблеми със сигурността, вериги за пренасочване и грешки в смесено съдържание.

Всъщност Checkbot тества вашия сайт за 50-плюс най-добри практики за SEO, скорост и сигурност.

SVG Grabber

Често ли се налага да вземете лога, икони, илюстрации или други произведения на изкуството от други уебсайтове? Ако е така, SVG Grabber може да ви спести много време и скука.

Това е инструмент, който ви помага бързо да визуализирате и да получите всички SVG активи от уебсайт. Само с едно щракване, разширението автоматично ще намотае всички SVG файлове на страница, преди да ви позволи да пресеете и бързо да изтеглите тези, от които се нуждаете.

UX проверка

Просто казано, UX Check превръща евристични оценки в лек бриз.

Разширението ви позволява да сканирате уебсайта си за проблеми с използваемостта, за да можете да тествате, без да имате реални потребители. UX Check маркира всички области от вашия сайт, които трябва да бъдат подобрени въз основа на Nielsen Norman Group 10 общи принципа за проектиране на взаимодействие – които включват видимост на състоянието на системата, предотвратяване на грешки и последователност и стандарти – и запазва екранна снимка на проблема.

Когато приключите, можете да експортирате всичко във файл с документ, за да споделяте лесно със съотборници.

Корпоративна застраховка

Ако тествате нов дизайн – особено този, който е особено натоварен с текст – може да ви е писнало от обичайния първи параграф на Lorem Ipsum. За тези, които са изморени от латиница сред нас, Corporate Ipsum е забавно разширение, което произволно предизвиква корпоративен двоен говор за използване като допълващ текст.

Вместо тази дълга верига от фиктивни текстове, които сте свикнали да виждате, може да бъдете посрещнати от – например – корпоративен жаргон като този: ефективно изземете интегрирани вортали с инсталирани базови методологии.

Само наличието на английски думи вместо латински ще направи дизайна да изглежда много по-естествен, а фактът, че произволно събраният текст често изобщо няма никакъв смисъл, е просто част от очарованието на разширението.

Научете повече за BrainStation’s Курсове по UX дизайн .