أفضل 11 ملحقات كروم للمصممين

لا أحد يعرف أفضل من مصممي UX كيف أن التعديلات الصغيرة على قابلية الاستخدام والكفاءة يمكن في الواقع أن تحدث فرقًا هائلاً في تجربة المستخدم.

ومع ذلك ، في حين أن القليل منهم يقضون وقتًا أطول في تصفح الويب أكثر من المصممين ، فقد لا يكون حتى الأكثر ذكاءً بيننا هو زيادة جودة هذه التجربة إلى الحد الأقصى.

مع وضع ذلك في الاعتبار ، قمنا بتجميع 11 من أفضل ملحقات Chrome للمصممين.

تلوح في الأفق

من المحتمل أنك تقضي قدرًا كبيرًا من الوقت في محاولة التواصل مع زملائك في الفريق حول المشكلات المتعلقة بتدفقات المستخدم أو مشكلات التصميم أو الأخطاء الأخرى. يمكن أن يجعل Loom حياتك أسهل بكثير.

يسمح لك الامتداد بتسجيل مقطع فيديو وسرده لما تراه على شاشتك - وكذلك الكاميرا الأمامية - قبل مشاركته برابط بسيط.

إذا تم بيعك على Loom ، ففكر في الخدمة المدفوعة المتميزة ، والتي تسمح بفيديو 4K ، وتخزين غير محدود للفيديو ، وأدوات الرسم ، والتركيز على النقر بالماوس ، ومجموعة من خيارات التحرير بما في ذلك أزرار الحث على اتخاذ إجراء والصور المصغرة المخصصة.

نافذة Resizer

يحتاج المصممون إلى معرفة كيف سيختبر الجميع عروض الويب الخاصة بهم ، والتخطيط الذي يبدو جميلًا على شاشتك - والذي ، دعنا نواجه الأمر ، من المحتمل أن يكون الأفضل على الإطلاق - قد يتخبط على جهاز iPhone القديم.

سوف يساعد Window Resizer في حل تلك النقطة العمياء ، وتغيير حجم نافذة المتصفح لإعادة إنتاج مجموعة من درجات دقة الشاشة. يمكنك تخصيص قائمة القرارات الخاصة بك ، ويمكنك العبث بحجم النافذة وموضعها ، وللحصول على كفاءة إضافية ، يتيح لك الامتداد أيضًا إنشاء اختصارات مفاتيح عامة.

موزلي

إذا كان بإمكانك استخدام القليل من إلهام التصميم الإضافي في يومك - ومن لا يستطيع ذلك؟ - Muzli مناسب لك ، حيث يقوم برعاية التصاميم المرئية الجذابة من جميع أنحاء الويب للتمرير خلالها أثناء تناول قهوة الصباح.

مع أكثر من 150 مصدرًا من جميع أنحاء الإنترنت بما في ذلك Dribbble و Mashable و Product Hunt ، ستقدم لك Muzli أحدث أفكار التصميم والمشاريع والأخبار في كل مرة تفتح فيها علامة تبويب جديدة.

ترى شيئا يثير اهتمامك؟ انقر من خلال وتعلم المزيد في نافذة متصفح جديدة.

مسطرة الصفحة

يميل مصممو UX إلى تقدير فكرة بسيطة ولكنها فعالة ، وهذا يلخص أداة قياس الصفحة.

بدلاً من إضاعة الوقت في قياس حجم الكائنات بعناية على صفحة الويب باستخدام أداة لقطة الشاشة ، احصل على Page Ruler لرسم مسطرة بسرعة وحجم أبعاد ومواضع البكسل بالإضافة إلى أي عناصر على الصفحة.

كولورزيلا

من المحتمل أن يكون لديك في كثير من الأحيان فرصة لاكتشاف اللون الذي يتم استخدامه على صفحة الويب بسرعة - ويمكن أن تساعدك ColorZilla في الوصول إلى هناك بشكل أسرع.

يعد ColorZilla أحد أكثر امتدادات Firefox شيوعًا قبل أن يأتي أخيرًا إلى Chrome ، ويتميز بقطارة متطورة لتحديد لون أي بكسل على أي صفحة ، ومولد تدرج CSS ، ومنتقي ألوان.

إذا رأيت لونًا يعجبك ، فإن ColorZilla تجعل من السهل أخذ القيم السداسية و RGB ولصقها في الحافظة الخاصة بك.

فونتفيس نينجا

هل أنت من النوع الذي يبحث في الإنترنت عن أفكار خطوط جديدة؟ سيرغب المصممون - ومتعصبو الخطوط بشكل عام - في تثبيت هذا الامتداد الأنيق ، والذي يتيح لك تحديد الخطوط المستخدمة في أي موقع ويب وإدراجها بسرعة في برنامج التصميم الخاص بك.

لا يعرض "محرك Fonts DNA" الخاص بـ Fontface Ninja اسم CSS فحسب ، بل يعرض الاسم الحقيقي لأي خط معروض ، ثم يتيح لك تجربته بشكل قانوني. إذا كنت ترغب في ذلك ، فإن Fontface Ninja يوفر أيضًا رابطًا لشراء الترخيص المناسب.

نطاق

تشير التقديرات إلى أن نقص رؤية الألوان - المعروف أيضًا باسم عمى الألوان - يؤثر على الملايين حول العالم. لضمان تمتع هؤلاء الأشخاص بتجربة إيجابية مع صفحات الويب الخاصة بك ، جرب Spectrum ، التي تختبر مواقع الويب بسرعة لترى كيف تظهر للأشخاص الذين يعانون من أنواع مختلفة من عمى الألوان.

يُقال أن الامتداد مفيد بشكل خاص لمواقع الويب التي تحتوي على تصورات للبيانات نظرًا لأن بعض الألوان في المخططات قد يتعذر تمييزها عن بعضها البعض.

Checkbot

التأكد من أن جميع الروابط الخاصة بك تعمل بالفعل ، وأن النماذج الخاصة بك آمنة وأن موقعك سريع وسهل التنقل فيه كلها مخاوف رئيسية تتعلق بقابلية الاستخدام لمصمم UX ؛ سيحمي Checkbot ظهرك ويكتشف أي مشاكل لم تلاحظها.

اختبار مئات الصفحات في وقت واحد ، يمكن لـ Checkbot اكتشاف الروابط المعطلة وأخطاء HTML / JavaScript / CSS والعناوين المكررة ومشكلات الأمان وسلاسل إعادة التوجيه وأخطاء المحتوى المختلطة.

في الواقع ، يختبر Checkbot موقعك بحثًا عن أكثر من 50 من أفضل الممارسات لتحسين محركات البحث والسرعة والأمان.

SVG المنتزع

هل تجد نفسك في كثير من الأحيان بحاجة إلى اعتراض الشعارات أو الرموز أو الرسوم التوضيحية أو الأعمال الفنية الأخرى من مواقع الويب الأخرى؟ إذا كان الأمر كذلك ، يمكن أن يوفر لك SVG Grabber الكثير من الوقت والملل.

إنها أداة تساعدك على معاينة جميع أصول SVG والحصول عليها بسرعة من موقع ويب. بنقرة واحدة فقط ، سيقوم الامتداد تلقائيًا بلف جميع ملفات SVG على الصفحة قبل السماح لك بالتنقل بين الملفات التي تحتاجها وتنزيلها بسرعة.

فحص UX

ببساطة ، UX Check يحول التقييمات الإرشادية إلى نسيم.

يتيح لك الامتداد فحص موقع الويب الخاص بك بحثًا عن مشكلات قابلية الاستخدام حتى تتمكن من الاختبار دون وجود مستخدمين حقيقيين. تحقق UX من علامات أي مناطق في موقعك تحتاج إلى تحسين استنادًا إلى المبادئ العامة العشرة لتصميم التفاعل التي وضعتها مجموعة Nielsen Norman Group - والتي تشمل رؤية حالة النظام ومنع الأخطاء والاتساق والمعايير - وتحفظ لقطة شاشة للمشكلة.

عند الانتهاء ، يمكنك تصدير كل شيء إلى ملف مستند لمشاركته بسهولة مع زملائك في الفريق.

شركة Ipsum

إذا كنت تختبر تصميمًا جديدًا - لا سيما التصميم الثقيل بالنص بشكل خاص - فقد تكون قد سئمت من الفقرة الأولى المعتادة في لوريم إيبسوم. بالنسبة لأولئك الذين يعانون من الإرهاق اللاتيني بيننا ، يعد Corporate Ipsum امتدادًا ممتعًا يستحضر بشكل عشوائي الكلام المزدوج للشركات لاستخدامه كنص حشو.

بدلاً من تلك السلسلة الطويلة من النص الوهمي الذي اعتدت رؤيته ، قد يتم الترحيب بك بدلاً من ذلك - على سبيل المثال - المصطلحات الخاصة بالشركات مثل هذا: "اغتنم بكفاءة الدوامات المتكاملة باستخدام منهجيات أساسية مثبتة."

مجرد وجود كلمات إنجليزية بدلاً من اللاتينية سيجعل التصميم يبدو أكثر طبيعية ، وحقيقة أن النص المُجمع عشوائيًا غالبًا لا يكون له أي معنى على الإطلاق هو ببساطة جزء من سحر الامتداد.

اكتشف المزيد حول دورات تصميم تجربة المستخدم في BrainStation.