Tasarımcılar için En İyi 11 Chrome Uzantısı

Kullanılabilirlik ve verimlilikte küçük gibi görünen ince ayarların aslında bir kullanıcının deneyiminde ne kadar büyük bir fark yaratabileceğini UX Tasarımcılarından daha iyi kimse bilemez.

Yine de, Web'de gezinmek için Tasarımcılardan daha fazla zaman harcayan çok az kişi olsa da, aramızdaki en bilgili kişiler bile bu deneyimin kalitesini en üst düzeye çıkarmıyor olabilir.

Bunu akılda tutarak, Tasarımcılar için en iyi 11 Chrome uzantısını bir araya getirdik.

dokuma tezgahı

Muhtemelen, kullanıcı akışları, tasarım sorunları veya diğer hatalarla ilgili sorunlar hakkında diğer ekip arkadaşlarınızla iletişim kurmaya çalışırken oldukça önemli miktarda zaman harcıyorsunuz. Loom hayatınızı çok daha kolaylaştırabilir.

Uzantı, basit bir bağlantıyla paylaşmadan önce ekranınızda ve ön kameranızda gördüklerinizin bir videosunu kaydetmenize ve anlatmanıza olanak tanır.

Loom'da satıyorsanız, 4K video, sınırsız video depolama, çizim araçları, fare tıklaması vurgusu ve harekete geçirici mesaj düğmeleri ve özel küçük resimler dahil bir dizi düzenleme seçeneği sağlayan premium ücretli hizmeti düşünün.

Pencere Boyutlandırıcı

Tasarımcılar, herkesin web tekliflerini nasıl deneyimleyeceğini bilmelidir ve ekranınızda güzel görünen bir düzen – kabul edelim ki, muhtemelen birinci sınıftır – eskiyen bir iPhone'da başarısız olabilir.

Window Resizer, bir dizi ekran çözünürlüğünü yeniden oluşturmak için tarayıcı penceresini yeniden boyutlandırarak bu kör noktanın çözülmesine yardımcı olacaktır. Çözünürlük listenizi özelleştirebilir, pencerenin boyutu ve konumuyla oynayabilir ve ekstra verimlilik için uzantı ayrıca genel tuş kısayolları oluşturmanıza olanak tanır.

muzli

Gününüzde biraz ekstra tasarım ilhamı kullanabilseydiniz - kim yapamazdı? – Muzli sizin için, sabah kahvenizi yudumlarken gezinmek için web'in her yerinden ilgi çekici görsel tasarımlar sunuyor.

Dribbble, Mashable ve Product Hunt dahil olmak üzere İnternet'teki 150'den fazla kaynakla Muzli, her yeni sekmeyi açtığınızda size en yeni tasarım fikirlerini, projeleri ve haberleri getirecektir.

İlginizi çeken bir şey gördünüz mü? Tıklayın ve yeni bir tarayıcı penceresinde daha fazlasını öğrenin.

Sayfa Cetveli

UX Tasarımcıları, basit ama etkili bir fikri takdir etme eğilimindedir ve bu, Sayfa Cetvelini özetler.

Ekran görüntüsü aracını kullanarak bir web sayfasındaki nesnelerin boyutunu dikkatli bir şekilde ölçerek zaman kaybetmek yerine, Sayfa Cetveli'nin hızlı bir şekilde bir cetvel çizmesini ve bir sayfadaki tüm öğelerin yanı sıra piksel boyutlarını ve konumlarını boyutlandırmasını sağlayın.

ColorZilla

Bir web sayfasında hangi rengin kullanıldığını hızlı bir şekilde bulmak için sık sık fırsatınız olabilir ve ColorZilla oraya çok daha hızlı ulaşmanıza yardımcı olabilir.

Sonunda Chrome'a ​​​​gelmeden önce en popüler Firefox uzantılarından biri olan ColorZilla, herhangi bir sayfadaki herhangi bir pikselin rengini belirlemek için gelişmiş bir damlalık, bir CSS gradyan oluşturucu ve bir renk seçici içerir.

Beğendiğiniz bir renk görürseniz ColorZilla, hex ve RGB değerlerini alıp panonuza yapıştırmayı çok kolaylaştırır.

yazı tipi ninjası

Yeni yazı tipi fikirleri için İnternet'te dolaşan tiplerden misiniz? Tasarımcılar ve genel olarak yazı tipi fanatikleri, herhangi bir web sitesinde kullanılan yazı tiplerini tanımlamanıza ve bunları tasarım yazılımınıza hızlı bir şekilde yerleştirmenize olanak tanıyan bu zarif uzantıyı yüklemek isteyecektir.

Fontface Ninja'nın “Fonts DNA motoru” sadece CSS adını değil, görüntülenen herhangi bir yazı tipinin gerçek adını da gösterir ve ardından yasal olarak denemenizi sağlar. Beğendiyseniz, Fontface Ninja uygun lisansı satın almak için bir bağlantı da sağlar.

spektrum

Renk körlüğü olarak da bilinen renk görme eksikliğinin dünya çapında milyonlarca insanı etkilediği tahmin edilmektedir. Bu kişilerin web sayfalarınızla olumlu bir deneyim yaşamalarını sağlamak için, farklı renk körlüğü türlerine sahip kişilere nasıl göründüklerini görmek için web sitelerini hızla test eden Spectrum'u deneyin.

Uzantının, grafiklerdeki bazı renkler birbirinden ayırt edilemeyebileceğinden, veri görselleştirmeleri olan web siteleri için özellikle yararlı olduğu söyleniyor.

kontrol robotu

Tüm bağlantılarınızın gerçekten çalıştığından, formlarınızın güvenli olduğundan ve sitenizde gezinmenin hızlı ve kolay olduğundan emin olmak, bir UX Tasarımcısı için tüm önemli kullanılabilirlik endişeleridir; Checkbot arkanızda olacak ve fark etmediğiniz sorunları ortaya çıkaracak.

Yüzlerce sayfayı aynı anda test eden Checkbot, bozuk bağlantıları, HTML/JavaScript/CSS hatalarını, yinelenen başlıkları, güvenlik sorunlarını, yönlendirme zincirlerini ve karışık içerik hatalarını keşfedebilir.

Aslında Checkbot, sitenizi SEO, hız ve güvenlik için 50'den fazla en iyi uygulama için test eder.

SVG Yakalayıcı

Sık sık diğer web sitelerinden logolar, simgeler, illüstrasyonlar veya diğer sanat eserlerini yakalama ihtiyacı duyuyor musunuz? Öyleyse, SVG Grabber size çok fazla zaman ve can sıkıntısı kazandırabilir.

Bir web sitesinden tüm SVG varlıklarını hızlı bir şekilde önizlemenize ve almanıza yardımcı olacak bir araçtır. Uzantı, yalnızca tek bir tıklamayla, ihtiyacınız olanları gözden geçirmenize ve hızlı bir şekilde indirmenize izin vermeden önce bir sayfadaki tüm SVG'leri otomatik olarak çeker.

Kullanıcı Deneyimi Kontrolü

Basitçe söylemek gerekirse, UX Check, buluşsal değerlendirmeleri bir esinti haline getirir.

Uzantı, gerçek kullanıcılar olmadan test edebilmeniz için web sitenizi kullanılabilirlik sorunları için taramanıza olanak tanır. UX Check, sitenizin Nielsen Norman Group'un etkileşim tasarımına yönelik sistem durumunun görünürlüğü, hata önleme ve tutarlılık ve standartları içeren 10 genel ilkesine dayalı olarak iyileştirilmesi gereken tüm alanlarını işaretler ve sorunun ekran görüntüsünü kaydeder.

İşiniz bittiğinde, ekip arkadaşlarınızla kolayca paylaşmak için her şeyi bir belge dosyasına aktarabilirsiniz.

Kurumsal Ipsum

Yeni bir tasarımı deniyorsanız – özellikle metin ağırlıklı bir tasarım – Lorem Ipsum'un olağan ilk paragrafından bıkmış olabilirsiniz. Aramızdaki Latince bıkkınlar için Corporate Ipsum, dolgu metni olarak kullanılmak üzere kurumsal çift konuşmayı rastgele çağrıştıran eğlenceli bir uzantıdır.

Görmeye alışık olduğunuz o uzun metinler zinciri yerine, örneğin bunun gibi kurumsal jargonla karşılaşabilirsiniz: "kurulu temel metodolojilerle entegre girdapları verimli bir şekilde yakalayın."

Yalnızca Latince yerine İngilizce kelimelere sahip olmak tasarımın çok daha doğal görünmesini sağlayacaktır ve rastgele birleştirilmiş metnin çoğu zaman hiçbir anlam ifade etmemesi, uzantının çekiciliğinin bir parçasıdır.

BrainStation'ın UX Tasarım kursları hakkında daha fazla bilgi edinin.