11 najlepszych rozszerzeń Chrome dla projektantów

Nikt nie wie lepiej niż projektanci UX, jak pozornie drobne poprawki użyteczności i wydajności mogą w rzeczywistości znacząco wpłynąć na wrażenia użytkownika.

A jednak, chociaż niewielu spędza więcej czasu na przeglądaniu sieci niż Projektanci, nawet najbardziej sprytni z nas mogą nie maksymalizować jakości tego doświadczenia.

Mając to na uwadze, zebraliśmy 11 najlepszych rozszerzeń Chrome dla projektantów.

Warsztat tkacki

Możliwe, że spędzasz dość dużo czasu, próbując komunikować się z innymi członkami zespołu w kwestiach związanych z przepływem użytkowników, problemami projektowymi lub innymi błędami. Krosno może znacznie ułatwić Ci życie.

Rozszerzenie pozwala nagrywać i opowiadać wideo z tego, co widzisz na ekranie — a także przednią kamerą — przed udostępnieniem go za pomocą prostego łącza.

Jeśli sprzedajesz w Loom, rozważ płatną usługę premium, która umożliwia wideo 4K, nieograniczone przechowywanie wideo, narzędzia do rysowania, uwydatnienie kliknięcia myszą oraz zestaw opcji edycji, w tym przyciski wezwania do działania i niestandardowe miniatury.

Zmiana rozmiaru okna

Projektanci muszą wiedzieć, jak każdy odbierze swoją ofertę internetową, a układ, który będzie pięknie wyglądał na ekranie – który, spójrzmy prawdzie w oczy, prawdopodobnie jest na najwyższym poziomie – może spaść na starzejącym się iPhonie.

Window Resizer pomoże rozwiązać ten martwy punkt, zmieniając rozmiar okna przeglądarki, aby odtworzyć szereg rozdzielczości ekranu. Możesz dostosować listę rozdzielczości, możesz manipulować rozmiarem i położeniem okna, a dla dodatkowej wydajności rozszerzenie umożliwia również tworzenie globalnych skrótów klawiszowych.

Muzli

Gdybyś mógł wykorzystać trochę dodatkowej inspiracji projektowej w swoim dniu – a kto by nie mógł? – Muzli jest dla Ciebie, kurator angażujących projektów wizualnych z całej sieci, które można przewijać, popijając poranną kawę.

Dzięki ponad 150 źródłom z całego Internetu, w tym Dribbble, Mashable i Product Hunt, Muzli dostarcza najświeższe pomysły projektowe, projekty i wiadomości za każdym razem, gdy otworzysz nową kartę.

Widzisz coś, co Cię interesuje? Kliknij i dowiedz się więcej w nowym oknie przeglądarki.

Linijka strony

Projektanci UX zwykle cenią prosty, ale skuteczny pomysł, i to podsumowuje Page Ruler.

Zamiast marnować czas na dokładne mierzenie rozmiaru obiektów na stronie internetowej za pomocą narzędzia do zrzutów ekranu, skorzystaj z narzędzia Page Ruler, aby szybko narysować linijkę i dostosować wymiary i pozycje w pikselach, a także dowolne elementy na stronie.

ColorZilla

Jest prawdopodobne, że często masz okazję szybko dowiedzieć się, jaki kolor jest używany na stronie internetowej – a ColorZilla może pomóc Ci szybciej się tam dostać.

Od dawna jedno z najpopularniejszych rozszerzeń do Firefoksa, zanim w końcu trafi do Chrome, ColorZilla oferuje zaawansowany zakraplacz do określania koloru dowolnego piksela na dowolnej stronie, generator gradientów CSS i selektor kolorów.

Jeśli widzisz kolor, który Ci się podoba, ColorZilla ułatwia pobieranie wartości szesnastkowych i RGB i wklejanie ich do schowka.

Czcionka Ninja

Czy jesteś typem, który przeszukuje Internet w poszukiwaniu nowych pomysłów na czcionki? Projektanci – i ogólnie fanatycy czcionek – będą chcieli zainstalować to eleganckie rozszerzenie, które pozwala identyfikować czcionki używane w dowolnej witrynie i szybko umieszczać je w oprogramowaniu do projektowania.

Fontface Ninja „Fonts DNA engine” wyświetla nie tylko nazwę CSS, ale prawdziwą nazwę każdej wyświetlanej czcionki, a następnie pozwala wypróbować ją legalnie. Jeśli Ci się spodoba, Fontface Ninja udostępnia również link do zakupu odpowiedniej licencji.

Widmo

Szacuje się, że zaburzenia widzenia barw – znane również jako ślepota barw – dotykają miliony ludzi na całym świecie. Aby zapewnić tym osobom pozytywne wrażenia ze stron internetowych, wypróbuj Spectrum, który szybko testuje strony internetowe, aby zobaczyć, jak wyglądają dla osób z różnymi rodzajami ślepoty barw.

Mówi się, że rozszerzenie jest szczególnie przydatne w przypadku witryn z wizualizacjami danych, ponieważ niektóre kolory na wykresach mogą być nie do odróżnienia.

Checkbot

Zapewnienie, że wszystkie Twoje linki rzeczywiście działają, że Twoje formularze są bezpieczne, a Twoja witryna jest szybka i łatwa w nawigacji to wszystkie główne problemy związane z użytecznością dla projektanta UX; Checkbot będzie cię wspierał i odkryje wszelkie problemy, których nie zauważyłeś.

Testując setki stron jednocześnie, Checkbot może wykryć uszkodzone linki, błędy HTML/JavaScript/CSS, zduplikowane tytuły, problemy z bezpieczeństwem, łańcuchy przekierowań i błędy mieszanej zawartości.

W rzeczywistości Checkbot testuje Twoją witrynę pod kątem ponad 50 najlepszych praktyk w zakresie SEO, szybkości i bezpieczeństwa.

Grabber SVG

Czy często musisz szukać logo, ikon, ilustracji lub innych dzieł sztuki z innych stron internetowych? Jeśli tak, SVG Grabber może zaoszczędzić dużo czasu i nudy.

Jest to narzędzie ułatwiające szybki podgląd i pobieranie wszystkich zasobów SVG ze strony internetowej. Wystarczy jedno kliknięcie, aby rozszerzenie automatycznie przewinęło wszystkie pliki SVG na stronie, zanim pozwoli ci przeglądać i szybko pobierać te, których potrzebujesz.

Kontrola UX

Mówiąc najprościej, UX Check zamienia oceny heurystyczne w pestkę.

Rozszerzenie umożliwia skanowanie witryny pod kątem problemów z użytecznością, dzięki czemu możesz testować bez prawdziwych użytkowników. UX Check oznacza wszystkie obszary witryny, które wymagają poprawy w oparciu o 10 ogólnych zasad projektowania interakcji firmy Nielsen Norman Group — obejmujących widoczność stanu systemu, zapobieganie błędom oraz spójność i standardy — i zapisuje zrzut ekranu przedstawiający problem.

Gdy skończysz, możesz wyeksportować wszystko do pliku dokumentu, aby łatwo udostępniać go członkom zespołu.

Ipsum korporacyjny

Jeśli testujesz nowy projekt – szczególnie taki, który zawiera dużo tekstu – możesz mieć dość zwyczajowego pierwszego akapitu Lorem Ipsum. Dla tych, którzy są wśród nas znużeni łaciną, Corporate Ipsum to zabawne rozszerzenie, które losowo przywołuje korporacyjną podwójną mowę do wykorzystania jako tekst wypełniający.

Zamiast długiego łańcucha fikcyjnego tekstu, do którego jesteś przyzwyczajony, możesz zostać powitany przez – na przykład – korporacyjny żargon taki: „efektywnie przechwytuj zintegrowane wortale z zainstalowanymi metodami podstawowymi”.

Samo posiadanie angielskich słów zamiast łacińskich sprawi, że projekt będzie wyglądał znacznie bardziej naturalnie, a fakt, że losowo złożony tekst często nie ma żadnego sensu, jest po prostu częścią uroku rozszerzenia.

Dowiedz się więcej o kursach BrainStation z projektowania UX.