كيفية إنشاء إرشادات خطوة بخطوة باستخدام العناصر المرئية

نشرت: 2017-02-21

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

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

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

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

قبل أن تبدأ في التخيل ، ضع في اعتبارك جمهورك

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

جمهور

ضع في اعتبارك ما يلي:

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

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

حدد العملية بأكبر قدر ممكن من التفاصيل فقط حسب الضرورة

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

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

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

أنواع المرئيات ومتى يتم استخدامها

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

  • الصور الثابتة - هذه هي الوسيلة المثالية عند محاولة تصور منتج مادي ، سواء كان شخصًا أو كائنًا معينًا مثل نوع من المقلاة. يمكن أن تكون هذه صورًا مخزنة أو صورًا التقطتها.
  • لقطة شاشة - تعتبر الصورة الثابتة لشاشتك رائعة عند التحدث عن المنتجات التي تظهر على جهاز الكمبيوتر الخاص بك ، مثل موقع ويب أو برنامج آخر. من السهل جدًا التقاطها وتحريرها ، خاصة بفضل Snagit.
  • GIF - الصور المتحركة مثالية لشرح العمليات القصيرة (أقل من 8 ثوانٍ) والتي قد لا تكون مفصلية بسهولة.
  • الرسم البياني - المخططات الشريطية والمخططات الدائرية والمخططات الخطية وأنواع كثيرة من المخططات! الرسم البياني هو الخيار الأفضل عند التحدث عن مجموعة من الأرقام ومقارنتها.
  • الفيديو - المرئي النهائي ، يعد الفيديو رائعًا لشرح العملية. إن كيفية صنع فيديو تقني رائع هي شكل فني يمكن بالتأكيد أن تساعده هذه العملية ولكنها تتطلب المزيد من التخطيط. (من حسن حظك أنني تعلمت الكثير من TechSmith ، ولديهم الكثير ليقولوه حول هذا الموضوع).

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

مخطط مثال

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

جدول {

انهيار الحدود: انهيار.

}

الجدول ، الدفتر ، {

الحد: 1 بكسل صلب # 404040 ؛

الحشو: 4 بكسل ؛

}

خطوات المرئيات
1. اجمع كل المكونات لضمان عدم فقدان أي شيء. إذا كان أحد المكونات مفقودًا ، فاكتسب هذا المكون قبل المتابعة. صورة المكونات المجمعة
2. سخن الفرن إلى 350 درجة فهرنهايت.
3. دهن قالب كيك بقياس 9 × 9 بوصة بالطحين ودهنه بالطحين.
4. في وعاء متوسط ​​، اخفقي السكر والزبدة معًا. GIF لعملية الدهن
5. اكسر البيض في الوعاء واحدًا تلو الآخر مع التحريك لدمجها.
6. أضيفي الفانيليا.
7. ينخل الطحين والبيكنج بودر في الوعاء ويخلط حتى يمتزجا. قد تكون هناك كتل أو خطوط من الدقيق متبقية. GIF للغربلة أو صورة الحليب الجاهز للمنتج النهائي
8. حركي الحليب حتى يصبح الخليط ناعما تماما. صورة للعجين النهائي (ممكن جنبًا إلى جنب مع الصورة للخطوة 7)
9. صب الخليط أو ملعقة في قالب الكيك.
10. اخبزيها لمدة 30 إلى 40 دقيقة في فرن مسخن مسبقاً. تنضج الكعكة عندما يصبح لونها بنياً ذهبياً من الأعلى. يجب أن يعود الجزء العلوي إلى اللمس. صورة من الكعكة الجاهزة

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

اختر العناصر المرئية الخاصة بك

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

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

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

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

مقابلة

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

اختبار غير خاضع للإشراف

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

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

اختبار خاضع للإشراف

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

اطرح الأسئلة على طول الطريق. فمثلا:

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

تغليف

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

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

ملاحظة المحرر: تم نشر هذا المنشور في الأصل في نوفمبر 2017 وتم تحديثه من أجل الدقة والشمول.