دليل شامل لرواية القصص المرئية لتصميم واجهة المستخدم / UX للتطبيق

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

هل تساءلت يوما لماذا؟

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

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

لكن الأسئلة التي تظهر هنا هي - هل الاستثمار في رواية القصص المرئية يستحق كل هذا العناء حقًا ؟ ما هي أهمية سرد القصص في تصميم واجهة المستخدم؟ ما هو الأسلوب الصحيح لإدخال هذه التقنية في تصميم UI / UX الخاص بك؟ وماذا يحمل المستقبل؟

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

ما هو سرد القصص المرئية في تصميم UX؟

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

يتم تنفيذ تقنيات سرد القصص المرئية على نطاق واسع في عملية تصميم ومراجعة UX لتطبيق جوال للاستفادة من عدد لا يحصى من الفوائد لكل من العملاء والعلامات التجارية ، مثل: -

فهم أفضل

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

الآن ، هنا ، يعرض سرد القصص المرئي العناصر المرئية التي تولد دفعة في أذهانهم وتعلق بعض المعنى على ما يرونه. هذا يساعدهم في النهاية على فهم جوهر المفهوم.

سهولة التذكر

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

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

المزيد من المشاركة

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

الاتصالات التجارية

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

يؤدي أعلى

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

التسويق الفعال

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

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

لكن ، انتظر!

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

لماذا رواية القصص المرئية مهمة؟

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

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

دعنا نراقب أفضل طريقة لبناء سرد مرئي في تصميم UX وما يخبئه المستقبل.

لذلك ، لنبدأ بالنصائح (والاستراتيجيات) لإضافة سرد القصص المرئي في تصميم UX للتطبيق.

8 نصائح لسرد القصص المرئية في تصميم UX

افهم جمهورك المستهدف

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

لذلك ، بذل قصارى جهدك لفهم جمهورك المستهدف وبناء قصة حوله.

اجعلها بسيطة ولكن تفاعلية

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

[ تعرف على المزيد حول أنماط F و Z هنا .]

ركز على بناء الانطباع الأول

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

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

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

أضف بعض العناصر البشرية

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

استخدم المرئيات التي تثير المشاعر الإيجابية

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

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

تطابق المرئيات مع الطباعة

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

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

كن أصيلًا ومراعيًا للثقافة

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

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

نقدر التنفيذ الذي لا تشوبه شائبة

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

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

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

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

رواية القصص التفاعلية

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

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

رواية القصص الواقعية

نظرًا للتطور المستمر في تكنولوجيا AR / VR والأجهزة القابلة للارتداء والنجاح الذي لا يسبر غوره لـ Pokemon Go ، استثمر مصممو تطبيقات الأجهزة المحمولة وقتهم وجهدهم في تقديم تجربة تتجاوز دورة 24/7 هذا العام.

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

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

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

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

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

سرد القصص في الوقت الفعلي

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

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

رواية القصص ذات التأثير الاجتماعي

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

استخدام القوالب النمطية أمر حتمي

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

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

اختيار محتوى القص المرئي

أشرطة الفيديو البطل

فكر في الحافز الخاص بك: ما قصتك في جملة واحدة؟

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

أضف التفاعل للحصول على نقاط UX الإضافية

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

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

استخدام الفضاء

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

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

التسلسل الهرمي البصري

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

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

صور الخلفية

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

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

التمرير المنظر

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

كيف ستفعل قصة UX؟

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

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

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