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

تتضمن عقلية المصمم Designer's mindset مجموعة أدوات مثل التعاطف والخيال والغموض والتكرارية والإبداع وحل المشاكل. ويُعَد حال الفكر مشابهًا لحال المصمم، فقد يفشل مبكرًا، وغالبًا ما يتعلّم من أخطائه ويبدأ من جديد مهما استغرق الأمر. إذًا لا بد أن يكون المصمم متفائًلا عندما يجرب أفكارًا جديدةً، وأن يكون قادرًا على الاستفادة من هذه الأفكار، وعندها فقط قد تبصر الحلول التي تختمر في مخيلته النور لتُقيّم وتُجرّب. وهكذا، نرى أن التفكير التصميمي هو توازن مثالي بين التحليل والخيال.

ما ستكتشفه لاحقًا، هو أنّ التفكير التصميمي يحمل أبعادًا أوسع من كونه مصطلحًا محيّرًا، وستلمس أهمية النقاط الثمانية التي نستعرضها في مقالنا إن أردت إتقان التفكير التصميمي وتطبيق مبادئه في أعمالك وفي حياتك اليومية أيضًا.

1. تقبل حقيقة أن التفكير التصميمي لا يحدده تعريف معين

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

لا تعريف محدد للتفكير التصميمي، لكن التفسيرات المختلفة للمصطلح تعتمد المبادئ نفسها

طوّرت الشركات والمصممون أساليبهم الخاصة في التفكير التصميمي وكيّفوها لتلبي احتياجاتهم. لنلقِ نظرةً على التعريف الذي تبناه المدير التنفيذي لشركة IDEO "تيم براون" للتفكير التصميمي:

اقتباس

التفكير التصميمي هو مقاربة بشرية للابتكار تنساب من أدوات المصمم لتتكامل مع حاجات الناس وإمكانيات التقانة ومتطلبات الأعمال الناجحة.

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

فما تفعله خلال التفكير التصميمي سيتضمن:

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

2. التفكير التصميمي ليس حكرًا على المصممين

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

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

بيل جيلبرت، مؤسس شريك في فريق IBM للتفكير التصميمي

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

3. يبدأ كل شيء عند تحديد المشكلة الحقيقية

يبدأ أي مشروع عادة بمشكلة ينبغي حلها، وستكون الخطوة الأولى لنجاح التفكير التصميمي هي إعادة النظر في الافتراضات التي قُدمّت إليك في موجز المشروع كي تتأكد من وقوفك على المشكلة الحقيقية.

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

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

لن يكون الطريق إلى حل المشكلة مستقيمًا، لذا كن مستعدًا للعودة مرارًا وتكرارًا، وشعِّب البحث، مع تحديد صيغ مختلفة للمشكلة، وحاول تكرار البحث واختبار الأفكار. قد يختلف ما نشير إليه عن الأفكار التي تبناها الآخرون مسبقًا عن عملية إيجاد المشكلة الحقيقية، والتي قد تبدو عمليةً مباشرةً لا تشعبات فيها، مثل خط مستقيم من المشكلة A إلى الحل B، فالحقيقة هي أن الطريق سيبدو نوعًا ما كما في الشكل التالي:

"عملية التصميم ليست خطًا مستقيمًا، بل هي عملية متشعبة لا بدّ من خوضها لتتضح الأمور"

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

4. تقبل الطبيعة الكسيرية لعملية التفكير التصميمي

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

• التعاطف (تخيل نفسك مكان العميل).
• تعريف المشكلة.
• وضع تصورات لها.
• وضع نماذج أولية.
• الاختبار.

تبدو المراحل مثل خط مستقيم أليس كذلك؟ إذ تكمن المشكلة الحقيقية في فهم وتنفيذ هذه المراحل بتتابع لاخطّي وبأسلوب تكراري، فقد تكون هاتين المفردتين هما الوصفة السرية لنجاح التفكير التصميمي. يتصوّر معظم البشر الزمن على شكل مسار مستقيم إلى حد ما، ولهذا نفضل العمليات المرتبة التي تتجه إلى الأمام مباشرةً أو إلى الخلف مباشرةً، وبإرشادات واضحة كي لا نضيع. توقّف لبرهة وتأكد من فهمك أو عدم فهمك لأهمية اللاخطية والتكرارية. تخيل الأمر مثل عنصر كُسيري fractal، ودعنا نَعُد الكُسيريات في مجالنا على أنها أنماط تتكرر إلى ما لانهاية. ما الذي سيحدث لو فكّرت بالمراحل الخمسة السابقة كأنماط تتكرر إلى ما لا نهاية؟ سيعني ذلك أن كل مرحلة ستتضمن المراحل الخمسة ذاتها وهكذا.

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

5. تعلم متى تنهي عملية التفكير التصميمي

إليك الحقيقة المُرّة: يبدو أن النتائج لا تظهر عادةً إلا قبل 24 ساعة من الموعد النهائي للتسليم، أيًا كان الوقت المتاح أمام المصمم كي ينجز تصميمه. هذه هي طبيعة العملية، فلن تصل إلى مرحلة الكمال أبدًا، لكن كلما كررت العملية أكثر، ستقترب من الإتقان. ويتطلب الأمر قائدًا خبيرًا للفريق ليقرر أنّ حلًا ما هو الأفضل، وذلك بناءً على ميزانية المشروع والوقت المتاح. ولكي تبدأ بتنفيذ عملية التفكير التصميمي بالأسلوب الصحيح، لا بد أن تتأكد أولًا من إمكانية تطبيق هذه العملية، فلن يكون الحل جيدًا إن لم يعتمد على الموارد المتوفرة. وحتى لو تمكنت من بناء الحل، فلن يُنتج مردودًا كافيًا للعمل، كما لن يكون حلًا مستدامًا قابلًا للتجديد.

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

6. يتعارض التفكير التصميمي مع التحيز البشري

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

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

إنّ البعد التعاوني هو ما يمنح التفكير التصميمي القوة الحقيقية، وهو الوصفة السرية للابتكار الذي يجعل الحاجات البشرية مركز اهتمامه.

اقتباس

"الاكتشاف هو رؤية ما يراه الآخرون والتفكير بما لم يفكر به أحد". ألبرت سانت- جورجي، الحائز على جائزة نوبل في الفيزيولوجيا أو الطب لعام 1973.

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

7. يهيئ لك التفكير التصميمي إطارا لعملية الابتكار

لقد أصبح التفكير التصميمي المقاربة المشتركة في جميع الابتكارات التي تتمحور حول حاجات الناس، ويُعَد الابتكار هو المنتج الرئيسي. نعيش جميعًا في عالم لا شيء ثابت فيه سوى "التغيير"، ووفق هذه الرؤية، سيكون الابتكار جوهريًا لمعالجة التحديات الجديدة التي تواجه المجتمع. فكّر في طفولتك، ما الذي احتجته حينها؟ هل لا زلت تحتاج تلك الأشياء الآن؟ على الأرجح لا، فقد ساعدتك تجاربك خلال مسيرة حياتك في تعلم مهارات جديدة لتخطي العقبات الجديدة، وقد يحدد الاكتفاء الذاتي الذي تشعر به قدرتك على تجاوز هذه العقبات بنجاح. يمكننا توسيع هذا المنطق إلى مجالات أوسع، فبصفتنا مجتمعًا، سنحتاج إلى الابتكار للتغلب على التحديات الطارئة، مثل الشيخوخة والنمو السكاني وتغيرات المناخ وهكذا، لذا لا بدّ أن نبتكر لنبقى. يساعدنا التفكيرالتصميمي على الابتكار، ولهذا السبب لا بدّ من أن نبدي جدية أكثر في تعميمه.

يمثّل الشكل السابق منحنيًا بيانيًا يشير إلى تفوق بعض الشركات التي اعتمدت التفكير التصميمي مثل آبل ووالت ديزني وغيرها بمقدار 219% موازنةً مع غيرها من الشركات الخمسمائة الكبرى وفق تصنيف ستاندرد آند بورز S&P 500، فقد تقدّمت الشركات والمنظمات التي طبقت مقاربة التفكير التصميمي بالشكل الصحيح في عالم الابتكار كما تأقلمت مع العالم المتغير الذي يحيط بنا وبقيت محافظةً على مكانتها. وتحاول هذه الشركات تكرار منتجاتها وتحسينها أكثر فأكثر للتأكد من تحقيق حاجات مستخدميها باستمرار

اقتباس

"إن كنت تنفذ الأمر بالطريقة ذاتها دومًا، فقد يكون تنفيذك خاطئًا". تشارلز. ف. كيتيرينغ مؤسس Delco ورئيس الأبحاث في شركة جينيرال موتورز من عام 1920 حتى 1947.

8. يتطلب التفكير التصميمي وقتا لإتقانه

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

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

ترجمة وبتصرف للمقال: 8 Must-Know Insights to Conquer Design Thinking لصاحبته Laia Tremosa.

اقرأ أيضًا

• المرحلة الأولى من عملية التفكير التصميمي: التعاطف مع المستخدمين
• المرحلة الثالثة في عملية التفكير التصميمي: مرحلة التفكير
• المرحلة الرابعة في عملية التفكير التصميمي: مرحلة بناء النماذج الأولية
• استخدام التفكير التصميمي لتخطي مشاكل رائد الأعمال

يمكن للمصممين من خلال استخدام بيانات نظام تحديد المواقع العالمي GPS وبيانات الخرائط على المنصات والمواقع المخصصة للهواتف الذكية أن يحسّنوا من تجربة المستخدم لمنتجاتهم، ولكي يتمكنوا من تحقيق ذلك، يجب عليهم أن يدمجوا مزايا الخرائط مع تجربة المستخدم UX، وهناك بعض القواعد والنصائح التي يمكنك اتباعها، مما يزيد من فرص نجاحك عند استخدام بيانات المواقع الجغرافية والخرائط في تطبيقات الهواتف المحمولة.

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

إرشادات لمراعاة قابلية الاستخدام عند تصميم الخرائط

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

التمرير والتحريك

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

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

الأماكن المتلاصقة في المنطقة المستهدفة

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

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

شاشات اللمس وضعف الإنترنت

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

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

التحكم بالإيماءات

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

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

وضع شريط الأدوات

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

تقديم المساعدة

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

في الختام

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

ترجمة -وبتصرّف- للمقال Getting Lost and Found – Maps and the Mobile User Experience.

اقرأ أيضًا

• تجربة المستخدم للهواتف المحمولة وتوقعات المستخدمين
• كيفية التصميم للأجهزة المختلفة
• النسخة الكاملة لكتاب مدخل إلى تجربة المستخدم (User Experience - UX)

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

أهم المبادئ التوجيهية اللازم اتباعها من طرف الباحثين في تصميم تجربة المستخدم

امزج الأدوات معا

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

اكتشف أخطاءك

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

الاختبار مع مستخدم واحد ليس بلا فائدة

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

زيادة أحجام العينات

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

يمكن أن تتغلب العشوائية على عيوب تصميم البحث

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

نتائج البحث

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

نوع المقياس الذي يجب أن تتبعه

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

اختر المستخدمين المستهدفين

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

ماذا يقول المستخدمون أم ماذا يفعلون؟

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

حافظ على تنمية مجموعة أدواتك

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

قابلية الاستخدام

يستحيل علينا قياس قابلية الاستخدام، فهي تختلف بين منتج ومنتج، ومن مستخدم إلى لآخر، كما أنها تختلف بين باحثي تجربة المستخدم UX، لكن ما يمكننا فعله هو البحث عن المشكلات والتمحيص عنها، فهي الغاية الحقيقة التي يدور حولها البحث؛ فكما نعلم، تُعَد أن محاولة إظهار المنتج وكأنه خالٍ من المشكلات أمرًا أصعب بكثير من محاولة البحث والتفتيش عن المشكلات والعيوب التي يحتويها.

طول التقرير

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

في الختام

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

ترجمة -وبتصرّف- للمقال 15 Guiding Principles for UX Researchers.

اقرأ أيضًا

• أساليب الإطلاع في مجال تجربة المستخدم: التصفح، البحث والاكتشاف
• كيفية إجراء اختبار سريع لتجربة المستخدم
• تصميم تجربة المستخدم من خلال بيانات وإحصائيات المستخدمين
• مدخل إلى تجربة المستخدم (User Experience - UX)

يركز تصميم التفاعل Interaction Design (اختصارًا IxD) وتصميم تجربة المستخدم UX على التفاعلات بين المستخدمين والمنتجات، لكن الأول مُقاد بالهدف المطلوب، والثاني مُقاد بالعمليات التي يجب إجراؤها.

ما هو تصميم التفاعل Interaction Design أو IxD؟

يهدف تصميم التفاعل إلى تسهيل التفاعل بين المستخدمين والمنتجات أو الأنظمة أو الخدمات الرقمية وغير الرقمية. ولا يُعَد التفاعل ضروريًا فحسب، فتجربة المستخدم بأكملها ضرورية أيضًا. يعطي تصميم التفاعل الأولوية لكيفية تفاعل المستخدمين مع العناصر، من خلال التدقيق في احتياجات المستخدمين واستخدام تلك الاحتياجات بوصفها أساسًا لتخصيص المخرجات، وبالتالي يمكن للمستخدمين تحقيق أهدافهم.

ويستخدم مصممو التفاعل خمسة أبعاد في تحقيق ذلك:

• الكلمات (البعد الأول 1D).
• التمثيلات المرئية (البعد الثاني 2D).
• الأشياء أو الفضاء المادي (البعد الثالث 3D).
• الزمن (البعد الرابع 4D).
• السلوك (البعد الخامس 5D).

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

أمثلة على تصميم التفاعل IxD الجيد

من بين الأمثلة التي يجدر ذكرها حول تصميم التفاعل الجيد، ما يلي:

1. تصميم Split Bill لصاحبه Jony Vino

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

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

2. تصميم متجر أحذية لصاحبه Dany Arkan

يستوفي تصميم موقع الويب السابق لشراء الأحذية الأبعاد الخمسة المتمثلة في:

• النصوص.
• الأزرار.
• الصور.
• الإطار المرئي.
• التحرك بمرور الوقت والتجربة الشاملة الإيجابية.

حيث تُكبَّر صورة الحذاء عند النقر عليها لترى زر "إضافة إلى عربة التسوق "Add to Cart" مع تفاصيل أخرى مثل الألوان والسعر بسهولة، ويمكنك عرض الحذاء بكافة الألوان المتوفرة.

3. تصميم تطبيق Tasty Burger لصاحبه Tubik

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

ما هو تصميم تجربة المستخدم UX؟

يُعَد تصميم تجربة المستخدم User experience عمليةً تتمحور حول المستخدم، وتتشكّل من عَدّ شخصيات المستخدم واحتياجاته وسياقات الاستخدام أساسًا للتصميم. ويشكّل تصميم UX، تجربة استخدام المنتج من خلال التركيز على المرحلة التي تسبق شراء المنتج وتتطلب التفاعل بين المستخدم والمنتج، وإجراء بحث مكثف لمعرفة شخصيات المستخدمين والميزات التي يجب أن يتمتع بها المنتج والوظائف التي يجب أن يؤديها، إلى جانب معرفة السياقات التي سيستخدم المستخدمون المنتج ضمنها، ونوع التصميم الذي سيكون ممتعًا شكليًا وعمليًا، وكذلك التصميم الصحيح للحملة التسويقية، وحتى إنشاء تجربة رائعة في فتح عبوة المنتج. كما تهتم هذه المرحلة بمعرفة قيود المستخدمين المحتملين وتتضمن اختبار التصميم قبل أن يتلقى المستخدمون المنتج النهائي.

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

أمثلة على تصميم تجربة المستخدم UX الجيد

من بين الأمثلة التي تجدر الإشارة إليها حول تصميم تجربة المستخدم الجيد، ما يلي:

1. ميزات التشغيل التلقائي على نتفليكس Netflix

شكّلت ميزتا "تشغيل الحلقة التالية" أو "تخطي المقدمة" على نتفليكس Netflix مفاجأةً حقيقيةً لجميع مستخدميها، إذ أظهرت القدرة على تقييم احتياجات المستخدمين وتحسين تجربة المستخدم.

2. تطبيق دولينجو Duolingo الشبيه بالألعاب

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

3. التنقل على تطبيق Glovo

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

أوجه التشابه والاختلاف

يُعَد تصميم التفاعل IxD وتصميم تجربة المستخدم UX متداخلان إلى حد معين، لدرجة أن تصميم التفاعل IxD يُستخدَم بوصفه مرادفًا لتصميم تجربة المستخدم في أغلب الأحيان. يأتي تصميم التفاعل تحت المصطلح الشامل "تجربة المستخدم"، ويتطلب كلاهما قدرًا معينًا من تفاعل المستخدم مع المنتج، ويعطيان الأولوية للكفاءة والفعالية والأمان والتصميم الخالي من العيوب، الذي يؤدي إلى ردود أفعال إيجابية لدى المستخدمين؛ كما أنهما مصمَّمان لشخصيات حقيقية، وليس لمستخدمين مجردين.

يكمن الاختلاف الجوهري بينهما في كيفية إدراك تفاعلات المستخدم، إذ يهتم مصممو التفاعل باللحظة الدقيقة التي يتفاعل فيها المستخدمون مع المنتج أو الخدمة، لذا يُعَد تصميم التفاعل مقادًا بالهدف، والهدف هو المنتج النهائي؛ بينما يتخذ مصممو تجربة المستخدم UX نهجًا أشمل، إذ يُعَد تصميم تجربة المستخدم مُقادًا بالعملية، فلحظة التفاعل مع المنتج ليست سوى جزء صغير في العملية برمتها، لأنه يركز على مراحل قبل وبعد إنشاء المنتج.

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

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

ترجمة وبتصرف للمقال Interaction Design IxD vs UX Design: Differences and Similarities لصاحبه Alex Sysov.

اقرأ أيضًا

• التصميم للهواتف: تصميم الإجراءات التفاعلية
• فهم ودراسة المستخدمين في مجال تجربة المستخدم
• النسخة الكاملة لكتاب مدخل إلى تجربة المستخدم (User Experience - UX)

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

يمكن النجاح في مواكبة المتطلبات الحالية من خلال التركيز على جانبين هما: اتباع طريقة استراتيجية في العمل، وتطبيق التفكير المستقبلي في هذا النهج المتَّبع. تُعَد عملية إعادة بناء العلامة التجارية إحدى الطرق لمواكبة الاتجاهات الرائجة الناشئة، وهي ضرورية لزيادة قوة العلامة التجارية وبقائها في أذهان العملاء.

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

ما هو مصطلح إعادة بناء العلامة التجارية؟

إذا غيّرت الشركة استراتيجيتها التسويقية جذريًا من خلال تغيير اسمها أو تحسين وإصلاح علامتها التجارية بالكامل، وعدّلت أيّ عنصر من عناصر التصميم بهدف تعزيز هوية العلامة التجارية الجديدة، فيُعرَف ذلك باسم إعادة بناء العلامة التجارية.

أعادت شركات عملاقة في مجالات متعددة بناء علامتها التجارية على مر السنين لتجنب تباطؤ أعمالها ومنعها من التراجع، إذ أعادت هذه الشركات بناء علامتها التجارية مرتين وثلاث وأربع مرات، بل وأكثر من ذلك.

لا تُعَد جميع نتائج إعادة بناء العلامة التجارية ناجحة، إذ لم يتعرّف أكثر من 40% من الأشخاص على شعار شركة أوبر Uber الذي أعيد تصميمه، وحصل على تقييم ثلاث نجوم فقط، بينما حصل الشعار السابق على تقييم أربع نجوم.

أسباب تجعلك تفكر في إعادة بناء علامتك التجارية

يمكن أن تحتاج العلامات التجارية إلى إعادة بناء لأسباب مختلفة منها:

• تصحيح الوضع.
• لدفع عجلة نمو الشركة عالميًا.
• للتخلص من صورة العلامة التجارية السيئة.
• بيع الشركة أو الاندماج مع شركة أخرى.

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

تصحيح الوضع

يمكن لإعادة تنظيم العلامة التجارية والتزاماتها أن يساعد في تمييزها عن المنافسين وتوضيح مشاكلها، وستشكّل طريقةً جديدةً لسرد قصص العلامة التجارية Brand Storytelling التي تلقى صدًى لدى العملاء المحتملين.

دفع عجلة نمو الشركة عالميا

يمكن أن تكون إعادة بناء العلامة التجارية ضروريةً إذا كان اسم العلامة التجارية محددًا جدًا لبلد ما، وتخطط الشركة لتوسيع نطاق أعمالها إلى الأسواق العالمية. ومن الأمثلة البارزة عن هذه الحالة، تغيير أسماء الشركات Smiths إلى Lay’s وPostbank إلى ING و Raider إلى Twix.

التخلص من صورة العلامة التجارية السيئة

يمكن أن تكون إعادة بناء العلامة التجارية ضروريةً إذا كانت الشركة تتمتع بسمعة سيئة وتحتاج إلى تحسين نظرة العملاء إليها.

بيع الشركة أو الاندماج مع شركة أخرى

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

أسباب تجعلك تعيد التفكير في إعادة بناء علامتك التجارية

يمكن أن تكون الأسباب السابقة ضروريةً بما يكفي لتفكر الشركات في إعادة بناء علامتها التجارية، إلا أن الأسباب التالية ستجعلها تعيد التفكير في ذلك ويمكن أن تتراجع عن هذه الفكرة.

إحداث ضجة قصيرة الأمد

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

الذكرى السنوية لتأسيس الشركة

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

اعتقاد مجلس الإدارة أن الوقت حان لذلك

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

رغبة إدارة الشركة في ترك أثر يميزها

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

حجم إعادة بناء العلامة التجارية

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

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

كيفية إعادة بناء العلامة التجارية

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

تتضمن عملية إعادة بناء العلامة التجارية ست خطوات في أغلب الأحيان هي:

1. إجراء بحث عن العملاء والسوق المستهدفة.
2. إعادة النظر في قيم الشركة ورؤيتها وأهدافها.
3. التفكير مليًا بما تريد الاحتفاظ به وما يجب تغييره.
4. إعادة بناء هوية العلامة التجارية.
5. فهم مشاعر العملاء.
6. بناء خطة لإعادة الإطلاق.

1. إجراء بحث عن العملاء والسوق المستهدفة

تُعَد الخطوة الأولى وإحدى الخطوات الأساسية في عملية إعادة بناء العلامة التجارية، إذ يجب أن تفهم الشركات كل جانب من جوانب عملها بما في ذلك عروضها الحالية ورضا العملاء وتصوّر علامتها التجارية على سبيل المثال لا الحصر.

يجب أن تساعد عملية البحث هذه في فهم مَن هو الجمهور المستهدف، وما المشاكل التي يواجهونها، ومدى ملاءمة حلول الشركة لحل تلك المشاكل لعملائها، وما الحلول الحالية في السوق وفجواتها إن وجدت.

2. إعادة النظر في قيم الشركة ورؤيتها وأهدافها

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

كما يجب على الشركة مراجعة رؤيتها وأهدافها وقيمها قبل إعادة بناء علامتها التجارية، ويمكن أن تحتاج استنادًا إلى حجم إعادة بناء العلامة التجارية إلى إنشاء رؤية وأهداف وقيم جديدة مُستسقاة من روح تلك العلامة التجارية.

3. التفكير مليا بما تريد الاحتفاظ به

يجب في هذه الخطوة فهم المشكلة الرئيسية التي تحاول الشركة حلها، من خلال عملية إعادة بناء العلامة التجارية.

تتضمن قائمة عناصر علامة الشركة التجارية العناصر التالية في أغلب الأحيان:

• اسم العلامة التجارية.
• شعار أو رمز Logo العلامة التجارية.
• سطر وصف Tagline العلامة التجارية أو شعارها النصي Slogan.
• الألوان.
• الخط.
• تصميم الموقع.
• تصميم التطبيق.

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

4. إعادة بناء هوية العلامة التجارية

يشكّل تصميم شعار العلامة التجارية وألوانها والخط والعناصر الرسومية والصور المُستخدَمة هويةَ العلامة التجارية.

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

تصميم الشعار

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

ألوان العلامة التجارية

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

الخط

يعتمد اختيار الخط على المجال الذي تعمل فيه الشركة والجمهور الذي تهدف إلى تلبية احتياجاته. فإذا تضمّنت الفئة المستهدفة أشخاصًا تتراوح أعمارهم بين 35 و45 عامًا مثلًا، فإن الخط Sans Serif سيوفر مظهرًا وأسلوبًا احترافيًا، وستصل رسالتك إليهم بسهولة. بينما تمثّل الخطوط الفنية والإبداعية مثل الخط Melon العلاماتِ التجارية التي تلبي احتياجات الأطفال والمراهقين والشباب في عُمر أوائل العشرينات.

عناصر الرسوم والصور

تلعب الصور وعناصر التصميم التي تُعَد جزءًا من هوية العلامة التجارية للشركة، دورًا حيويًا في أسلوب ومظهر العلامة التجارية المعروضة للجمهور. وإذا تغيرت عناصر العلامة التجارية مثل الشعارات، فيجب تغيير الصور والعناصر الرسومية لإنشاء تصاميم متماسكة ومتناسقة.

5. فهم مشاعر العملاء

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

6. بناء خطة لإعادة إطلاق العلامة التجارية

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

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

الخلاصة

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

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

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

ترجمة وبتصرف للمقال Rebranding: When And How To Do It The Right Way لصاحبه Suhith Kumar.

اقرأ أيضًا

• أساسيات ترسيخ العلامة التجارية للمصممين المبتدئين
• كيف تنقل علامتك التجارية الرقمية إلى العالم الواقعي
• مفهوم الإيسام الريادي وتطوير العلامة التجارية في العملية التسويقية
• علم نفس الألوان في تصميم العلامات التجارية
• سيكولوجية الألوان في عالمي التسويق والعلامات التجارية
• قواعد تصميم الهوية البصرية

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

جاء مصطلح "قابلية الاستخدام Usability" ليحُل بديلًا عن المصطلح "سهولة الاستخدام user-friendly" والذي قد عفا عليه الزمن منذ عام 1990. واجه مصطلح "قابلية الاستخدام" صعوبةً في تحديد تعريف له، فقد عُرّف تارةً على أنه سهولة استخدام المنتج بالنظر إلى المنتج بعينه مثل امتلاكه لتصميم مريح، بينما عرّفه آخرون على أنه سهولة استخدام المنتج من وجهة نظر المستخدم، مثل أن يكون راضيًا عن أدائه أو ساخطًا عنه.

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

يتحدد مدى كون التصميم قابلًا للاستخدام بالمزايا التي يقدمها للمستخدم، وبالبيئة التي يوفرها في أداء المهام، وتمتلك واجهة المستخدم الجيدة ثلاث خصائص رئيسية يمكن توضيحها في الآتي:

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

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

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

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

عناصر قابلية الاستخدام

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

الخادم

تُعَد الخوادم المستخدمة لاستضافة المواقع الإلكترونية واحدةً من أهم الأمور الذي يجب أن تُؤخذ في الحسبان، وهناك عاملان رئيسيان يجب عليك مراعاتهما عند اختيار الخادم:

• سرعة تحميل الموقع: يعتمد ترتيب جوجل للمواقع الإلكترونية في نتائج البحث على العديد من العوامل، ويُعَد عامل سرعة تحميل الموقع أهم هذه العوامل، كما أن لسرعة تحميل الموقع أهميةً كبيرةً في تحسين محركات البحث SEO، إذ ينفر المستخدمين عادةً من المواقع الإلكترونية بطيئة التحميل، لكن الخوادم ليست الوحيدة التي تؤثر على سرعة تحميل الصفحة، إذ يمتلك مصمم الموقع تأثيرًا كببرًا أيضًا، وذلك من خلال الطريقة التي يقدم بها الصور والرسومات وما إلى ذلك.
• تعطّل الموقع: يتعذر الوصول أحيانًا إلى بعض المواقع الإلكترونية نتيجة خلل في الخادم، ومن الإنصاف أن نقول أن معظم المواقع الإلكترونية ستواجه تلك اللحظات، لكن اختيار خادم موثوق سيتيح لك إمكانية تقديم تجربة مستخدم أفضل. وتذكر أن تجربةً واحدةً سيئةً قد تدفع المستخدم إلى تجاهل موقعك الإلكتروني مؤقتًا ومن ثم يعود إليه لاحقًا، ولكن إن تكررت تلك التجربة السيئة مرارًا وتكرارًا، فكن على يقين بأن عيناه لن تبصر موقعك مرةً أخرى.

لغة البرمجة

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

• استخدم النصوص البديلة عن الصور ALT: تُستخدم تلك النصوص جنبًا إلى جنب مع الصور، فهي تتيح لك إمكانية نقل معلومات إضافية حول الصور حينما لا تكون تلك المعلومات جزءًا من النص الرئيسي للصور، وتكمن أهمية تلك النصوص في أنها تساعد محركات البحث على التعرف على محتوى الصور، كما أنها تساعد أصحاب البصر الضعيف على معرفة محتوى الصور.
• صفحة غير موجودة 404: تتعطل الروابط أحيانًا، وخاصةً على المواقع الإلكترونية الكبيرة، ومع ذلك يجب عليك اختبار جميع الروابط بانتظام وإصلاح أي روابط معطلة، فمن الجيد أن تكون لديك خطة عندما يواجه المستخدمون رابطًا معطلًا، وهذه الخطة أن تصمم صفحة "لم يتم العثور على الموقع 404"، إذ تساعدك صفحة 404 المصممة جيدًا على تقديم فكرة إيجابية لزوار موقعك، مما يمنحهم دافعًا للعودة إلى موقعك وتجربته مجددًا، في حين تعطي صفحة 404 الافتراضية انطباعًا سيئًا للمستخدمين عن موقعك، ونادرًا ما يعودون إلى تجربة الوصول إلى موقعك مرةً أخرى.

العوامل المرئية

يُقصد بالعوامل المرئية تلك العوامل التي تؤثر على تجربة المستخدم الإجمالية، والتي تتمتع فيها أنت المصمم بأكبر قدر من التحكم، وإليك بعض النصائح:

• حجم الخط ولونه: اختر الخطوط التي يسهل على المستخدمين قراءتها، لذا يجب عليك أن تختار ألوانًا واضحةً ومتباينةً مع الخلفية، كما يجب عليك أن تختار أحجام خطوط كبيرة ليتمكن المستخدمون من قراءتها بسهولة، وإذا كان بعض مستخدميك من كبار السن أو ضعاف البصر، فاحرص على أن تتخيّر خطوطًا أكبر.
• العلامة التجارية: تساعد العلامة التجارية المستخدمين على معرفة الموقع الذي يتصفحونه، وتُعَد الزاوية العلوية اليمنى من الشاشة، المكان الأمثل لتضع شعار شركتك، إذ يُرجح أن تكون تلك الزاوية أول ما ينظر إليه المستخدمون عندما يقرأون محتوى موقعك من اليمين إلى اليسار.
• ألوان التصميم: يجب أن تختار ألوانًا متسقةً ومناسبةً في شعار علامتك التجارية، مما يمنحه طابعًا جماليًا، كما تساعد الألوان المناسبة على قراءة شعار علامتك التجارية بسهولة.
• التنقل: لكي يحصل المستخدمون على أقصى استفادة من موقعك الإلكتروني، يجب عليك أن تمنحهم إمكانية الانتقال إلى المحتوى الذين يبحثون عنه بسرعة، لذا يجب عليك توفير أنظمة تصفح مفيدة، بما في ذلك ميزة البحث للمواقع الكبيرة.
• المحتوى: قد يكون مصمم الموقع مسؤولًا عن إنشاء محتوى جيد لموقعك، وقد لا يكون مسؤولًا عن ذلك، ولكن هناك بعض العناصر الأساسية التي تساعدك على تنظيم محتوى موقعك الإلكتروني، والتي يمكن توضيحها في الآتي:
  • العناوين: قسّم محتوى موقعك إلى عدة أجزاء من خلال استخدام العناوين الأساسية والعناوين الفرعية وما إلى ذلك، مما يساعد على تقديم محتوى مُنظَّم للمستخدمين، كما تساعدهم العناوين على التنقل بسهولة ضمن المحتوى.
  • الفقرات: اجعل الفقرات واضحةً على المستخدمين، وابتعد عن الفقرات الطويلة كونها تجعل القراء يتثاءبون.

أدوات قابلية استخدام

يُعَد اختبار تجربة المستخدم في موقعك الإلكتروني أمرًا سهلًا بفضل الكثير من الأدوات، وهي على ثلاث حالات، فأولها الأدوات مجانية الاستخدام تمامًا، وهي تشكل معظم تلك الأدوات؛ أما الحالة الثانية، فهي الأدوات المجانية لميزات محدودة، والحالة الأخيرة أن تكون الأدوات مدفوعة.

اختر أداةً تناسب موقعك الإلكتروني، ومن ثم دعها تجمع البيانات وتجري الاختبارات حول قابلية الاستخدام في موقعك، وهو ما سيمنحك فكرةً أفضل عن مستخدمي موقعك، ومعرفة الأمور التي تعجبهم، وكذلك الأمور التي لا يحبونها، وإليك بعض الأدوات المفيدة:

• أداة Usabilla: وهي أداة تختبر قابلية الاستخدام في المواقع الإلكترونية، إذ يمكنها توفير المعلومات بناءً على الاستخدام الفعلي لموقعك الحالي.
• أداة WebPage FX: وهي أداة لاختبار قابلية قراءة المحتوى على المواقع الإلكترونية.
• أداة Pingdom: تقدم لك هذه الأداة معلومات عن سرعة الاستجابة في موقعك الإلكتروني.

تجربة المستخدم

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

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

• قابلية الاستخدام: وهو مقياس لقدرة المستخدم على الوصول إلى موقع ما واستخدامه بسهولة وإكمال المهمة التي يريدها. تذكر أنك يجب أن تسعى إلى تصميم موقعك الإلكتروني ليحصل على كثير من الزوار، لا أن تركز على تصميم الصفحة فحسب وافتراض أن الزوار سيأتون لاحقًا.
• محتوى مفيد: يجب أن يتضمن موقعك الإلكتروني معلومات كافيةً وبتنسيق جيد، بحيث يمكن للمستخدمين اتخاذ القرارات المناسبة.
• محتوى ممتع: تأتي أفضل تجارب المستخدمين عندما يتمكن المستخدمون من تكوين علاقة عاطفية مع المنتج أو مع الموقع الإلكتروني، وهذا يعني أنه يجب عليك ألا تكتفي بتقديم معلومات مفيدة، بل يجب أن تكون تلك المعلومات ممتعةً للمستخدمين، فقد يقدم موقع لتعليم اللغة الإنجليزية مثلًا، معلومات مفيدةً للمستخدمين بطريقة تساعدهم على تذكرها، ولكن عندما تكون تلك المعلومات مضحكةً أو ممتعةً أيضًا، فلن يكتفي المستخدمون بتذكرها، بل إنهم سيعودون لتعلم المزيد منها.
• إمكانية الوصول: قد تبدو تجارب الاستخدام محبطةً للغاية بالنسبة للأشخاص الذين يعانون من مستويات مختلفة من الإعاقة، لذا فإن هناك مجموعةً من معايير الوصول التي يجب عليك الالتزام بها، ليتوافق موقعك الإلكتروني مع ضعاف البصر وضعاف السمع وضعاف الحركة، وما إلى ذلك.
• المصداقية: يُعَد بناء الثقة مع مستخدمي موقعك الإلكتروني أمرًا مهمًا في تحسين تجربة المستخدم، ففي كثير من الأحيان يخشى المستخدمون من سرقة بياناتهم أو معلوماتهم الشخصية، ويمكن معالجة هذه المخاوف من خلال اتخاذ بعض الخطوات، مثل إظهار ميزات الأمان التي يمتلكها موقعك، مما يساعد على كسب ثقة المستخدمين.

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

في الختام

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

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

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

• هل يجد المستخدمون صعوبةً في قراءة محتوى موقعي الإلكتروني؟
• هل يمكن لهذا المحتوى أن يرسم البسمة على وجوههم؟
• هل سيرغب المستخدمون في العودة إلى موقعي الإلكتروني مرةً أخرى؟
• هل يشعر المستخدمون بالاطمئنان عند استخدام موقعي الإلكتروني؟

يجب عليك أيضًا العثور على خادم موثوق يساعد على تحميل موقعك بسرعة. وعلى مستوى لغة البرمجة HTML، احرص على استخدام النصوص البديلة عن الصور ALT، وصمّم صفحة 404 جيدة في حال تعطل الرابط.

ولا تنسَ في خضم كل هذا الاهتمام بالعوامل المرئية -بما في ذلك ألوان التخطيط وتنسيق المحتوى-، لأن امتلاك موقع جيد المظهر أمر مهم جدًا في تحديد تجربة المستخدم.

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

ترجمة -وبتصرّف- للمقال Usability: A part of the User Experience لصاحبه Mads Soegaard.

اقرأ أيضًا

• مدخل إلى تجربة المستخدم User Experience
• ماذا تخبرنا نقرات العصبية عن تجربة المستخدم
• أفضل خمس طرق اختبار للمستخدم
• النسخة الكاملة لكتاب مدخل إلى تجربة المستخدم (User Experience - UX)

بالتأكيد لا تريد أن تُعيقك أي قيود عندما تريد شراء منتج من الإنترنت -بغض النظر عن ماهيته-، أو الدخول إلى منصة التجارة الإلكترونية التي تتعامل معها. فقط تخيّل كيف ستكون تجربة استخدامك إذا أتاح لك متجر إلكتروني خيارات محدودةً لتختار منها عند مطالبتك بإدخال بيانات الاتصال بك، وماذا ستقول إذا بدأ متصفح فايرفوكس Firefox في عرض مدخلات لنموذج شكوى إلكتروني بناءً على توقع المتصفح لما يخيّب ظنك؟ عندها يُعَد الحل التصميمي واضحًا تمامًا، إذ يمكنك أن تُقيم النموذج التصميمي تقييمًا سلبيًا. لذا فبناءً على ما سبق، سنلقي في هذا المقال نظرةً فاحصةً على المزايا والنقاط الواجب مراعاتها عند إضافة حقول إدخال قابلة للتعديل تسمح لمستخدميك بالتحكم التام.

المشكلات التصميمية

لا بد أنك تطلب من المستخدمين إدخال بيانات، لكن لا يمكن لأحد أن يتنبأ بإجابات المستخدمين سواهم، هذا إلى جانب أنه لا يمكن أن تطلب منهم تحديد خيار من قائمة مقيّدة ومحددة مسبقًا، لذا يحتاج المستخدمون إلى الشعور بالحرية في إعداد المدخلات بعبارتهم، وإذا فشلت في منحهم هذه الحرية (مثل تقييدهم بخيار واحد من عشرة أو عشرين لوضع علامة بجانبه)، فإن ذلك يعني أنّ مؤسستك لا تُراعي تفرّد المستخدمين.

وبما أن كل مستخدم متفرّد، فسوف يشعر بمزيد من التقدير إذا أُتيحت له الوسائل التي تُبرز هذا التميز، ومن المرجح أن يزيد تفاعل جميع المستخدمين إذا منحتهم هذه الفرصة لأهميتها من حيث تسريع الاتصال بين المستخدم والمؤسسة، لذا علينا أن نضرب مثالًا لنفهم هذه النقطة ونتأملها سويًا، تخيل عالَمًا موازيًا لا يستطيع فيه الشخص إدخال البيانات من الشاشة مباشرةً، لكن يجب عليه بدلًا من ذلك التنقل مثلًا عبر سلسلة من القوائم المنسدلة، فإذا كان اسمه محمد حسن، فلا بُد أن يتنقل بين سبع قوائم منسدلة (أو ثمانية إذا أضفنا الفراغ بين الاسمين)، وذلك ليختار الحرف الأول م، فالثاني ح، ثم الثالث م، وهكذا. لنفترض أيضًا أنك تحليت بالصبر على ذلك في كل مرة لمجرد إدخال بيانات عبر الإنترنت، وتخيّل كم من الوقت تظل في قمة تركيزك.

الحلول التصميمية

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

يختار عميل متجر بي آند كيو الإلكتروني B&Q online DIY store، ما بين تسجيل الدخول أو إنشاء حساب باستخدام حقول الإدخال القابلة للتعديل، فإذا ألغيت تلك الحقول، فقد يعجز المستخدمون عن إنشاء ملف شخصي. هل يمكنك أن تتخيل مدى صعوبة محاولة تعريف نفسك وتحديد هويتك من خلال ملء خانات تَحقُّق؟

سبب اختيار تصميم نماذج حقول الإدخال

تُعَد حقول الإدخال من العناصر الأساسية لتصميم واجهة المستخدم، وتوفر للمستخدمين وسائل لإدخال ردود غير مُوحدة، كما تُستخدم في مواقف متباينة، لكن معظم الناس قد صادفوها عند إدخال بياناتهم وعناوين التوصيل على منصات التجارة الإلكترونية، أو عند إرسال استفسارات إلكترونية (ارجع للصورة التوضيحية السابقة).

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

إذا كانت لديك مجموعة محددة من الردود المحتملة، فيمكنك أن تستخدم قائمةً منسدلةً أو قائمةً متحركةً، مما يوفر على المستخدمين إمكانية إدخال اختياراتهم يدويًا، فمثلًا تغطي "د." و"السيد" و"السيدة" و"الآنسة" جميع الخيارات المتعلقة بلقب ونوع المستخدم، لكن ماذا لو أراد المستخدم أن يطلق على نفسه لقب "دكتور جامعي" أو "رجل دين"؟ في بعض الأحيان، يسمح المصممون للمستخدمين بإدخال بياناتهم بحرية، ونُتيح لهم أيضًا قائمةً من المدخلات المحتملة، مما يسمح للمستخدمين بإدخال ما يشاؤون من خيارات طالما لا يحتاجون إلى مساعدة، أو البحث في القائمة أولًا إذا فعلوا ذلك. ولحل هذه المشكلة يمكن السماح للمستخدم بالنقر على خيار "أخرى" من القائمة، وإتاحة حقل لكتابة اللقب الذي يريده/تريده.

تستخدم شركة مايكروسوفت Microsoft حقول إدخال قابلةً للتعديل تساعد المستخدم في إيجاد حلول للمشكلات، كما تسمح للمستخدمين بتصفح قائمة الأسئلة المتكررة FAQs التي قد تُجيب عن استفساراتهم، ولسوء الحظ لا ترتبط هاتان الاستراتيجيتان للحصول على إجابات، ولا تَظهران في نفس الموقع، مما يعني أنّ المستخدم قد يتشتت بسبب اضطراره للتنقل بين مجالات تتطلب تركيزًا.

قبل أن نُكمل كلامنا، بينما نُراعي مزيدًا من المعايير لتصميم سلسلة مدروسة جيدًا من حقول الإدخال لتظهر على الشاشة أمام المستخدم، يمكننا الاستشهاد ببعض أقوال العراب الأكبر للحاسوب تشارلز باباج Charles Babbage، عالم الرياضيات والفيلسوف والمخترع ومهندس الميكانيكا البريطاني:

اقتباس

الأخطاء التي تحدث بسبب نقص البيانات أقل بكثير من تلك التي تحدث بسبب انعدام البيانات.

أفضل الممارسات لتطبيق حقول الإدخال

يمكنك تطبيق حقول الإدخال من خلال التالي:

1. أنشئ حقول إدخال متنوعةً حسب حاجة المستخدم، فمثلًا هل يجب على المستخدم إدخال اسمه أو عنوانه أو اسم مؤسسته أو كلمة مفتاحية للبحث أو وصف لشكوى؟
2. حدد المعلومات المُراد إدخالها لكل خانة إدخال على حدة، فمثلًا، هل الإدخال ردًا مفتوحًا على سؤال معقد؟ في هذه الحالة، يجب أن يكون الحقل أكبر من الردود القصيرة المُخصصة لبيانات الاتصال.
3. اختر لونًا لحقل الإدخال يتناسب مع لون شاشة الخلفية، وذلك حتى يظهر حقل الإدخال القابل للتعديل بوضوح، وضع حدًا حول كل حقل إدخال، بحيث يتوافق أيضًا مع اعتبارات اللون العامة ولون الشاشة، وذلك لمساعدة المستخدم على التمييز بين الحقول القابلة للتعديل والأخرى غير القابلة للتعديل من واجهة المستخدم.
4. عيّن تسميات مناسبةً لكل حقل من حقول الإدخال، مثل "اسمك الأول" و"السطر الأول من العنوان" و"الرسالة"، واكتب التسميات مقابل حقول الإدخال، واترك فراغًا صغيرًا بين كل حقل إدخال، وذلك للتأكد من أنّ المستخدم يعرف مُسمى الحقل الذي يجب إدخال البيانات فيه.
5. يمكنك استخدام خط أسود عمودي مرئي بشكل متقطع، وذلك ليحصل المُستخدم على بعض الملاحظات المفيدة عندما ينقر على حقل إدخال معين، وهو نفس المؤشر الذي تراه عند الكتابة على مستندات وورد Word، وبهذه الطريقة سوف تزود المستخدم بالملاحظات فورًا حول آخر حقل أدخل البيانات فيه أو الموضع الذي سيظهر فيه النص عندما يبدأ الكتابة.

حقول الإدخال ومشاكلها المحتملة

هناك ثلاثة اعتبارات رئيسية عند تطبيق حقول الإدخال في واجهة مستخدمك، هي: اللون والحجم والترتيب.

اللون

يجب أن يكون المستخدم قادرًا على تحديد الحقول القابلة للتعديل والأخرى غير القابلة للتعديل أمامه على الشاشة، ومن أجل تحفيز المستخدمين للتعرف بسرعة على حقول الإدخال، نستخدم ألوانًا للحقول القابلة للتعديل تختلف عن ألوان الحقول غير القابلة للتعديل في واجهة المستخدم، ويظهر حقل الإدخال عادةً باللون أبيض، بينما تظهر باقي الصفحة الإلكترونية رماديةً أو بلون آخر مختلف (تمامًا مثل نموذج جهة الاتصال بالموقع الإلكتروني لشركة مايكروسوفت، ونموذج التسجيل في متجر بي آند كيو المُوضح أعلاه)، لكن بعض المصممين يستخدمون ببساطة نفس اللون للشاشة كلها، ولا مشكلة إذا كانت حقول الإدخال محددةً بوضوح بحد داكن وكان لون الشاشة أبيض؛ بينما قد تكون مشكلةً مستعصيةً إذا كانت واجهة المستخدم تظهر بأي لون آخر وكانت حدود الحقول غير واضحة.

يسمح الاختيار المناسب من الألوان بتبادل الألوان قبالة بعضها البعض لتحقيق الوضوح التام وتوجيه عين المستخدم نحو حقل يمثل بؤرة الاستهداف، ويتمثل "التأمين" الجيد في توفير إيماءات، مثل مؤشر وامض وإشارات رمادية.

الحجم

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

وعند إدخال بيانات بطاقة الائتمان، سيعرف المستخدم أنه لم ينته بعد إلا إذا استكمل بيانات كل حقول الإدخال، لكن تذكر أنّ استخدام سلسلة معقدة (مثل نموذج تطبيق) بها العديد من الحقول المتقاربة -وخاصةً الصغيرة منها- مع ضرورة التمرير بالفأرة، قد يُحدِث هفوات ويُضعف تجربة المستخدم عندما يحدد النظام البيانات المفقودة في حقل معين، لا سيما إذا لم تكن قد صممته لنقل المستخدم مباشرةً إلى حقل/حقول المشكلة.

الترتيب

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

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

الخلاصة

تُعَد حقول الإدخال القابلة للتعديل نهجًا فعّالًا يُتيح للمستخدمين حرية التحكم وإدخال بياناتهم خلال إنجاز مهامهم، وعلى الرغم من بساطة ووضوح الشاشة التي تحتوي على عدد قليل من هذه الحقول، فهناك علم (وفن) لتحسين تجربة المستخدم، ويتطلب تطبيق هذه الحقول مراعاة اللون والحجم والترتيب أثناء التصميم، وذلك لتتمكن من إنشاء واجهات سهلة الاستخدام وتجارب جيدة للمستخدمين تضمن زيادة التفاعل مع مؤسستك.

ترجمة -وبتصرّف- للمقال Giving Your Users Freedom with Editable Input Fields.

اقرأ أيضًا

• كيف يساعدك قياس تفاعل المستخدمين على خفض معدلات نفورهم
• تصميم تجربة المستخدم من خلال بيانات وإحصائيات المستخدمين
• المقاييس السبعة الأساسية لقياس تفاعل المستخدمين على الشبكات الاجتماعية

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

معوقات حل المشكلات

تذكُر القائمة التالية بعض العوامل التي تمنع من إيجاد حلول مبتكرة للمشكلات التي تواجهنا، فكلما ازدادت المعوقات أثناء حل المشكلة، صعُب ابتكار الحلول؛ ولذا يجب أن يتركز هدفنا دائمًا صوب استيعاب المعوقات جيدًا والتخلص منها أو تحييدها أثناء البحث عن حلول، ومن هذه المعوقات:

• أفراد الفريق.
• الغرور.
• المعرفة.
• الإدراك.
• العقليات (طرق التفكير).
• المعتقدات.
• ردود الفعل المتهورة.
• التفكير الجمعي.
• التعليم.
• اللغة.
• المهارات.
• متلازمة المطرقة.
• بناء الفريق.
• تحديد الصلاحيات.
• القيود التنظيمية وتحديد الصلاحيات.
• الثقافة.
• الموقع.
• بيئة العمل.
• الأحوال الاقتصادية.
• الأحوال السياسية.
• الترندات/النزعات الرائجة.
• التكنولوجيا.
• الاستدامة.
• القانون.
• الوقت.
• المال.

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

ردود الفعل المتهورة

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

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

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

يمكنك التعاون مع فريقك لحل مشكلة معقدة ومستعصية من خلال كبح جماح ردود الفعل المتهورة، ومن خلال تفحص أسباب المشكلة والفهم الشامل لها قبل البدء في إيجاد الحلول الممكنة لها.

الغرور عقبة شاقة

قد نؤذي أنفسنا أحيانًا إيذاءً لا يقدر عليه ألدّ أعدائنا خلال العمل الجماعي لحل المشكلات، فمن المُرجح أن نكون عرضةً للمشاكل إذا كنا لا نفكر إلا في أنفسنا، وفي التباهي والغرور وفي تأكيد تميزنا عن أقراننا. وبالتأكيد لن تقتصر العواقب على نشوب الصراعات بين أعضاء الفريق فحسب، بل سوف نحرص على التمسك بأفكارنا وعدم التنازل عنها حتى بعدما تؤكد التجارب أنها لا تنفع المستخدمين المستهدَفين.

يقتضي التعاون مع الآخرين لحل المشكلات وجود رغبة صادقة في تحقيق الأهداف المشتركة، والتحلي بالتواضع ومهارات التواصل الفعّال، لكن قد يحرص أحد أفراد الفريق على تأكيد تفوقه على أقرانه، واستعراض نفوذه أو خبراته أو ابتكاراته وإثبات صحة وجهة نظره، عندها تتلاشى فعالية الفريق، وقد لا تكون الحلول أو الأفكار التي يفرضها هذا الشخص هي الخيار الأنسب، ولا شك أنّ غرور أحد أعضاء الفريق سيُضعِف فعالية الفريق.

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

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

التفكير الجمعي

اتفاقنا جميعًا على شيء لا يعني بالضرورة أنه حق.

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

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

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

متلازمة المطرقة

يقول المثل:

اقتباس

ينظر الرجل الحامل للمطرقة لأي مشكلة وكأنها مسمار.

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

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

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

سوء تشخيص المشكلات

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

الخلاصة

من الضروري قبل أن نبدأ في مشروع التفكير التصميمي، أن نتعرف على المعوقات المختلفة التي يمكن أن تمنعنا من إيجاد حلول مناسبة، وعلى المخاطر المحتمَلة التي يجب على فرق العمل تعلم كيفية تفاديها، ومنها أننا نميل إلى ردود الفعل المتهورة لمحاولة حل المشكلات بأقصى سرعة، فضلًا عن آفات الغرور والتفكير الجمعي، ويُعَد الفهم الشمولي للمشكلات التي تواجه المستخدمين المستهدفين عنصرًا أساسيًا في التفكير التصميمي، كما يُعتمد عليه عادةً لحل المشكلات المعقدة والمستعصية عندما تتعارض مجالات وحقول متعددة.

ترجمة -وبتصرّف- للمقال Obstacles to Problem Solving and Innovation in Design Thinking لصاحبيه Rikke Friis Dam وTeo Yu Siang.

اقرأ أيضًا

• المراحل الخمس لعملية التفكير التصميمي
• استخدام التفكير التصميمي لتخطي مشاكل رائد الأعمال
• ما هو التفكير التصميمي وكيف سيحسن من قدرتك على حل المشكلات؟
• المرحلة الرابعة في عملية التفكير التصميمي: مرحلة بناء النماذج الأولية

في حين أنك تريد عادةً تقليل الاحتكاك في تجربة المستخدم، إلا أنّ إضافته قد تُحسن تجربة المستخدم وتُخرج تصميمًا جيدًا في كثير من الأحيان. يعرّف الباحثون في كلية لندن الجامعية الاحتكاك الإيجابي بأنه احتكاك "إمكانية تعطيل التفاعل التلقائي العشوائي، مما يزيد لحظات التفكير والتفاعل بوعي أفضل". قد يبدو هذا التعريف صعبًا، لكن لا داعي للقلق، إذ سنوضح الأمر فيما يلي.

تعريف الاحتكاك

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

الاحتكاك الإيجابي

يُقصد بالاحتكاك الإيجابي، إدراج خطوات إضافية تُعزز استفادة المستخدم، إذ ينبه الاحتكاك الإيجابي المستخدم حينما يُصدر أمرًا مهمًا أثناء التفاعل -وهو في وضع اللاوعي-، ويُبين عواقبه المحتملة؛ والغاية من ذلك التنبيه هي الحيلولة دون ارتكاب المستخدمين للأخطاء، والسماح لهم بالتحكم مجددًا ومنحهم فرصةً للتعلم أو لتغيير السلوكيات، وإليك أمثلةً على الاحتكاك الإيجابي:

تأكيد الأوامر المهمة أو التحقق منها

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

تستعرض الصورة تنبيهًا منبثقًا من البريد الإلكتروني جيميل Gmail يطلب من المستخدم تأكيد ما إذا كان يرغب في إرسال الرسالة دون أي مرفقات. كم مرة أرسلت رسالة بريد إلكتروني ثم أدركت أنك نسيت إرفاق المستند المطلوب؟ يساعدك الاحتكاك الإيجابي في جوجل Google ويوفر عليك إرسال رسالة أخرى محرجة للاعتذار بسبب نسيان إرفاق الملف.

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

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

يكفي أن تعرف أنّ الاحتكاك الإيجابي يحميك من ألم الصداع عندما تريد استرداد مدفوعاتك الزائدة أو استرجاع ما اشتريته بالخطأ. لذا تهدف العديد من منصات التجارة الإلكترونية إلى التخلص من "الاحتكاك" قدر الإمكان، مع الحفاظ على "الاحتكاك الإيجابي"، وتُظهر منصة شوبيفاي Shopify صفحة مراجعة واحدةً بها حقول منسدلة لإدخال التفاصيل وبها موجز الطلب، ويظهر زر "ادفع الآن" في أسفل الصفحة المتجاوبة مع الهاتف المحمول، وذلك بدلًا من إرباك المستخدمين بالنقر على صفحات متعددة.

أغراض الصحة والرفاهية والتغييرات السلوكية

يستطيع المصممون تطبيق الاحتكاك الإيجابي للحفاظ على صحة المستخدمين ورفاهيتهم وتحفيزهم على التغييرات السلوكية. في عام 2017، وضع بنك مونزو Monzo -وهو بنك جديد في المملكة المتحدة- خططًا لتطبيق خاصية الحد من التبذير، لا سيما في وقت متأخر من الليل، ويتبع هذا المبدأ الدراسة التي أجراها معهد سياسات المال والصحة العقلية، والتي خلُصت إلى أنّ العديد من المستخدمين الذين يعانون من اضطراب ثنائي القطب يميلون إلى التبذير أثناء تعرضهم لحالة من الهوس خلال الليل.

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

بمجرد فتح التطبيق، تطلب خاصية بنك مونزو Monzo من المستخدم مراجعة ما اشتراه في وقت متأخر من الليل، وتُتيح له خيار إلغاء المعاملات في صباح اليوم التالي كلما أمكن. وعلى الرغم من أنّ بنك مونزو Monzo لم يطبق تلك الخاصية مطلقًا، إلا أن خطوات التأكيد الإضافية كانت تحمي المستخدمين؛ إما بطريقة سهلة هي إيقاف عمليات الشراء غير الضرورية، أو برسالة تذكيرية تجدي نفعًا عند طلب استرداد الأموال عاجلًا وليس آجلًا.

ومن المُحتمل أن يساعد الاحتكاك الإيجابي في الحفاظ على التوازن بين العمل والحياة، خصوصًا مع الانتشار المتزايد للعمل من المنزل، ونظرًا لوجود حواسيب العمل في المنزل وحرص معظم الأشخاص على المصادقة بين بريدهم المهني وتطبيقات المراسلة في هواتفهم الشخصية، أصبح "تنبيه" إشعارات العمل كافيًا لتشتيت الأشخاص عن استغلال وقتهم، وذلك حتى لو تجاهلوها، إذ تظل أذهانهم مشتَّتةً ولو للحظة! بينما يمكن أن يتسبب تعطيل الإشعارات إلى التوتر والتساؤل: ماذا لو احتاج إليك شخص يتعرض لظرف طارئ؟

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

تُظهر واجهة سلاك Slack رسالةً من Slackbot تسأل المستخدم عما إذا كان يرغب في إرسال الإشعار على الرغم من أنّ المستلم قد عطل وصولها إليه.

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

رسم بياني يوضح ارتفاع استهلاك البالغين للسجائر حتى عقد الثمانينيات

وعلى نفس المنوال، نجحت شركة جوجل في تشجيع موظفيها على تناول وجبات صحية من مطبخ الشركة بعدما "أخفت" الحلوى في عبوات غير شفافة، ووضعت الفاكهة في عبوات زجاجية، كما يوضح كتاب قواعد العمل Work Rules للكاتب لازلو بوك Laszlo Bock.

تعزيز أمان الحسابات

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

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

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

تقليل وقت الانتظار

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

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

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

إتاحة فرص تعليمية

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

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

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

موازنة مناطق الاحتكاك الرمادية بالاحتكاك الإيجابي

في عام 2018، كتب كاس سونستاين Cass Sunstein -وهو أحد واضعي المفهوم الشائع الوكزة nudge في علم الاقتصاد السلوكي- مقالًا عن كدارة الإجراءات sludge التوأم الشرير للوكزة nudge، وفي معظم الأحيان، يُستخدم مصطلح كدارة الإجراءات sludge لوصف الاحتكاك.

بدأ سونستاين مقاله بما فرضته الحكومة الأمريكية 9.78 مليار ساعة من الأعمال المكتبية في عام 2015 للحصول على تراخيص ومزايا مهمة، وقد زعم سونستاين أنّ معظم المواطنين لن يستكملوا الأعمال المكتبية بسبب التحيزات السلوكية للبشر، وبالتالي لن يحصلوا على منتجات وخدمات قد تُغير حياتهم.

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

في هذه الحالة، يمكن المفاضلة بين زيادة المنتجات والخدمات المحتمَل الحصول عليها، وبين إضافة ما يكفي من الاحتكاك لمنع أي شخص غير مستحِق يقدم طلب الحصول عليها، لذا يستحسن التضحية بتجربة مستخدم جيدة تحقيقًا للمصلحة العامة، وهذا الحل ليس مثاليًا على الإطلاق، لأن ذوي الحاجة الماسة إليها يجب أن يواجهوا تحدي استيفاء الأعمال المكتبية، إلا أنه يظل حلًا مؤقتًا لحين سنّ تشريع أفضل يضمن حصول المستحقين على المزايا (تحدٍّ تصميمي في حد ذاته).

الخلاصة

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

إذا كنت تخطط لدمج الاحتكاك في تصميمك، فعليك تأمل الأسئلة التالية:

هل الاحتكاك:

1. يمنع الأخطاء التي قد يرتكبها المستخدم عند عدم دمجه؟
2. يحدث تغييرات سلوكيةً إيجابيةً؟
3. يحمي حساب المستخدم أو بياناته؟
4. يجعل المستخدم يشعر وكأن أوقات الانتظار تنقضي أسرع؟
5. يُتيح للمستخدم فرصةً للتعلم؟

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

ترجمة -وبتصرّف- للمقال Positive Friction: How You Can Use It to Create Better Experiences لصاحبه Sandro Spano.

اقرأ أيضًا

• مدخل إلى تجربة المستخدم User Experience
• كيفية تحسين إعدادات تطبيق بناء على تجربة المستخدم
• كيفية استخدام اختبارات تجربة المستخدم لتحسين قيمة استمرار التعامل مع العميل CLV

هل شعرت ذات يوم بالإرهاق عند إنجاز مهمة مثل تسجيل حساب أو إتمام عملية شراء عبر الإنترنت؟ هل تشعر بالحيرة عند عدم وضوح الخطوات التي يجب اتخاذها؟ تقريبًا كل موقع وتطبيق يدعم المهام ذات المراحل المتعددة المختلفة للتنقل بينها. ويساعدك نظام التشغيل على إنجاز مهامك دون جهد يُذكر، وذلك انطلاقًا من ضبط تفضيلات نظام تشغيل هاتفك MAC OS X، إلى تسجيل حساب إلكتروني. تعلّم كيفية استخدام التمكين المتجاوب لتحسين تجربة مستخدم تصاميمك.

المشكلات التصميمية

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

يمكنك تحسين نموذج التسجيل في منصة لينكدإن LinkedIn باستخدام نموذج تصميم التمكين المتجاوب. وفي هذه الحالة، لن يحتاج الطالب إلى تمكين حقلي إدخال اسم الشركة والمسمى الوظيفي.

الحلول التصميمية

تُسمى عملية تمكين المستخدمين تدريجيًا من التفاعل مع بعض عناصر واجهة المستخدم حينما يحتاجونها "التمكين المتجاوب". في البداية، تظهر للمستخدم جميع المعلومات وعناصر واجهة المستخدم مثل مربعات وأزرار الاختيار وحقول الإدخال في لوحة أو نافذة أو صفحة واحدة، ولكن ستتنشط العناصر الضرورية للمكون الفرعي الأول من المهمة فقط (أي يكون نشطًا أو "قابلًا للتفاعل"). وحسب اختيار المستخدم، ستتنشط المزيد من الخيارات، ويلغى تنشيط الخيارات الأخرى التي لا داعي لها (مع استمرار ظهورها).

وعند إدراج صورة في برنامج مايكروسوفت وورد Microsoft Word، يسمح التمكين المتجاوب للمستخدم فقط باختيار ملفات الصور افتراضيًا. وبهذا الأسلوب، لا يتعرض النظام لحدوث أي أخطاء. ومع ذلك، يمكن أن يُظهر النظام أنواع المستندات الأخرى لضمان تمتع المستخدمين بالمرونة الكاملة. وعلى أقل تقدير، سيضمن للمستخدمين عدم فقدان أيّ من ملفاتهم فجأةً وبدون أي سبب.

لماذا تختار نموذج تصميم التمكين المتجاوب؟

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

يمنع التمكين المتجاوب أيضًا الأخطاء عبر تقييد التحديدات المتاحة خلال المراحل المختلفة للمهمة. في البداية، قد لا يدرك المستخدم أن بعض العناصر الفرعية لا تخدم ما يقصده، مما يؤدي في أحسن الأحوال إلى إضاعة الوقت والتشتت لتصفية هذه الخيارات، بينما يؤدي في أسوأ الأحوال إلى اختيارات خاطئة. لذلك يمكنك من خلال تمكين الخيارات المرتبطة بكل مرحلة من مراحل المهمة وتعطيل كل المراحل الأخرى، تقليل احتمال حدوث خطأ وعدد الخيارات التي يجب على المستخدم مراعاتها، وهذه هي الفائدة المزدوجة لاستخدام التمكين المتجاوب. لقد أكّدَت على هذه الفائدة السيدة جنيفر تيدويل Jennifer Tidwell، مصممة واجهات التفاعل ومؤلفة كتاب (تصميم واجهات المستخدم: نماذج تصميمية تفاعلية فعّالة) قائلةً:

اقتباس

"…لا يمكن أن يفعل المستخدم الأشياء التي قد تورطه، لأن واجهة المستخدم قد أغلقت تلك الإجراءات بتعطيلها. وهكذا يتم تجنب رسائل الخطأ التي لا داعي لها." -جنيفر تيدويل

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

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

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

أفضل الممارسات: كيفية استخدام التمكين المتجاوب

1. ترتيب المعلومات المختلفة وعناصر واجهة المستخدم الضرورية لإكمال مهمة في لوحة أو نافذة أو صفحة واحدة.
2. تحديد العناصر الضرورية لكل مكون من عناصر المهمة أو كل مهمة فرعية. ضع عناصر واجهة المستخدم والمعلومات المتعلقة بمرحلة معينة في مهام قريبة من بعضها البعض.
3. ربط العناصر، بحيث تؤدي التحديدات إلى تنشيط عناصر واجهة المستخدم والمعلومات ذات الصلة وتعطيل العناصر والمعلومات التي لا داعي لها.
4. تمييز العناصر الممكنة عن الخيارات المعطلة باستخدام الألوان. عند تسجيل المستخدم، يجب أن تكون العناصر والمعلومات المطلوبة لإكمال المرحلة الأولى نشطة، في حين يجب تعطيل جميع العناصر الأخرى. وإذا اجتمع عدد من المراحل الأولى المحتملة مثل اختيار أحد خيارات "التنسيق" أو إدخال "أوراق أنماط المستخدم" المخصصة في المثال السابق، فيُسمح للمستخدم بتحديد أي من هذه الخيارات لحظة ظهورها. مرةً أخرى، بمجرد التحديد ستُعطّل العناصر المكررة.
5. السماح للمستخدم بإعادة تنشيط العناصر المعطلة من خلال تحديد عنصر واجهة مستخدم آخر. على سبيل المثال، عندما يختار المستخدم إدخال "أوراق أنماط المستخدم" المخصصة في نافذة "قابلية الوصول" الموضحة سلفًا، يمكنه العودة إلى خيارات "التنسيق" الأخرى بالنقر فوق إحدى مربعات الاختيار المرتبة عموديًا.
6. التأكد من التدفق الطبيعي للعناصر النشطة وغير النشطة حرصًا على إدخال المستخدم إلى المهمة (المهام) في أسرع وقت ممكن وبكفاءة، ويُعَد اختبار المستخدم وسيلةً ناجعةً للتحقق من ذلك.

ومن أجل مساعدتك على البدء في تطبيق التمكين المتجاوب، يمكنك تنزيل وطباعة قالب "التمكين المتجاوب":

التمكين المتجاوب ومشاكله المحتملة

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

عند تعطيل الخيارات دون توضيح السبب، ستنشأ مشكلة قابلية الاستخدام المعروفة باسم "عناصر القائمة الباهتة دون سبب" (كما صاغها المصمم بروس توغنازيني Bruce Tognazzini). وفي إطار تجنب هذه المشكلة، يجب أن تطرأ التغييرات على العناصر النشطة والمعطلة فور تحديد المستخدم لخيار بعينه. على سبيل المثال، عندما ينقر المستخدم على خيار "تنسيق المستندات باستخدام أوراق أنماطي" من النافذة الموضحة في الأعلى، سيستوجب تنشيط حقل الإدخال أسفله مباشرةً. وإذا فُصل بين خانة الاختيار وحقل الإدخال المقابل لها أو غُيِّر موضعهما على النافذة، فقد يتساءل المستخدمون عن سبب تعطيل هذا الأخير عندما يصلون إليه. ومن أجل التنويه عن مشكلة "عناصر القائمة الباهتة دون سبب"، يمكنك تضمين ملاحظة في تعليمات النظام ومستنداته لتُخبر المستخدم عن سبب تعطيل عناصر التحكم. ومع ذلك، يمكنك استخدام أسلوب مباشر وفوري من خلال تقارب العناصر في واجهة المستخدم، وذلك لأنه كلما اقتربت العناصر من بعضها البعض، زادت احتمالية أن يراها المستخدم مجتمعةً. ويمكنك الاستفادة من هذه الظاهرة الإدراكية الغشتالتية الشاملة لمساعدة المستخدم على تحديد سبب تمكين بعض عناصر التحكم وتعطيل غيرها.

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

الخلاصة

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

يجب أن تتوخى الحذر عند تحديد الخيارات المتاحة في كل مرحلة من مراحل المهمة، لأنك قد جرّدت المستخدم من أدوات التحكم. ويجب أن يكون المستخدم قادرًا على فهم سبب تمكين عنصر ما أو تعطيله، ويؤدي عدم استيعابه لذلك إلى تصور "عناصر القائمة الباهتة فجأةً دون سبب"، وبالتأكيد التأثير سلبًا على تجربة المستخدم.

ترجمة -وبتصرّف- للمقال How to Use Responsive Enabling to Simplify Tasks.

اقرأ أيضًا

• كيفية تحسين إعدادات تطبيق بناء على تجربة المستخدم
• كيفية إجراء بحث في تجربة المستخدم لتحسين مشاريعك
• تحليل تجربة المستخدم ونصائح لتحويل الزوار إلى عملاء
• كيف تطوّر تجربة تسجيل دخول المستخدم
• تصميم واجهة المستخدم مبادئ يجب تعلمها من أخطاء مؤلمة

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

المشكلات التصميمية

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

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

الحلول التصميمية

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

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

لماذا تختار نموذج تصميم تسمية أقسام الصفحات؟

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

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

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

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

أفضل الممارسات: كيفية تسمية أقسام الصفحات

1. تقسيم المحتوى إلى أقسام منطقية وذات مغزى.
2. تعيين عناوين قصيرة إلى هذه الأقسام من المعلومات، وجرت العادة الإكتفاء بكلمتين للفئات التي تستخدمها في شريط التنقل العلوي. وبالنسبة للعناوين الأخرى، يمكنك استخدام كلمات أكثر، ولكن ليس أكثر من جملة موجزة.
3. الآن اختيار السمات السطحية للتصميم، مثل الخط وحجمه واللون والعرض. اختبر هذه السمات السطحية مع باقي عناصر الشاشة. على سبيل المثال، يجب التأكد من أنّ لون العنوان لا يتعارض مع لون الخلفية ومن قدرة أولئك الذين لديهم أي درجة من عمى الألوان على تمييزها.
4. تأكد من كتابة العناوين قرب محتوياتها أثناء استخدام المساحة البيضاء للفصل بين الأقسام المختلفة.
5. في بعض الأحيان، يستخدم المصممون الحدود مع العناوين لتقسيم المحتوى، ولكنها ليست ضروريةً دائمًا، فقد تلفت انتباه المستخدم دون داعٍ. ومع ذلك، يمكن أن تؤكِّد الحدود الباهتة (مثل الرمادي الفاتح) للمستخدم شعوره بأنّ تلك المعلومات مختلفة عن باقي المحتوى، لذلك قد يكون هذا مفيدًا عندما لا تريد من المستخدمين الذين يشاهدون بعض المعلومات أن يعتقدوا أنها متعلقة ببعضها بأي شكل من الأشكال.

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

ومن أجل مساعدتك في البدء بتسمية أقسام الصفحات، يمكنك تنزيل وطباعة قالب "الأقسام المعنونة":

تسمية أقسام الصفحات ومشاكلها المحتملة

اقتباس

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

• باميلا ويلسون Pamela Wilson، مؤلفة كتاب "اتقن تسويق المحتوى: استراتيجية بسيطة لعلاج كآبة الصفحة الفارغة وجذب جمهور مربح"

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

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

الخلاصة

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

ترجمة -وبتصرّف- للمقال Help Users Skim Contents with Titled Sections.

اقرأ أيضًا

• فهم ودراسة المستخدمين في مجال تجربة المستخدم
• تصميم واجهة المستخدم مبادئ يجب تعلمها من أخطاء مؤلمة
• مدخل إلى تجربة المستخدم (User Experience - UX)

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

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

يجب مراعاة مزايا هذه الأجهزة، فهي أكثر خصوصيةً من أجهزة سطح المكتب، ويمكن تشغيلها دائمًا (حسب شحن البطارية)، كما يمكنك من خلالها التحدث مباشرةً إلى المستخدم وفيها أجهزة استشعار الحركة ونظام التموضع العالمي GPS وأجهزة قياس التسارع، وغير ذلك أيضًا. إذًا كيف يمكننا تطبيق التصميم المتجاوب مع الأجهزة المحمولة؟ هيا بنا نستعرض لمحةً عامةً.

التركيز على الأجهزة المحمولة

يُعَد حجم شاشة الأجهزة المحمولة محدودَا، مما يعني تصغير حجم التصميم أكثر، لذا يجب عليك تصميم الميزات في أدنى حجم ممكن، ويجب عليك التركيز على المهام الرئيسية التي يريد المستخدم تنفيذها، كما يجب عليك التعامل مع منصات أخرى لممارسة العمل عبر الأجهزة المحمولة.

إضافة قيمة

في العصر الراهن، يُطلق الجميع تطبيقات للأجهزة المحمولة. وإذا لم تتمكن من تمييز تطبيقك بميزات فريدة لا يوفرها أي منافس، فسوف تدفن تطبيقاتك في حفرة مظلمة عند متاجر التطبيقات.

ميزات التشغيل الشخصية

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

مراعاة سياق الاستخدام

متى سيتمكن المستخدمون من الوصول إلى ميزات التشغيل في تصميمك؟ هل عند شعورهم بالملل؟ أو هل خلال انشغالهم؟ هل عندما يشعرون بالضياع؟ اجعل ميزات التشغيل تناسب حال المستخدمين، وكن دائمًا على تواصل معهم.

ميزات التشغيل المناسبة للأجهزة

يجب أن تعتمد عند تصميم ميزات التشغيل على أنماط تسمح بتجربتها على كل الأجهزة المحمولة بطريقة متجاوبة ومتسقة، وذلك من خلال الآتي:

• إبقاء المستخدم في الصورة: قد تستغرق معالجة البيانات بعض الوقت، ولكن يجب أن تُعلم المستخدم فور تلقى بياناته وتُخبره بالمدة التي سينتظرها.
• الانتباه إلى التفاصيل: ينبغي أن تُتيح التطبيقات تجارب استخدام سَلِسةً تُمكن المستخدمين من تنفيذ المهام بكفاءة، كما ينبغي أن يشعر المستخدمون ويعلموا أنها جيدة للاستخدام.
• مشاهدة الواجهة: مستخدمو الهواتف الذكية عبارة عن أصبعي إبهام حرفيًا، يلمسا الشاشة. فهل يمكن إكمال مهامك بسهولة بإبهامي شخص ما؟ لا؟ أعد التفكير فيها إذًا.
• حفظ الإعدادات التلقائية: تتعلق هذه الإعدادات بأصبعي الإبهام، حيث الحفاظ على الحد الأدنى من الأزرار وعلامات التبويب والحقول وما إلى ذلك، إلى جانب الحفاظ على سهولة المحتوى لقابلية الوصول والتنقل.
• الحفاظ على اتساق أدوات التحكم وترتيبها أسفل الصفحة: هذا يتيح للمستخدم التركيز على المحتوى ومعالجته كما تقتضي حاجته.
• مطالبة المستخدم بإدخال البيانات اللازمة فقط: انتبه إلى ما إذا كان التصحيح التلقائي يساعد في إنجاز المهام على جهازك أو يعيقها. تأكد من مساعدة المستخدم في اختيار لوحة المفاتيح المناسبة لإنجاز المهمة. لا تنسى دعم اتجاه أفقي خصوصًا إذا كنت تريد كتابة مزيدًا من النصوص. فكر في إتاحة قفل اتجاه لتسهيل الاستخدام.

الاهتمام بشريط التنقل

تعتمد الكثير من الأمور على مدى تعقيد مهمتك، ولكن تطبيق شريط التنقل على الهاتف يمكن أن يندرج في هذه الفئات:

• لا شيء مطلقًا: إذا كنت تقوم بإصدار تطبيق الطقس للحي الذي تعيش فيه، فاستعمل شاشةً واحدةً (وينبغي) لإتاحة المهمة كاملة للمستخدم.
• علامات تبويب بسيطة: عندما تحتاج إلى تقسيم محتوى متناسق إلى عدة حقول مثل تويتر.
• قوائم منسدلة: عندما تحتاج إلى تقديم مستويات أعلى من التعقيد. اجمع المحتوى وسَهِل التنقل عبر التسلسل الهرمي. (مثل قائمة إعدادات هاتفك الذكي).

تمكين لغة الإشارة

إذا كنت تريد تمكين التحكم باستخدام الإيماءات (وهذا سبب يُظهر رغبة مستخدميك في إتمام مهامهم)، فيجب عليك مراعاة الآتي:

• قابلية الاكتشاف: كيف سيعرف المستخدم أن بإمكانه استخدام الإيماءات لإنجاز مهامه؟
• إيماءات بكلتا اليدين: يمكن أن تكون مفيدةً، ولكن يمكن أن تكون عائقًا. فإذا أمسكت كوب القهوة بيد؛ فكيف سيكمل المستخدم مهمته من خلال التحكم بيد واحدة فقط؟

استمرار التواصل

يجب إبقاء المستخدم على دراية أثناء إنجاز مهامه. ويجب عليك:

• اعتماد أسلوب لتقديم الملاحظات: بدايةً من اللمس (اعتمد خاصية الاهتزاز)، إلى المؤثرات البصرية (مؤشرات مستوى التقدم)، ويجب عليك إبقاء المستخدمين على بيّنة حول ما إذا كانت الأمور تسير على ما يرام خلال إنجاز مهامهم.
• اطلب تأكيدًا عند الضرورة: مربعات الحوار المشروطة مزعجة، ولكن الاستثناء هنا، هو أنك تريد حماية المستخدم. إذا كنت تسأل عما إذا كان شخص ما يريد حذف صورة على سبيل المثال، فيمكنك أن تسأل عما إذا كان متأكدًا قبل تنفيذ الأمر.

حفظ التعديلات على المهمة

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

مراعاة رسوم الجرافيك

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

مراعاة سلاسة الاستخدام الأول

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

الخلاصة

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

ترجمة -وبتصرف- للمقال Functionality and Mobile Design – Don’t Shrink the Screen, Focus on the Tasks لصاحبه.

اقرأ أيضًا

• مقدمة في تصميم الويب المتجاوب: العناصر الزائفة واستعلامات الوسائط وغيرها
• كيفية التصميم للأجهزة المختلفة
• أفضل أطر تصميم المواد لتصميم تطبيقات الويب الحديثة الخاصة بواجهات المستخدم وتجربة المستخدم
• التصميم للهواتف: التصميم البصري
• تصميم النماذج الأولية للواجهات الرسومية: نصائح للتصاميم المتجاوبة والموجهة للأجهزة المحمولة

أصبح العمل في مجال تصميم تجربة المستخدم في الآونة الأخيرة مطلوبًا وشائعًا جدًا بين أوساط الشركات التقنية، فقد تطور الدور الوظيفي لمصممي تجربة المستخدم لتتفرع منه العديد من الأدوار الأخرى، وهذا بمسميات قد تجعلك تخطئ في التفريق بينها، فقد تعرف ماذا يعني أن تكون مصمم تجربة المستخدم UX Designer، ولكن ماذا عن المصمم المرئي Visual designer أو مصمم المنتج Product designer أو ينيكورن تجربة المستخدم UX unicorn؟

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

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

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

الأدوار الوظيفية لمجال تجربة المستخدم

لقد لخصت كيت كونريك، المصممة التي تعمل لحساب الحكومة الأسترالية بكلماتها البسيطة، الالتباس الذي يحيط بالأدوار الوظيفية لتجربة المستخدم بشيء من روح الدعابة الساحرة:

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

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

سنبدأ بالأدوار الستة الأكثر شيوعًا في مجال تجربة المستخدم:

1. مصمم تجربة المستخدم UX Designer.
2. مصمم منتج Product designer.
3. مصمم بصري Visual designer.
4. باحث في مجال تجربة المستخدم UX researcher.
5. محلل استراتيجيات المحتوى Content strategist.
6. يونيكورن تجربة المستخدم UX unicorn.

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

تخدم جميع هذه الأدوار الوظيفية عملية التصميم

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

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

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

تتضمن عملية التصميم خمس مراحل تغذي الواحدة منها الأخرى التي تليها، وهي كما يلي:

• مرحلة التعاطف: وفيها تتعرف على المستخدمين لديك.
• مرحلة تحديد المشكلة: تحدد المشكلات واحتياجات المستخدم.
• مرحلة التفكير: وهي مرحلة توليد أفكار التصميم بهدف حل المشكلات.
• مرحلة بناء النموذج الأولي: وفيها تبني نماذج بالحجم الطبيعي، حتى تصل إلى المنتج النهائي.
• مرحلة الاختبار: وهي المرحلة التي تختبر فيها تصميماتك مع المستخدمين من أجل تحسينها.

سنلقي نظرةً سريعةً على بعض المهام الرئيسية التي تنفذ في كل مرحلة:

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

لماذا سنشرح الاختلافات بين أدوار تجربة المستخدم بهذه الطريقة؟ حسنًا، لأنه من المهم رؤية الأمور بشمولية أوسع، فعندما يقع نظرك على عنوان وظيفي جديد، ستتمكن من فهمه في سياق عملية التصميم.

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

لنبدأ إذًا بالتعرف على هذه الأدوار الوظيفية الأكثر شيوعًا في مجال تجربة المستخدم:

1. مصمم تجربة المستخدم

وهو مصمم عمومي يعرف القليل عن كل شيء في عملية التصميم بأكملها، وبصفتك مصمم تجربة مستخدم، يجب أن تفهم احتياجات المستخدمين لديك وتولد أفكارًا تحل مشكلاتهم وتصمم النماذج الأولية وتختبرها مع المستخدمين. بمعنى آخر، يشارك مصمم تجربة المستخدم في جميع مراحل عملية التفكير التصميمي.

يعمل مصمم تجربة المستخدم في الشركات الكبيرة عادةً مع مصممين آخرين مثل باحثي تجربة المستخدم والمصممين المرئيين، أما في الشركات الأصغر مثل الشركات الناشئة، فيميل مصممو تجربة المستخدم إلى العمل على جميع أعمال التصميم.

ما هي المسميات الأخرى التي تطلق على مصممي تجربة المستخدم

• أشهرها هو باللغة الإنكليزية UI/UX Designer، إذ يشير الحرفان UI إلى User Interface أي واجهة المستخدم؛ أما الحرفان UX، فيشيران إلى User Experience أي تجربة المستخدم.
• مصمم التفاعل Interaction Designers.
• مصمم التجربة Experience Designer.

ما هي مهام مصممي تجربة المستخدم

يتولى مصممو تجربة المستخدم مسؤولية إنجاز جميع أنواع أنشطة تجربة المستخدم، وهي كما يلي:

• إجراء أبحاث عن المستخدم من خلال إجراء مقابلات ومراقبة سلوك المستخدم والعديد من طرق البحث الأخرى.
• تحليل وتحديد نقاط الألم (المشكلات) من وجهة نظر المستخدمين، وبناءً على أبحاث المستخدم التي أجريتها.
• توليد الأفكار عبر تقنيات التفكير مثل أسلوب العصف الذهني وأسلوب أسوأ فكرة ممكنة لحل احتياجات المستخدمين بطريقة تزيد من قيمة الشركة.
• اختيار الفكرة (الأفكار) الواعدة على أساس جدواها ومدى فعاليتها وقابليتها للتطبيق، والعديد من المعايير الأخرى.
• تصميم النماذج الأولية، والتي يمكن أن تتراوح من الرسومات التخطيطية البسيطة على الورق إلى النماذج الرقمية عالية الدقة والتفاعلية.
• تقديم النقد والتماسه تجاه تصاميمك وكذلك تصميمات زملائك في الفريق.
• إجراء اختبارات سهولة الاستخدام Usability Test واختبارات المستخدم لتحديد ما إذا كان يمكن تحسين التصميم.
• تقديم تصاميم جديدة إلى العالم، والتي من شأنها أن تعود بالفائدة على شركتك والمستخدمين على حد سواء.

ما هي المخرجات التي يقدمها مصممو تجربة المستخدم

قد تختلف هذه المخرجات من شركة لأخرى، أو حتى ضمن فرق من داخل الشركة نفسها، إلا أن أكثرها شيوعًا هي:

• تقارير أبحاث المستخدم.
• شخصيات المستخدم.
• خرائط رحلة المستخدم.
• عبارات "كيف يمكننا؟"، أي كيف يمكننا حل المشكلة التي يهدف تصميمك إلى حلها.
• نماذج أولية على ورق.
• الإطارات السلكية Wireframes (وهي مخططات أولية ترسم لتحاكي المنتج النهائي).
• بناء نماذج عالية الدقة.
• تقارير سهولة الاستخدام.
• تقارير التقييم Heuristic evaluation (وهي تقارير عن نتائج الاختبارات التي تجرى على البرامج الحاسوبية لمعرفة مدى جودة تجربة المستخدم التي تقدمها).
• تقارير اختبارات المستخدم.
• مكتبات أنماط التصميم أو دليل الأنماط أو أنظمة التصميم.

ستعجبك وظيفة مصمم تجربة المستخدم إذا كنت:

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

2. مصمم المنتج

يُعَد الدور الوظيفي لمصمم المنتج جديدًا نسبيًا، ويتداخل في نواحٍ كثيرة مع دور مصممي تجربة المستخدم، ومع ذلك فهناك فارق رئيسي يتمثل في أنه -كما يوحي اسمه- يولي اهتمامًا خاصًا بالمنتج، إلى جانب اهتمامه بتصميم تجربة المستخدم بالطبع.

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

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

المسميات الأخرى التي تطلق على مصممي المنتج

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

ما هي مهام مصممي المنتج

تشمل مهام مصممي المنتج جميع مهام مصممي تجربة المستخدم التي ذكرناها أعلاه بالإضافة إلى:

• تقديم ووضع خارطة طريق للمنتج تمتد من 6 إلى 12 شهرًا في المستقبل.
• التعاون على نحو وثيق مع فرق التطوير والتسويق لضمان تنفيذ التصاميم بنجاح.

ما هي المخرجات التي يقدمها مصممو المنتج

تشمل مخرجات مصممي المنتج جميع مخرجات مصممي تجربة المستخدم التي ذكرناها أعلاه بالإضافة إلى:

• تقديم خرائط طريق للمنتج (والتي من المحتمل أن يشتركوا في تطويرها مع المستفيدين الآخرين مثل قادة الفريق و/أو مدير المنتج و/أو الرئيس التنفيذي للشركة).

ستعجبك وظيفة مصمم منتج إذا كنت:

• تستمتع بتطوير ودمج أهداف العمل في قرارات التصميم والمنتج.
• تحب المشاركة في كامل عملية التصميم.
• تمتلك معرفةً عميقةً في التصميم مع فهم جيد للنشاطات التجارية وعالم الأعمال.
• تستطيع تحليل البيانات المعقدة لتؤلف بها التصاميم التي تلبي أهداف العمل واحتياجات المستخدم.

3. المصمم المرئي

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

ما هي المسميات الأخرى التي تطلق على المصمم المرئي

• مصمم واجهة المستخدم.
• مصمم رسوميات.

ما هي مهام المصمم مرئي

• تحويل أهداف مصممي تجربة المستخدم، مثل السماح للمستخدم بالتسجيل من أجل إنشاء حساب له ضمن موقع، وذلك عبر مجموعة من التصاميم الجميلة وسهلة الاستخدام والوصول، مثل تصميم مجموعة من صفحات وشاشات التطبيقات.
• إنشاء و/أو الاحتفاظ بمكتبة من الأيقونات والألوان والخطوط التي يمكن استخدامها في جميع أجزاء المنتج.
• تطبيق معايير العلامة التجارية التي تصمم من أجلها في تصاميمك، وذلك بأسلوب يخدم العلامة التجارية والمستخدمين.
• استخدام معرفتك بالطباعة ونظرية الألوان ومبادئ علم النفس الجشطالتي (وهو أحد فروع علم النفس الذي يقوم على تحليل نظرة الإنسان للأشياء وكيف يرتبها ضمن مجموعات) ومفاهيم التصميم الأخرى لإنشاء واجهات مستخدم رسومية وجذابة.

ما هي المخرجات التي يقدمها المصمم المرئي

• نماذج أولية عالية الدقة.
• نماذج تفاعلية.
• دليل النمط المرئي.
• مكتبات الأيقونات.
• تقديم مواصفات للتصميم، بحيث يمكن لزميلك في فريق تطوير الواجهات الأمامية في مواقع الإنترنت كتابة الشيفرة المصدرية المطلوب تنفيذها.
• تجهيز التوثيقات المتعلقة بالعلامة التجارية أو الإرشادات.

ستعجبك وظيفة مصمم مرئي إذا كنت:

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

4. باحث تجربة المستخدم

يُعَد باحثو تجربة المستخدم أفرادًا متخصصين كذلك، فقد يُجرون أبحاثًا نوعيةً وكميةً عن المستخدم للحصول على معلومات حقيقية عنه، والتي يستخدمها المصممون الآخرون في تصاميمهم، وبصفتك باحثًا في مجال تجربة المستخدم، ستشارك في المراحل الأولى من عملية التصميم، بحيث تتعاطف مع المستخدمين لتكتسب فهمًا شاملًا عن احتياجاتهم وتساعد في تحديد المشكلات التي يجب أن يحلها المنتج الذي تعمل على تطويره، كما يشارك باحثو تجربة المستخدم في مرحلة الاختبار ويتحققون من جودة التصاميم ويحسنوها.

ما هي المسميات الأخرى التي تطلق على باحثي تجربة المستخدم

• باحث حول المستخدم User Researchers.
• باحث Researcher.

ما هي مهام باحثي تجربة المستخدم

• اكتساب فهم شامل حول المستخدمين عبر إجراء بحث نوعي، مثل إجراء مقابلات مع المستخدمين وملاحظة سلوكهم وعبر الدراسات الميدانية.
• اكتساب فهم واقعي (حتى من الناحية الإحصائية) لسمات محددة في المستخدمين عبر إجراء بحث كمي، مثل إجراء استطلاعات واستبيانات.
• تحليل البيانات التي جمعتها عن المستخدمين لتجميع النتائج الرئيسية، وتقديم مقترحات تخدم عملية التصميم.
• الدفاع عن احتياجات المستخدمين ووجهات نظرهم أمام مختلف الأطراف المؤثرة، مثل المصممين والمطورين والمسوقين والمديرين التنفيذيين الآخرين.
• تحديد أهداف المنتج عبر تقديم نتائج البحث التي توصلت إليها إلى المصممين والمطورين والمسوقين الآخرين في شركتك.
• اختبار وتحسين التصميمات عبر إجراء أبحاث تقييمية، مثل اختبارات سهولة الاستخدام واختبارات المستخدم.

ما هي المخرجات التي يقدمها باحث تجربة المستخدم

• تقارير عن أبحاث المستخدم.
• شخصيات المستخدم.
• قصص المستخدم.
• خرائط رحلة المستخدم.
• التفكير عبر عبارات "كيف يمكننا".
• تقارير سهولة الاستخدام.
• تقارير التقييم Heuristic evaluation.
• تقارير اختبارات المستخدم.

ستعجبك وظيفة باحث تجربة المستخدم إذا كنت:

• تملك شغفًا تجاه النفس البشرية ودراسة الشخصيات.
• تستمتع في التعاطف مع الآخرين وفهم احتياجاتهم وتجميع صور عميقة لوجهات نظرهم ومشاكلهم.
• تملك معرفةً جيدةً عن علم النفس أو اهتمامًا بالتعمق في هذا المجال.
• تحب توليد وتحليل البيانات النوعية والكمية المعقدة.

5. محلل استراتيجيات المحتوى

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

ما هي المسميات الأخرى التي تطلق على خبراء استراتيجيات المحتوى

• كُتاب الإعلانات Copywriters.
• كُتاب تجربة المستخدم UX Writers.

ما هي مهام خبراء استراتيجيات المحتوى

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

ما هي المخرجات التي يقدمها محللو استراتيجيات المحتوى

بصفتك خبيرًا في استراتيجيات المحتوى، ستجد أن معظم عملك يُطبَّق مباشرةً على المنتج، وبالتالي لن يظهر بوصفه منتجًا مستقلًا، وعليه فمخرجاتك الأكثر شيوعًا هي:

• الكتابة: والتي سوف تدمجها مع المنتج نفسه.
• إرشادات التحرير أو إرشادات لغة المنتج: التي تحدد طابعه وأسلوب المحتوى المتعلق بالمنتج.

ستعجبك وظيفة محلل استراتيجيات المحتوى إذا كنت:

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

6. يونيكورن تجربة المستخدم

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

لذا يشير مصطلح UX unicorn عادةً في مجال تجربة المستخدم إلى مصمم تجربة المستخدم البارع في تصميم وتطوير الواجهات الأمامية Front-end، وهم أشخاص نادرون للغاية، إذ يُطلَق هذا المصطلح فقط على الأشخاص الموهوبين بما يكفي لتصميم الواجهات الأمامية لمواقع الإنترنت، وعليه يتولى يونيكورن تجربة المستخدم مسؤولية عملية التصميم بأكملها، بل يتولى أكثر من ذلك، أي يترجم تصميماته إلى شيفرات برمجية على نحو مباشر.

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

ما هي مهام يونيكورن تجربة المستخدم

تشمل جميع مهام مصمم تجربة المستخدم التي ذكرناها أعلاه بالإضافة إلى:

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

ما هي المخرجات التي يقدمها يونيكورن تجربة المستخدم

تشمل جميع مخرجات مصمم تجربة المستخدم التي ذكرناها أعلاه بالإضافة إلى:

• نماذج الواجهات الأمامية.
• الشيفرة البرمجية لتصميم الواجهة الأمامية بحيث تكون جاهزةً للإطلاق.

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

الدور الوظيفي الذي يجب أن تسعى إليه

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

ضع في حسبانك أن هذه الأدوار الوظيفية تتغير باستمرار

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

لكن لحسن الحظ، لديك الآن خريطة تساعدك على الملاحة في بحر الأدوار الوظيفية لتجربة المستخدم، فعندما تعرف كيف أن هذه الأدوار وُجدت لسد الثغرات في عملية التصميم، فسيتضح لك الأمر أكثر، وذلك بغض النظر عن مدى الفوضى التي تملأ هذا المجال.

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

خاتمة

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

فيما يلي ملخص سريع للأدوار الوظيفية الأكثر شيوعًا في المجال:

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

ينبغي أن تسعى نحو وظيفة تصميمية تتناسب مع شغفك ومهاراتك، وإن كان يصعب عليك اختيار أحدها الآن، فيُنصح بالبدء بدور مصمم تجربة المستخدم، ومن ثم تتخصص أكثر عندما تجد شغفك.

اقتباس

"إن السبيل الوحيد لكي تشعر بالرضا، هو أن تعمل في المجال الذي يُعَد رائعًا في نظرك، والسبيل الوحيد لفعل ذلك هو أن تحب ما تفعل، فإن لم تعثر عليه بعد، فاستمر في البحث ولا تستكِن، فعندما تجده فستشعر به في قلبك". _ستيف جوبز

ترجمة -وبتصرّف- للمقال The Ultimate Guide to Understanding UX Roles and Which One You Should Go For لصاحبه Teo Yu Siang.

اقرأ أيضًا

• ماذا تفعل للحصول على عروض وظائف رائعة كمصمم مبتدئ
• فهم ودراسة المستخدمين في مجال تجربة المستخدم
• مدخل إلى تجربة المستخدم User Experience

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

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

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

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

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

تاريخ تطور مفهوم التناسق في تصميم هوية العلامة التجارية

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

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

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

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

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

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

يحلل العديد من المستخدمين اليوم النتائج، ويدققونها ويستخلصونها بناءً على معايير عديدة، كما يلاحظون تواجد العلامة التجارية عبر قنوات وأجهزة مختلفة وعديدة، وفي عدد لا يُحصى من السياقات، ومع كل هذه العوامل التي يجب أن توضع في الحسبان، كيف يمكن للشركات أن تصل أو تحقق تناسقًا في علامتها التجارية؟ وما الذي يمكن للمصممين فعله لتلبية متطلبات العلامات التجارية في بيئة مشبعة بالتوقعات المتغيرة باستمرار؟

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

الأمر لا يتعلق فقط بالتسويق

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

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

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

لقد انتقلت العلامات التجارية من الأساليب التقليدية القديمة وغير المباشرة (مثل الإعلانات على شاشة التلفزيون أو اللوحات الطرقية أو إعلانات المجلات) إلى سلسلة طويلة من العمليات التفاعلية، وإذا كنت تعتقد أن مثل هذه التفاعلات تجرى على أجهزة الحاسوب، فأنت محق في رأيك.

بحسب دراسة أجرتها شركة جوجل، وجدت فيها أن 90% من الوسائط تُستهلك على شاشات الأجهزة، كما يكون حوالي خُمسيها على الهواتف الذكية، أي أن المستخدمين يتفاعلون مع العلامات التجارية عبر أجهزتهم المحمولة أكثر من أي شيء آخر، لذا كان على العلامات التجارية إعادة التفكير في استراتيجيتها، وكان على المصممين المعاصرين الدخول في هذا المضمار عبر إنشاء هويات شديدة المرونة للعلامات التجارية.

تقديم تجربة متسقة

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

يُعَد التصميم المتسق أمرًا لا بد منه من أجل الجوانب العاطفية والمعرفية للمستخدم؛ كما أنه من الأسهل أيضًا الحفاظ عليه من وجهة النظر التنظيمية، إذ سيكون المستخدمون قادرين على تذكر التفاصيل في التصميم؛ أما التغيرات الكثيرة، فستجعل الأمر أصعب عليهم، مما قد يدفعهم إلى التساؤل عما إذا كانت العلامة التجارية ليست كما تدعي، وهذا قد يكلفها خسارة إيمانهم بها، حتى لو كانت هناك حاجة إليها في بعض الأحيان.

يعلم من شاهد مباريات كأس العالم على التلفاز أن الإعلانات هي عامل جذب كبير للمشاهدين، إذ تَعرِض التصميمات الرائعة للإعلانات العلامات التجارية على الجماهير التي أصبح من الصعب إرضاؤها مع كل هذا التطور، لذا تُعَد طريقةً مناسبةً لجذب المستخدمين عبر شاشات التلفاز في جميع أنحاء العالم؛ كما تعلم العلامات التجارية ذات الميزانيات الهائلة أن اختيار هوية مميزة لعلامتها التجارية يُعَد أمرًا حيويًا بالنسبة لنشاطها التجاري، إذ سيتفاعل المشاهدون مع العلامات التجارية على هواتفهم المحمولة حتى أثناء جلوسهم في المنزل ومشاهدة المباريات على شاشات التلفاز الكبيرة، كأن يتفقدوا الإعلانات المميزة للعلامات التجارية، أو يطلعوا على أحدث أخبارها لرؤية ما قد فاتهم.

يواجه المستخدمون اليوم خيارات واسعةً لا تنتهي من منتجات العلامات التجارية، وكثيرًا ما تراهم يواجهون صعوبةً في الاعتياد على منتجات شركة ما، إذ تبدو ببساطة بمظهر مختلف فيما بينها، مما يصيب المستخدمين بما يسمى بتجربة المستخدم المتكسرة.

تُعَد تجربة المستخدم المتكسرة مشكلةً كبيرةً تواجهها العلامات التجارية، ولحسن الحظ يمكن معالجتها عبر خمس طرق يجب أن تعرفها بوصفك مصممًا:

• التناسق البصري والتبسيط: اجعل تصاميمك أكثر بساطةً في مرحلة التخطيط عبر استخدامك لخطوط وألوان موحدة، وما إلى ذلك من أمور تضيف الانسجام إلى كامل تصاميمك.
• التناسق السلوكي: أي إعادة استخدام أنماط التصميم التي ثبت نجاحها.
• التحسين السلوكي: أي التصميم بهدف جعل المستخدمين يؤدون المهام إما بجهد أقل (أو أكثر فاعلية)، وذلك عبر التخلي عن التكرار (أو العمل غير الضروري).
• استراتيجية التجربة الموحدة: وتعني إعادة النظر في سير العمل المثالي بالنسبة للأفراد العاملين في المشروع.
• ثقافة تجربة المستخدم UX: وتعني فهم تجربة المستخدم وجعلها أولويةً أساسيةً قبل أن تصمم.

التصميم المتناسق

بمجرد أن تحدد المتطلبات اللازمة لتصميم تجربة مستخدم متسقة، يجب أن يُترجَم هذا التناسق على شكل واجهة مستخدم وتصاميم رسومية، ولتحقيق هذا التناسق البصري علينا أن نراعي عدة عوامل في تصميماتنا، مثل:

• الألوان: ما هو اللون الأساسي المستخدم في التصميم؟ وما هي الألوان الثانوية؟ ضع في حسبانك أهمية الألوان المختلفة، وما هي طبيعة علامتك التجارية؟
• الرسوميات: كيف ستستخدم الصور؟ وماذا عن الأيقونات والأزرار؟ فكّر في هوية وشخصية علامتك التجارية، هل من المناسب أن تكون قاسيةً وعمليةً كما هو الحال دائمًا؟ أم أن علامتك التجارية أقل جديةً؟ إذ يجب أن يُعكس ذلك على الرسوميات المستخدمة.
• الطباعة: ما هو التسلسل الهرمي الذي ستستخدمه للمحتوى (العناوين الرئيسة والعناوين الفرعية وما إلى ذلك)؟ وما هي أحجام الخط؟ وأين سيُعرض النص المتعلق بعناصر التصميم الأخرى؟ وهل هناك إمكانية لإضافة جرعة من المرح إلى تصميمك؟
• الأحجام: ما هو حجم كتل المحتوى التي ستستخدمها؟ وما هو حجم الصور؟ وما هي العلاقات التي ستربط بين عناصر التصميم فيما يتعلق بالحجم؟

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

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

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

بناء التناسق في تصميماتك

لحسن الحظ هناك العديد من الطرق لضمان الوصول إلى تناسق في تصميماتك:

دليل الأسلوب

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

مكتبات الأنماط

وتشبه دليل الأسلوب، لكنها أوسع، فهي عبارة عن وثائق مفصلة لكل عنصر سيستخدم في التصميم. تأتي مكتبات الأنماط عادةً بثلاثة أنواع هي:

• أنماط التصميم.
• أنماط التوصيف.
• أنماط المحتوى.

حيث أن:

• أنماط التصميم: توضح تفاصيل عناصر التصميم وكيفية استخدامها، بحيث تشمل أنماط العناوين والنصوص والأيقونات وما إلى ذلك.
• أنماط الترميز: وهي مكتبة أنماط لكلا لغتي التوصيف CSS وHTML، مع توفير أصناف لكليهما، بحيث يكون من السهل توسيع الموقع الإلكتروني باستمرار في المستقبل.
• أنماط المحتوى: تحدد هذه المكتبة أسلوب المحتوى الذي سوف تستخدمه على الموقع، لكن في نفس الوقت تُعَد عملية تطويرها صعبةً في بعض الأحيان، إذ من الصعب توقع جميع أنواع المحتوى التي قد تستخدمها في المستقبل، ومع ذلك يمكن أن يساعد تقديم أنماط المحتوى إلى العملاء في ضمان توافق تصميماتك مع المحتوى الذي يستخدمونه.

أطر عمل لغة التوصيف CSS

تُستخدم أطر العمل بلغة التوصيف CSS لمساعدتك في تحقيق تناسق في التصميم، حيث يمكنك استخدام أي إطار عمل تفضله من أجل التوصيف بتعليمات CSS، وتُعَد شائعةً جدًا في تصاميم ووردبريس؛ أما أكثر أطر العمل استخدامًا فهي منصة تويتر بوتستراب.

خاتمة

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

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

تذكر أن هذا التناسق يُحدَّد عبر مواءمة النشاط التجاري للعلامة التجارية مع أهداف المستخدمين المستهدفين، ثم نقلها إلى جميع أجزاء الشركة، وذلك بدءًا من العلامة التجارية والتسويق وتجربة المستخدم (هنا نتحدث عن التناسق في سلوك المنتج والخدمة عبر جميع الأجهزة المختلفة والمنصات)، إلى الواجهة والتصميم الرسومي.

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

ترجمة -وبتصرّف- للمقال Consistency: MORE than what you think لصاحبه Mads Soegaard.

اقرأ أيضًا

• لمحة عن التصاميم المتناظرة وغير المتناظرة
• أهم الأخطاء التي يجب تجنبها أثناء تصميم الأيقونات
• عملية التصميم ذات الخطوات السبعة

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

لذلك تُعَد الألوان أداة اتصال قويةً تؤثر بسهولة على الحالة المزاجية وردود الفعل، ويسعى العديد من مالكي العلامات التجارية لإحداث تأثير نفسي قوي على المشترين، لذا يستخدمون علم نفس الألوان في العلامات التجارية، وذلك لجعل صورتهم ساحرةً ولجذب جمهور أكبر.

فمثلًا، ألقِ نظرةً على شعار موقع Gaming Verge، حيث له لون أحمر معروف بالعاطفة، ويحتوي الموقع على مزيج جيد من الألوان، مثل الأحمر والأبيض، كما يركز الموقع على تقنية الألعاب، وقد اختيرت الألوان الحمراء والبيضاء بعناية لجذب جمهور الألعاب، أي اللاعبين العاطفيين والمتحمسين، كما يصور الإخلاص بين اللاعبين وما بينهم من سلام خالٍ من التوترات، وهذه طريقة استراتيجيات التسويق لاستخدام مجموعة متنوعة من الألوان، وذلك لإظهار التعاطف والدفء للغالبية العظمى من الناس.

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

أنواع مخططات الألوان Color Schemes

• الألوان المتماثلة Analogous.
• الألوان أحادية اللون Monochrom.
• الألوان المكملة complementary.
• الألوان المتممة المقسمة Split complementary.
• اﻷلوان الثلاثية Triadic.
• الألوان الرباعية المستطيلة Rectangle.
• الألوان الرباعية المربعة square.

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

1. الأحمر

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

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

تشير جامعة سبون أيضًا إلى أن اللون الأحمر يسرّع من تدفق الدم، وبمجرد زيادة تدفق الدم تزيد سرعة عملية التمثيل الغذائي وتصبح جائعًا وتريد المزيد، ومن الأمثلة على هذه الشعارات، نجد كلًا من ليز Lays وماكدونالدز Mcdonalds ودجاج كنتاكي KFC وبرجر كنج Burger King ووينديز Wendy’s، وغيرها.

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

2. الأزرق

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

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

3. اللون الأخضر

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

عندما تختار هذا اللون، فهذا يعني أنك تريد أن تخبر جمهورك أن منتجاتك عضوية للغاية وأن شركتك صديقة للبيئة، ويمكن أن يكون مناسبًا كذلك للشركات المالية لأنه يذكّر الجمهور لا شعوريًا بالمال، ومن أبرز الأمثلة على الشركات أو العلامات التجارية التي تحمل شعارًا أخضر، نجد كلًا من آيسر Acer وستاربكس Starbucks وأندرويد Android وتروبيكانا Tropicana، وغيرها.

4. الأصفر

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

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

5. البرتقالي

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

تُعَد أمازون Amazon وفايرفوكس Firefox وفانتا Fanta وشل Shell وغيرها، من الأمثلة الشهيرة التي لها علامة تجارية مستندة على اللون البرتقالي، لذا إذا كنت تريد أن يرسل شعارك رسالةً مفادها أنه ودود وحيوي جدًا ومبهج، فسيكون اللون البرتقالي مثاليًا لشعارك، حيث سيجعل علامتك التجارية تُرى على أنها واثقة ومرحة.

6. اللون الوردي

يُعَد اللون الوردي ناعمًا ولطيفًا وأنثويًا يعبّر عن الدفء والطاقة والمرح، وغالبًا ما يصوّر اللون الوردي الحلاوة والحب، لذا ترى هذا اللون في شعارات، مثل دانكن دونتس Dunkin donuts وباسكن روبنز Baskin Robbins وباربي Barbie وهالو كيتي Hello kitty وغيرها.

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

7. اللون الأرجواني

يُظهر اللون الأرجواني الملكية والحكمة والاحترام، وهو مرتبط بالإبداع والخيال كذلك، ويربط علم نفس الألوان اللون الأرجواني في العلامة التجارية بالرفاهية، مثل كادبوري Cadbury وتاكو بل Taco Bell وياهو Yahoo ورالف لورين Ralph Lauren، وما إلى ذلك.

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

وفوق ذلك، فإن اللون الأرجواني عادةً ما يكون له طابع ملكي مثل الأزمنة القديمة، حيث ابتكر الناس الصبغة الأرجوانية من القواقع، وكان معروفًا أنها باهظة الثمن، حيث لم يتمكن سوى الأثرياء مثل أفراد العائلة المالكة من تحمل تكاليفها، وهذا هو السبب في أنك ترى اللون الأرجواني على المنتجات الراقية التي تؤكد على الفكرة المتميزة للعلامات التجارية، مثل رولكس Rolex وHallmark Crown Royal والمزيد.

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

8. اللون الرمادي

يعطي اللون الرمادي أو الفضي في الغالب شعورًا بالرقي والنضج والتواضع والاستقرار والحياد، ويستخدم ليربط الأشخاص الذين يرون هذا اللون بالخلود ورباطة الجأش، لذا يظهر هذا اللون في الغالب على شعارات العلامات التجارية الشهيرة، مثل مرسيدس بنز Mercedes Benz وأبل Apple ونيسان Nissan وويكيبيديا Wikipedia، وغيرها.

يمكن أن يرتبط اللون الرمادي بالعواطف السلبية مثل الاكتئاب أو الحزن، ولكن له دلالةً إيجابيةً كذلك ويبرز الجانب الفاتن، ويمكن أن يُعَد لونًا أنيقًا وجميلًا.

9. اللون الأسود

الأسود هو اللون المفضل لكثير من الناس في جميع الأوقات، ويُرمز في علم نفس الألوان في العلامات التجارية إلى الحزم والتطور وقمة الأناقة والجدية والحصرية، وغالبًا ما يكون هذا اللون عاديًا، لكنه يُظهر أناقة وبريق المنتجات الفاخرة، فإذا كان لشركتك شعار أسود، فربما يعني ذلك أنك لا تستخدمه لجذب الانتباه، لكنك تريد أن يُنظر إلى شركتك على أنها شركة راسخة تتمتع بسمعة طيبة وأناقة، وتريد أن يكون شعارك جزءًا من تلك الرغبة،، حيث لا تحتاج لألوان براقة لتوصيل الرسالة، ومن الأمثلة على العلامات التجارية الشهيرة التي تستخدم شعارات سوداء اللون، نجد كلًا من: بلاك آند ديكر Black & Decker ونيويورك تايمز New York Times وأديداس Adidas وبوما Puma ونايكي Nike وغوتشي Gucci وبرادا Prada وشانيل Chanel وبولو Polo وهوندا Honda، وغيرها.

10. اللون الأبيض

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

استنتاجات من علم نفس الألوان في العلامات التجارية

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

ترجمة -وبتصرّف- للمقال Colour Psychology in Branding: Choosing Logo Colours Experience لصاحبته Sarah.

اقرأ أيضًا

• دليلك لاختيار تركيبات الألوان عند تصميم مواقع للعملاء
• أفضل 12 أداة انتقاء للألوان لمصممي الويب
• أساسيات ابتكار العلامة التجارية
• قواعد تصميم الهوية البصرية

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

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

وبذلك يمكننا أن نقول أن الشكل يُعَد متناظرًا عندما يكون كلا جانبيه متطابقين كليًا، وكأن أحد الجانبين موضوع أمام مرآة، فعندما تضغط بإصبع يدك اليمنى على سطح مرآة، سترى انعكاسها، بحيث تبدو لك اليد اليمنى الحقيقية والصورة التي تظهر على المرآة (التي تنقلب لتبدو وكأنها يد يسرى) متماثلتين تمامًا.

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

وعلى العكس، يعني عدم التناظر غياب أي نوع من التطابق بين جانبي الشكل، فعندما نصمم تصميمًا يتكون من عناصر وُزِّعت على نحو غير متساوٍ حول نقطة مركزية أو محور، فسيتكون لدينا تصميم غير متناظر، كما يمكننا توظيف عدم التناظر واستخدامه للفت الانتباه إلى مناطق معينة في التصميم أو للتعبير عن الديناميكية أو الحركة.

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

أنواع التناظر

بالاعتماد على كيفية تشكيل التناظر وكيف يمكننا موازنة كل جانب من جوانب التصميم بالجانب الذي يناظره، يمكننا أن نصنف التناظر بحسب الأنواع التالية:

• التناظر الدوراني: لا يتطلب التناظر الدوراني أن تكون عناصر التصميم متعامدةً (بزوايا قائمة) مع بعضها البعض، أي يمكنك عمل تناظر دوراني في حال كانت هناك نقطة مركزية (مركز دوران)، إذ يمكن تدوير التصميم حولها مع الحفاظ على تناظره، لذا لا يجب أن نحصر خيالنا بتخيل أربعة أجزاء فقط على الشاشة أو الصفحة (أي تقسيم الشاشة إلى أربعة أرباع فقط)، بل فكر بالأمر على أنه دائرة، بدرجات وإحداثيات يمكنك استخدامها بحرية أكبر.
• التناظر الانتقالي: يحدث التناظر الانتقالي عندما يمكننا نقل عنصر في التصميم دون التسبب في فقد خصائصه التناظرية، فمن غير المعتاد لنا نحن المصممين أن نطبق التناظر الانتقالي على كامل عناصر الصفحة، بل نطبقه أحيانًا على عدة عناصر متماثلة وفردية على الصفحة.
• التناظر الانعكاسي: يحدث عندما تكون نصف الصورة عبارةً عن صورة معكوسة للآخر، وذلك تمامًا مثل المثال الذي وضعت فيه إصبعك على المرآة، كما يُعَد أكثر الأنواع صرامةً.
• التناظر الانعكاسي الانسيابي: أفضل مثال على هذا النوع، هو آثار أقدامنا على الرمال أو الثلج، وفكرته بسيطة جدًا تقوم على عكس الصورة أولًا، ثم تحريك النسخة المعكوسة وجعلها لا تقابل الصورة الأصلية، أي أنك جعلت نسخة الصورة تبدو وكأنها تغيرت بطريقة معينة، فقد تقلبها أو تجعلها تبدو وكأنها تنجرف بعيدًا، مما يعطي انطباعًا وكأنها قد تحركت باتجاه ما.

التناسق والتوازن

يمنح التناظر تنظيمًا أكبر للتصميم، وذلك لأنه يوفر بيئة تصميم أنيقةً ومرتبةً، تمكِّن المستخدمين من إيجاد العناصر بسهولة أكبر، حيث تستطيع العين البشرية اكتشاف التوازن الناتج عن التناظر (أو التناظر الزائف، وهو عندما لا يكون العنصران متناظرين كليًا، ولكنهما قريبان بدرجة كافية بالنسبة إلينا لنراهما وكأنهما متناظران).

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

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

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

لحسن الحظ هناك حل لهذا الأمر، فقد تعتمد معظم تصميمات مواقع الإنترنت والتطبيقات على التوازن غير الرسمي، ويعني هذا قبول عدم تناسق في التصميم نفسه، لكن مع محاولة تحقيق توازن في عرض المحتوى على جانبي كل من المحور العمودي أو الأفقي للصفحة، أي بدلًا من السعي نحو تناظر متكلَّف والذي سيُقيِّدنا، فإننا نحقق أقصى استفادة من الحالة التي لدينا ونعمل على تحقيق توزيع متساوٍ للعناصر. يشبه هذا الأمر إلى حد كبير حياتنا نحن البشر، فلا شيء مثالي، بالرغم من معرفتنا مثلًا بالمثلث متساوي الأضلاع ومدى كمال شكله وأبعاده.

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

في الختام

غالبًا ما يوظف المصممون التناظر وعدم التناظر في تصاميم مواقع الإنترنت والتطبيقات من أجل تنظيم المحتوى وتوفير واجهة مستخدم سهلة الاستخدام، أي يمكننا استخدام التناظر وعدم التناظر بوصفها أدوات لتحقيق التوازن والانسجام في مخطط التصميم، مما يخلق تأثيرات تُرضِي عين الناظر (وبالتالي دماغه) أكثر مما قد يكون لو لم نراعِ مسألة التناظر وعدمه.

لكن يجب أن نتعامل مع التناظر بحذر، فقد تتطلب التخطيطات المتناظرة أن تكون بسيطةً حتى تكون فعالةً.

ورأينا أيضًا أن هناك عدة أنواع للتناظر:

• التناظر الانتقالي.
• التناظر الدوراني.
• التناظر الانعكاسي.
• التناظر الانعكاسي الانسيابي.

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

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

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

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

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

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

ترجمة -وبتصرّف- للمقال Symmetry vs. Asymmetry - Recalling basic design principles لصاحبه Mads Soegaard.

اقرأ أيضًا

• مقدمة إلى العناصر الستَّة للتصميم
• دليل المبتدئين إلى التصميم التفاعلي Interaction Design
• أساسيات التصميم الجرافيكي - الجزء الثاني: مبادئ التصميم

يُعَد تصميم العلامة التجارية للشركات والمنظمات والأشخاص أو المنتجات وأي شيء آخر، خطوةً أساسيةً في رحلة التسويق، فهي أول خطوة عندما تنشئ شيئًا جديدًا وتدخله للسوق، ويستحيل تسويق شيء ما وإقناع الناس به بدون العلامة التجارية والهوية المميزة.

ما هي أساسيات ابتكار العلامة التجارية

يعود ظهور فكرة العلامة التجارية Branding لمربّي الماشية الذين استعملوها لتمييز ماشيتهم، وكان حينها رمزًا ماديًا يوضع على الحيوان ليظهر للناس أنه ينتمي لمزرعة معينة، ولم تتغير الفكرة العامة كثيرًا.

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

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

كيف تبني هوية العلامة التجارية

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

1. فكر بشأن القيمة المقدمة

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

2. ابحث عن جمهورك المستهدف

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

3. راقب منافسيك

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

4. أنشئ صورة عامة للعلامة التجارية

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

5. ابدأ في التصميم

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

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

وخير مثال على ذلك هو التسويق بالهدايا، مثل حامل الكوب وزجاجات المياه والمظلات والملابس وغيرها الكثير، فالهدف هو التناسق في الجوانب المرئية لأساسيات علامتك التجارية.

6. ضع إرشادات التنسيق

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

كن محددًا في إرشادات التنسيق، وضع قائمةً تتضمن استخدام الاختصارات والكلمات العامية المقبولة، وقدم فكرةً عن العبارات التي تفضلها.

هل علامتك التجارية دافئة وجذابة؟ أم أنها رائعة وجريئة؟ سيؤثر هذا على كيفية كتابة أوصاف المنتج على موقع الويب الخاص بك أو اللغة التي تستخدمها على وسائل التواصل الاجتماعي.

الخلاصة

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

ترجمة -وبتصرّف- للمقال Branding Basics: How to Create a Successful Brand Identity From Scratch Experience.

اقرأ أيضًا

• كيف تختار اللون المثالي لعلامتك التجارية
• الدليل المفصل لصنع علامة تجارية أكثر تركيزا على الفيديو
• النسخة العربية الكاملة من كتاب مدخل إلى تجربة المستخدم (User Experience - UX)

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

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

ماذا تعني نقرات العصبية

عادةً ما يُعَد تكرار حدوث نقرات العصبية على موقع وتطبيق أو أي واجهة مستخدم أخرى بمثابة دليل على حدوث خلل مع المستخدم، ومن الأسباب المحتملة لذلك:

النص المحير أو عناصر واجهة المستخدم

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

الاستجابة البطيئة وقلة الردود

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

الأعطال والعناصر والروابط التالفة

سوف يغضب المستخدمون عند عدم استجابة العنصر الذي يفترض أنه يعمل بالعادة، لذا من الضروري التأكد من أن كل العناصر والروابط محدثة وتعمل جيدًا.

العناوين المبهمة والتصفح المربك

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

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

كيف يمكنك معرفة حدوث ذلك

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

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

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

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

كيف نحول نقرات العصبية لإجراءات تحسين

استفادت شركة Cyber-Duck من نقرات العصبية بوصفها علامةً إرشاديةً في إجراء تحسينات على تجربة المستخدم UX لأحد عملائهم، وهي شركة للإسكان. وبمشاهدتهم لتسجيلات جلسة المستخدم بأداة Hotjar، لاحظ فريق تجربة المستخدم UX أن نقرات المستخدمين تشير لحدوث مشاكل في الوصول لما يريدون، كما تشير لصعوبة في العثور على المعلومات المهمة. وبسبب خيارات التنقل المربكة أو المخفية في القوائم المنسدلة العمودية، نقر 339 مستخدمًا مختلفًا نقرات عصبيةً على مدى ثلاثة أشهر، مع تركيز معظم هذه النقرات على مناطق معينة في الموقع.

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

أجرى فريق شركة Cyber-Duck بحثًا موسعًا على المستخدمين لتحديد كيف يمكنهم تبسيط وتحسين تجربة المستخدم على موقع الويب، وحددوا أن أحد الأهداف الرئيسية لهذه الشركة هو مساعدة المستخدمين على خدمة أنفسهم عند بحثهم عن معلومات يحتاجونها، ولتحقيق ذلك ركزوا على أربعة مبادئ أساسية هي: إمكانية الوصول والمرونة والبساطة وإمكانية العثور. وشملت قاعدة المستخدمين (عينة البحث) مجموعةً واسعةً من الأعمار ومستويات الإلمام بالحاسوب، حيث يجب أن يكون الموقع بديهيًا ومفهومًا للجميع، وليس فقط خبراء الحاسوب، ورغبوا في التأكد من إرشاد المستخدمين إلى المعلومات المهمة بسهولة، فعند شعورهم بقدرتهم على خدمة أنفسهم، يمكن تجنب المشاعر السلبية التي غالبًا ما تقود لنقرات العصبية، كما سيقلل ذلك من لجوئهم للمكالمات الهاتفية، والتي تُعَد عبئًا إضافيًا على فريق خدمة العملاء.

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

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

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

من الأفكار المنبثقة الأخرى:

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

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

كيف نستفيد من نقرات العصبية

قد تشعر بالأسف عند رؤية إشارة مثل هذه بما تدل عليه من إحباط المستخدم عند مراقبتك للجلسة، ولكنها توفر فرصةً تعليميةً قيّمةً، حيث تكون نقرات العصبية بطبيعتها مُركَّزةً في منطقة معينة على الموقع، مما يسمح لك بالتركيز على أجزاء محددة جدًا لمعرفة طبيعة الخطأ وسببه.

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

ترجمة -وبتصرّف- للمقال What Rage Clicks Can Tell Us About User Experience لصاحبته Jessica Graham.

اقرأ أيضًا

• دور المنهج العلمي والحدس في تجربة المستخدم
• مخرجات تصميمية يجب على كل مصمم تجربة مستخدم أن يتقنها
• تصميم تجربة المستخدم من خلال بيانات وإحصائيات المستخدمين

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

أُنشئ هذا الدليل من خلال الاستعانة بمنهجية Design Sprint المستخدمة داخل فرق شركة جوجل في استكشاف الأخطاء وحلها كما هو الحال في مشروع Project Loon ومشروع Self Driving Car.

المعين المزدوج

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

تشتمل عملية التصميم من خلال نموذج (المعين المزدوج) الذي طوره المجلس البريطاني للتصميم على خطوات نموذج عملية التصميم على هذه المراحل: في البداية الفهم ومن ثم التحديد، ثم التفرق، يليها التقرير، بعد ذلك النموذج الأولي، بعدها التحقق من فعالية النموذج الأولي.

التحضير للبدء

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

هذه بعض النماذج الحقيقية لمنتجات عملت عليها في الماضي:

• تصميم نظام لإدارة عملية معالجة ورعاية مرضى اعوجاج القدم.
• تصميم نظام لتبسيط الأنظمة المالية المعقدة وتبسيطها إلى الأساسيات فقط.
• تصميم تطبيق هاتف متوافق مع أنظمة تشغيل الهواتف المختلفة يحمل العلامة التجارية للشركة.

تحديث وصف التحدي الخاص بك

بمجرد تعديل العديد من تفاصيل الهدف اعرضها على فريقك وتوافَق معهم، فربما تكون هناك حاجة لتحديد موعد نهائي للعمل، وهذا سيساعد الفريق على التركيز في حل المشكلة، لذا مع هذه التعديلات الإضافية ستصبح القائمة أعلاه هكذا:

• تصميم نظام لإدارة عملية معالجة ورعاية الأطفال تحت سن الثانية، والمصابين باعوجاج في القدم ليكون جاهزًا للإطلاق في الربع الأول من العام.
• إنشاء تطبيق مالي بسيط يساعد على إجراء عمليات بيع وشراء الأسهم بنقرة زر واحدة دون الحاجة لوجود معرفة مسبقة بالعالم المالي، ليكون جاهزًا للإطلاق في شهر يوليو من عام 2017.
• نفّذ تصميمًا إرشاديًا يكون مرنًا ويعمل مع جميع منصات تشغيل الهواتف، يرتقي بمكانة العلامة التجارية للشركة في المنصات.

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

التعرف على المشكلة

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

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

المقابلات الداخلية مع أصحاب المنفعة

إجراء المقابلات مع أصحاب المنفعة قد يكون مفيدًا للحصول على الرؤية العامة للفريق أو الشركة.

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

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

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

خطاب سريع

الخطاب السريع هو عرض تقديمي قصير جدًا يستمر لبضع دقائق فقط.

يُعَد الخطاب السريع مشابهًا للمقابلات الداخلية، لكن في الخطاب السريع ستحصل على كل أصحاب المنفعة مجتمعين في غرفة واحدة، ثم تختار خمسةً أو ستةً من أصحاب المنفعة هؤلاء (مسوق ومحاسب ومصمم وباحث وموظف مبيعات … إلخ) ليلقي كل منهم كلمةً يركز من خلالها على توضيح وجهة نظره حول التحدي في مدة أقصاها 10 دقائق. يجب أن يغطي العرض التقديمي لأصحاب المنفعة هذه المواضيع:

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

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

مقابلات المستخدم

تُعَد مقابلات المستخدم طريقةً رائعةً للتعرف على النقاط الحرجة لدى المستخدم في مهمة معطاة.

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

• كيف ينجزون نفس المهام حاليًا؟ لنفترض مثلًا أنك تريد حل التحدي الذي واجهك في التطبيق المالي في الأمثلة السابقة، واسألهم "كيف يشترون الأسهم والمستندات في الوقت الحالي؟".
• ما الذي يعجبهم في آلية سير العمل الحالية؟
• ما الذي لا يعجبهم في آلية سير العمل الحالية؟
• ما هي المنتجات المشابهة التي يستعملها المستخدم حاليًا؟
• ما الذي يعجبهم؟
• ما الذي لم يعجبهم؟
• إذا ما امتلكوا القدرة على تغيير شيء في هذه العملية ماذا سيكون؟

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

يُعَد الهدف من هذا هو موازنة التحدي الذي تواجهه بوجهات نظر المستخدمين التي تجمعها؟ هل هما متوافقين؟ هل تعرفت على أي شيء يمكنك أن تحدث وصف المشكلة او التحدي من خلاله؟

إجراء الدراسات البحثية ميدانيا

رؤية المستخدمين في بيئة عملهم الطبيعية طريقة عظيمة لفهم كيفية تعاملهم مع التحديات التي تواجههم.

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

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

اجمعهم مع بعضهم البعض

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

بمجرد تحليل النتائج وتكوّن التصور العام للمشروع، فقد حان الوقت لتطبيق هذه المعارف لإنشاء خريطة المشروع.

خريطة المشروع

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

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

توضح خارطة المشروع الخطوات الأساسية لكل مستخدم في آلية سير العمل.

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

مخطط الصفحة الشبكي والتصميم القصصي

آلية Crazy 8

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

إذا كنت تعمل مع فريق، فاجعلهم ينجزون أعمالهم باجتهاد وبنفس الطريقة السابقة "crazy 8s"، إذ ستعمل هذه الطريقة على تحفيز عقلك وتجعلك تفكر في التحدي، عمومًا هذه الرسوم الشبكية البدائية ستمثل مستقبلًا لتصميم واجهة التطبيق.

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

تُعَد أداة crazy-8s طريقةً عظيمةً لتمثيل كل أفكارك في ورقة واحدة.

والآن أنت بحاجة لتصميم مفصّل بالاعتماد على ما تعلمته.

حسن التصميم

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

مثل الفكرة باستخدام التصميم القصصي

يعمل التصميم القصصي على جمع الأفكار مع مخطط الصفحة الشبكي في تدفق مثالي متكامل.

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

إنشاء النموذج الأولي

لا يعني إنشاء النماذج الأولية إنشاء قالب متكامل من ناحية الأكواد البرمجية، بل يكتفى بإنشاء نموذج إذا ما استخدمه شخص ما ظنه البرنامج الحقيقي. تختلف أدوات إنشاء النماذج من شخص لآخر، فبعض الأشخاص يستخدمون كي نوت Keynote أو باوربوينت، والتي تعمل على إجبارك على التفكير في تدفق البرنامج لا التركيز على تفاصيل التصميم، وهنا قد تود استثمار وقتك في تعلم أدوات مثل Balsamiq أو Marvel أو Framer، والتي يمكن أن توفر لك بعض التحكم في سلوكيات البرنامج بغض النظر عن الأداة التي سوف تستخدمها. فقط تأكد من أنها تساعدك على التركيز في تدفق البرنامج وإظهار البرنامج على أنه مكتمل. ستحتاج في النهاية إلى اختبار التصميم من خلال أناس حقيقين، لذلك حاول أن جعله واقعيًا قدر الإمكان، ولكن ذلك لا يعني أن تضيع أسابيعًا في إنشاء النموذج الأولي.

يجب أن يكون النموذج الأولي حقيقيًا قدر الإمكان ليكون قابلًا للتصديق.

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

اختبر سهولة الاستخدام في تصميماتك

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

التصميم القصصي يعمل على جمع الأفكار مع مخطط الصفحة الشبكي في تدفق مثالي متكامل.

أسئلة ليجاب عليها

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

الأشياء التي تحتاج إلى اكتشافها:

• ما الذي يعجبهم في النموذج الأولي؟
• ما الذي لا يعجبهم في النموذج الأولي؟
• ما هي نقاط الضعف؟
• لماذا عمل التدفق؟
• لماذا لم يعمل التدفق؟
• ما الذي يرغبون في تحسينه؟
• هل التصميم أو التدفق العام يلبي احتياجاتهم؟

راجع التصميم مرة أخرى وأعد إجراء الاختبارات

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

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

اصنعه

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

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

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

ترجمة وبتصرف للمقال Basics of UX من موقع developers.google.

اقرأ أيضًا

• أساسيات البحث في تصميم تجربة المُستخدم
• مهام مصممي تجربة المستخدم
• استخدام علم النفس في مجال تجربة المستخدم لتكييف المستخدم وإقناعه
• هندسة المعلومات في تجربة المستخدم

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

الوصايا العشر لنيلسون وموليتش من أجل تصميم واجهات مستخدم احترافية

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

إليك هذه الوصايا:

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

المساعدة والتوثيق

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

تنتج جوجل، الشركة التي لديها تقنيات تقدر قيمتها بمليارات الدولارات، تصميمات تعكس الأساليب التجريبية التي شرحناها أعلاه، حيث يقول جون وايلي كبير المصممين في جوجل:

اقتباس

"عندما أفكر في تصميم وإنشاء تجارب مستخدم رائعة، أفكر في ثلاثة أمور هي: قابلية الاستخدام والمنفعة التي تقدمها وجاذبيتها."

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

كيف اعتمدت شركة أدوبي على هذه الوصايا العشر في تصميمها لواجهات المستخدم في منتجاتها

تُعَد أدوبي شركة برمجيات ضخمةً في أمريكا الشمالية، وهي مثال رائع لكيف يمكن لتصميمات واجهة المستخدم، التي تتبنى وصايا نيلوسون وموليتش، أن تلعب دورًا مهمًا في نجاح الشركة. ويُعَد برنامج أدوبي فوتوشوب أحد أشهر منتجات هذه الشركة الذي تتجلى في واجهته هذه الوصايا.

لذا، وبهدف فهم وتوضيح الوصايا العشر، سنلقي نظرةً على كيفية تبني أدوبي لهذه الوصايا. لعلها تساعدك في تحسين تصميماتك المستقبلية.

1. رؤية حالة النظام

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

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

2. تطابق النظام مع العالم الحقيقي

إحدى الأمثلة التي يتجلى فيها اقتباس برنامج فوتوشوب لمصطلحات وأشكال من العالم الحقيقي، هو استخدامه لمصطلحات وإشارات مماثلة لتلك التي نستخدمها في مجال التصوير الفوتوغرافي أو في مجال الطباعة، حيث يستخدم مفاهيم ومصطلحات مثل RGB الذي يشير إلى الألوان الأساسية الثلاث الأحمر والأخضر والأزرق وHue، أي الصبغات والسطوع Brightness والتشبع بالألوان Saturation ونظام الألوان CMYK الذي يشير إلى أربعة ألوان هي الأزرق السماوي والأرجواني والأصفر والأسود. على الجهة الأخرى، نرى أشكالًا تحاكي عالمنا الحقيقي مثل أداة Dodge والتي تسمع بتفتيح الألوان في مناطق معينة في الصورة وأداة Burn التي تسمح بإعتام تلك المناطق. نلاحظ أن شكلا هاتين الأداتين مشابه لحركات وأدوات المصورين عندما كانوا يعالجون الصور في مختبرات التصوير المظلمة قبل ظهور تقنيات التصوير الرقمي.

تحاكي أداة Dodge وBurn تقنيات المختبرات المظلمة التي كانت مخصصة لمعالجة الصور الفوتوغرافية.

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

3. إمكانية التحكم وحرية المستخدم

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

يمكن للمستخدمين التراجع خطوةً للخلف أو للأمام من قائمة Edit تحرير، أو بدلًا من ذلك، يمكنهم استخدام الاختصار الأكثر شهرةً في عالم الحاسوب Ctrl + Z.

4. الاتساق والمعايير

يحافظ البرنامج على التخطيط القياسي والشكل والمظهر عندما يتعلق الأمر بشريط القوائم، بالإضافة إلى استخدامه للمصطلحات المعروفة مثل New لإنشاء صفحة عمل جديدة، وOpen لفتح صورة أو ملف، وSave As لحفظ المشروع باسم معين،…إلخ.

تعرض قائمة ملف File، مجموعةً متنوعةً من الخيارات المألوفة للغاية بين أوساط مستخدمي البرامج الحاسوبية.

5. منع الخطأ

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

عندما يمرر المستخدم مؤشر الفأرة فوق رمز Eraser الممحاة، ستظهر له عبارة Eraser Tool أي أداة الممحاة.

6. التعرف بدلًا من التذكر

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

نلاحظ في الصورة كيف يمكن للمستخدم التعرف على صورة التي يريدها (صورة لغروب الشمس)، وذلك من خلال عرض الصورة بشكلها المصغر دون الحاجة إلى معرفة أو تذكر تسميتها.

7. المرونة وكفاءة الاستخدام

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

حيث يمنح البرنامج المستخدمين الدائمين إمكانية حفظ الإعدادات التي ضبطوها عندما خصصوا مساحة العمل.

8. التصميم الجمالي والبساطة

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

نلاحظ في الصورة بساطة شريط ادوات فوتوشوب من خلال تمثيل الأدوات بأيقونات فقط.

9. مساعدة المستخدمين في التعرف على الأخطاء وتشخيصها وإصلاحها

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

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

10. المساعدة والتوثيق

يمكن للمستخدم إيجاد دليل المساعدة والتوثيق بسهولة عبر شريط القائمة الرئيسية، ومن هناك يمكنه العثور على مجموعة متنوعة من الموضوعات المساعدة والدروس التعليمية حول كيفية الاستفادة الكاملة من البرنامج.

تعرض النافذة معلومات حول كيفية إنشاء عمليات تمرير create rollovers في مجال رسوميات مواقع الانترنت، كما يستطيع المستخدم أيضًا رؤية قائمة الموضوعات في القائمة الجانبية على يسار النافذة.

ورقة عمل

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

في الختام

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

ترجمة -وبتصرّف- للمقال User Interface Design Guidelines: 10 Rules of Thumb لصاحبه Euphemia Wong.

اقرأ أيضًا

• تصميم واجهة المستخدم مبادئ يجب تعلمها من أخطاء مؤلمة
• مقدمة عن أنماط تصميم واجهة المستخدم وقوالب تصميمها مع أمثلة عملية
• اختبار التصميم وأفضل الطرق لإجرائه
• منافسة البيدق والملك في تصميم واجهة المستخدم UI Design
• تصميم تجربة المستخدم من خلال بيانات وإحصائيات المستخدمين