أفضل ممارسات استخدام الرموز والتصميم
نشرت: 2022-03-11تخيل نفسك تقود سيارتك إلى العمل - تشغيل البودكاست المفضل ، وكوب السفر في متناول اليد ، ولا شيء سوى الطرق الخالية أمامك. كسائق حذر ، تنظر لأسفل وتلاحظ ضوءًا غير مألوف يتوهج على لوحة القيادة.
شيء مثل المزيج بين مقبس الضوء وفقاعة الساحرات الساحرة ، يبدو الضوء الصغير مهمًا ، لكنك لست متأكدًا مما يعنيه. نظرة سريعة على المقاييس تكشف عن أي شيء غير طبيعي ، ويبدو أن السيارة تعمل بشكل جيد ، لذلك قررت التعامل معها بعد العمل.
في وقت لاحق من ذلك المساء ، انتهى يوم عملك والعشاء في الأفق ، اقتربت من سيارتك في ساحة انتظار المكتب و- "عليك أن تمزحني!"
الإطار الجانبي للسائق الأمامي مسطح مثل الفطيرة. إذا كنت تعرف فقط أن الأيقونة الصغيرة من قبل كان تحذيرًا من نظام إدارة ضغط الإطارات في سيارتك ، كنت ستعالج المشكلة وتجنب الحزن غير الضروري.
يجب أن توفر الرموز الوضوح
عالم المنتجات المادية والرقمية مليء بالأيقونات ولسبب وجيه: تنقل الصور المعنى بسرعة لا مثيل لها بالكلمات. في الواقع ، وجد علماء الأعصاب في معهد ماساتشوستس للتكنولوجيا أن الدماغ البشري يمكنه معالجة صورة في أقل من 13 مللي ثانية.
لسوء الحظ ، هناك أوقات تكون فيها الرموز التي نواجهها سيئة الصنع ، مما يتركنا في حيرة وإحباط. ومع ذلك ، عند تصميم الرموز بعناية ، تعمل على تحسين قابلية الاستخدام عن طريق تقليل الغموض ووظائف الاتصال.
الهدف النهائي لقابلية استخدام الأيقونة وتصميمها هو تحسين تجربة المستخدم ، وليس الخلط بينها. ولكن كيف يبدو ذلك ، وكيف يمكن لمصممي واجهة المستخدم التأكد من سهولة فهم الرموز التي يصنعونها؟
يعمل تصميم الأيقونة الماهر على تحسين قابلية استخدام المنتج
الأيقونات هي أفكار مجردة. إنهم يبسطون الأشياء والأفكار والأوامر إلى رموز بيانية يمكن التعرف عليها بسرعة بالعين البشرية. إذن ، ما الذي يجعل الرموز مفيدة ، وكيف يجب أن تجعل المستخدم يشعر؟
من السهل رؤية الرموز واستخدامها.
كيف تشعر: "كان ذلك سهلاً. نظرت إلى الشاشة ووجدت بسرعة الرمز الذي أحتاجه. لقد نقرت عليه ، وعمل كما هو متوقع ".
تضيف الرموز تماسكًا إلى التجربة داخل المنتج.
ما هو شعورك: "من الواضح أن هذه الرموز تعني شيئًا ما ، وتساعدني في التنقل وتشغيل هذا المنتج."
تعمل الرموز كإشارات للسياق عبر الثقافات.
كيف تشعر: "لا أعرف اللغة ، لكني أعرف ما يعنيه هذا الرمز."
تعمل الرموز على تحسين وتوسيع قدرات سرد القصص المرئية للعلامة التجارية.
كيف تشعر: "هذه العلامة التجارية شخصية ، لكنها مهنية. إنهم يهتمون بتقديم المساعدة حتى في أصغر التفاصيل ".
تصميم رمز غامض يجعل استخدام المنتجات مؤلمًا
عندما يتم التفكير في تصميم الرموز قليلاً أو يتم تجميع مجموعات الرموز على عجل كفكرة متأخرة في تطوير المنتج ، تظهر المضاعفات وتؤدي إلى تجربة منتج سيئة ومستخدمين مزعجين وعلامة تجارية مشوهة.
ما هي الرموز المشفرة وكيف تجعل المستخدمين يشعرون؟
ترتبط الرموز المشفرة ارتباطًا ضعيفًا بوظائفها الفعلية.
ما هو شعورك: "انتظر ، اعتقدت أن هذا الرمز سيفعل شيئًا مختلفًا. ماذا حدث للتو؟"
توفر مجموعة الرموز المشفرة خيارات متعددة تبدو وثيقة الصلة جدًا.
كيف تشعر: "أي من هذه الأيقونات يفعل ما أريده؟"
الأيقونات المبهمة مربكة ثقافياً.
كيف تشعر: "توقف! لن أنقر أبدًا على شيء فاضح جدًا ".
الرموز المشفرة تصيب المستخدمين بالخروج من التجربة المقصودة.
كيف أشعر: "اعتقدت أن هذا التطبيق سيساعدني في وضع ميزانية لأموالي ، لكن هذه الرموز تبدو سخيفة. هل هذا المنتج مناسب لي؟ "
10 مبادئ إرشادية لتصميم أيقونات على مستوى عالمي
الآن بعد أن فهمنا قابلية استخدام الرمز وكيف يمكن للرموز تحسين أو إعاقة قابلية استخدام المنتج ، دعنا نفحص مجموعة من المبادئ التوجيهية التي يمكن لمصممي الرموز استخدامها لأي مشروع تصميم رمز تقريبًا.
- اعمل بجد لفهم الميزات التي سترتبط بها الرموز. إذا كنت لا تفهم ، فلا تخمن. يطلب.
- تجنب تصميم رمز واحد في كل مرة. بدلاً من ذلك ، يتم تعيين رمز النهج ككل. اسأل نفسك ، "هل المجموعة متماسكة؟ هل هناك أيقونات ذات معاني مزدوجة أو ارتباطات مربكة؟ هل المجموعة تمثيل جيد للعلامة التجارية؟"
- تجاوز الكمبيوتر وابدأ التفكير المبكر بالرمز باستخدام رسومات بسيطة.
تعد الرسومات المصغرة المرسومة يدويًا طريقة فعالة لاستكشاف مفاهيم تصميم الرموز المتعددة والتقاط الأفكار بسرعة. - لا تعيد اختراع العجلة. استهدف الرموز المفهومة عالميًا ، ولا تخف من استخدام مجموعات الرموز الحالية المستخدمة على نطاق واسع والمتاحة على مواقع مثل Font Awesome.
- عند استخدام مجموعات أيقونات الأسهم ، لا تتردد في التخصيص لمحاذاة العلامة التجارية أو إضافة شخصية ، ولكن لا تضحي بالوضوح.
- استخدم التسميات النصية عند الاقتضاء لتعزيز قابلية استخدام الرمز. يعد النص بحد ذاته هدفًا صعبًا للنقر عليه أو النقر فوقه ، ولكن عند دمجه مع الرموز ، فإنه يساعد المستخدمين على التخلص من الشك وتجنب سوء التفسير الرمزي.
- لا تضحي بسهولة الاستخدام لتصميم حلوى العين.
- ضع في اعتبارك كيف تتلاءم الرموز مع التسلسل الهرمي لتصميم الواجهة ، ولا تنس أن أحجام الشاشات المختلفة قد تؤثر على رؤية الرمز بسبب القياس.
لاحظ البروز المرئي لأيقونة "البحث" في واجهة الهاتف المحمول مقارنة بإصدار سطح المكتب. يتغير الحجم الفعلي بين الإصدارات قليلاً جدًا ، لكن واجهة الهاتف المحمول بها مساحة أقل لذا تبرز الأيقونة. - تذكر قاعدة الخمس ثوان. عند إنشاء مفاهيم الرموز ، حاول التفكير في الارتباطات الرمزية في غضون 5 ثوانٍ. خلاف ذلك ، قد يكون الاتصال بين الكلمة والعمل والرمز ضعيفًا.
- اختبر الرموز مع أناس حقيقيين. هل يمكن التعرف عليها؟ هل هم لا ينسى؟ إذا لم يكن كذلك ، استمر في العمل.
خاتمة
نحن نعيش في عالم مشبع بالمعلومات المرئية. غالبًا ما نتخذ خيارات متعددة في غضون لحظات. إلى أين نتجه؟ كيف سنصل الى هناك؟ ماذا سنفعل عندما نصل؟ " تساعدنا الرموز في تجاوز الفوضى وتحديد ما هو مهم بسرعة. إنها تجعلنا نشارك بسعادة مع المنتجات التي نستخدمها كل يوم ، وعندما تعمل بشكل جيد ، فإنها تعزز رضا العلامة التجارية.
للأسف ، لا ترقى الرموز إلى مستوى إمكاناتها كثيرًا. تعيق الرموز المصممة بشكل سيء قابلية استخدام المنتج وتزعج المستخدمين وتضر بالولاء للعلامة التجارية. بالنسبة لمصممي المنتجات وفرق التصميم ، فهذه فرصة كبيرة ضائعة.
عندما تعمل الرموز على تحسين تجربة المستخدم بدلاً من إرباكها ، فإنها تحقق الهدف الرئيسي لأي مسعى تصميم ؛ تحسين نوعية الحياة. تذكر أن الأيقونات هي أفكار مجردة وليست أفكار لاحقة. تهدف إلى ربط التعقيد بسرعة وسلاسة دون توقف من المستخدم. هذا ليس بالأمر الهين بالنسبة للمصمم ، ولكنه ممكن من خلال التخطيط الدقيق ، والعملية المنهجية ، واختبار المستخدم الذي يركز على الإنسان.
مزيد من القراءة على مدونة Toptal Design:
- اختبار قابلية الاستخدام للتحويل: توقف عن اتباع الاتجاهات ، وابدأ في استخدام البيانات
- تحويل بيانات اختبار قابلية الاستخدام إلى إجراءات دون أن تصاب بالجنون
- كيفية إجراء اختبار قابلية الاستخدام في ست خطوات
- UX وأهمية الوصول إلى الويب
- الدليل الأساسي لاستخدام الهاتف المحمول