بشكل عام، يقوم الشخص بمشاركة محتوى معين على الانترنت…:

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

قمت بترتيبها من الدافع الأقوى الى الأضعف (برأيي الشخصي).

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

(ملاحظة: القائمة منقوله بتصرّف من كتاب Designing for the Social Web. كتاب رائع سأقوم بالكتابة عنه قريباً ان شاءالله)

مدة الفيديو دقيقة ونصف فقط، وستراني (او ترى يدي بالأصح) وانا اتصفّح النظام. كم مشكلة يمكنك ان تكتشف في قابلية استخدام (او سهولة استخدام) النظام قبل ان تطّلع على قائمة المشاكل في الأسفل؟

(يفضّل تغيير دقّة الفيديو من الأسفل الى 720p حتى تراه بوضوح)

المشاكل

هذه بعض المشاكل الموجودة في النظام:

1. بطء استجابة النظام للمس.
2. عناصر القائمة الرئيسية لا تبدو كشيء يمكنك ان تختاره (كزر مثلاً، مثل الخيارات الموجودة في الأعلى)، وهو ما قد يجعل البعض يعتقد انها مجرد “ديكور” فقط أو جزء من الخلفية:
3. عند اختيارك لأي قسم من الأقسام الموجودة في القائمة الرئيسية، يقوم النظام بنقله بشكل فوري الى أول القائمة مما يتسبّب في تغيير ترتيب الأقسام في هذ القائمة و “لخبطة” المستخدم. برأيي سيكون من الأفضل لو كانت هناك حركه بسيطه (animation) توضّح للمستخدم ان القسم الذي اختاره تحرّك وانتقل الى بداية القائمة.هذا شكل القائمة قبل اختيار احد الأقسام:
   

   وهذا بعده:
   

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

وهناك بعض المشاكل الأخرى، ولكن هذه كانت أهمها.

هل لاحظت أي من المشاكل الأخرى التي لم اذكرها؟

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

عند اتصالك على 902 (رقم خدمة العملاء في شركة STC)، ستسمع التالي (الأرقام الحمراء تشير الى ما سأقوم بالتعليق عليه لاحقاً):

مرحبا بك في STC، مركز العناية بعملاء الجوال 902. عملينا العزيز، أهلا بك وتسعدني خدمتك. (1)

لخدمتك من الرقم الذي تتصل منه، يرجى اختيار الرقم 1. واذا اردت الاستعلام عن رقم جوال آخر، يرجى اختيار الرقم 2. (2)

(بعد اختيار الرقم 1)

الآن جميع مكالماتك الدولية بـ75 هلله بعد الدقيقة الاولى، كلم العالم باقل الاسعار للتواصل مع اهلك واصحابك في الخارج. (3)

اذا اردت معلومات عن الفواتير أو الخدمات الخاصة بها اختر الرقم 1، ولخدمات الجوال اختر الرقم 2، كما يسعدني تعاملك مع برنامج قطاف باختيارك للرقم 3 (4)، واذا اردت الاستماع لآخر العروض والتخفيضات فاختر الرقم 4.

هناك عدة مشاكل موجودة في الجزء المذكور بالأعلى من نظام الرد الآلي. تعليقاً على الأرقام الحمراء:

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

من الملاحظات والمشاكل السابقة نستخلص التالي:

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

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

بالمناسبة، في الدول الغربية هناك شركات تقدّم خدمة تطوير قابلية الاستخدام هذه الانظمة، باستخدام طرق تشبه الطرق المستخدمه في تطوير قابلية استخدام مواقع الانترنت وغيره.

ما رأيك انت؟ شاركنا برأيك في التعليقات

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

ويمكنك بالطبع متابعة جديد المواضيع بالاشتراك بخلاصة الموقع (RSS) أو متابعة حسابي تويتر أو فيسبوك.

ألقاكم قريباً باذن الله.

يمكنك الاستفادة من هذه الاداة بعدّة طرق مثل:

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

وهذه صورة توضّح لك كيف يبدو الموقع عند استخدام الاداة:

صورة لموقع قبل استخدام الاداة عليه (أعلى) ثم بعد استخدامها عليه (أسفل)

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

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

اذا كانت لديك أية اسئلة فلا تتردّد بكتابتها في التعليقات.

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

المشكلة

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

الحل

كيف نحل تلك المشكلة؟ الحل أبسط مّما تتوقع. كل ما عليك فعله هو وضع نص في صفحة التواصل (عادة صفحة “اتصل بنا”) توضّح للزائر متى يجب أن يتوقع الرد على استفساراته. على سبيل المثال:

يمكنك استخدام النموذج أدناه لمراسلتنا. سنرد على رسالتك خلال 48 ساعه.

أو:

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

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

قد تتسائل “ولكن 24 ساعة أو 48 ساعه (أو أكثر) هو وقت طويل للرد على استفتسار الزائر، ولن يرغب في الانتظار طوال تلك المدة!”، ولكن في الواقع عدد الاستفسارات التي تحتاج الى اجابة فوريّة عادة قليل نسبياً.

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

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

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

اذا كنت مثل أغلبيّة الناس، فعلى الأغلب انك قمت بالخيار الآخر – العبث بالبرنامج أولاً قبل قراءة أي شيء.

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

على سبيل المثال: في موقع جريدة الجزيرة، ستجد بعض الارشادات تسبق نموذج التعليق:

نموذج التعليق في جريدة الجزيرة

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

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

ما الحل اذن؟ كيف نجعل المستخدم يقرأ للارشادات؟

هناك عدة اشياء يمكنك القيام بها لمحاولة حل المشكلة:

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

   نموذج التعليق في جريدة الجزيرة بعد التطوير

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

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

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

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

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

ولكن لننظر الى انفسنا للحظه: نحن لا نحب أن نفكّر في أغلب الأفعال التي نقوم به يومياً. وعندما أقول “نحن” لا أقصد العرب فقط، بل جميع البشر.

هل تفكّر في كيف يجب أن تمسك بالقلم عند الكتابة؟ هل تفكّر في تفاصيل كيفيّة قيادة السيارة عند استخدامها؟ هل تفكّر في أي جانب من فمك يجب أن تمضغ الطعام به عند الأكل؟

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

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

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

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

اذا اردت الاستزادة في كيفية تصميم موقعك بحيث لا تجعل زوّاره “يفكّرون”، فاقترح قراءة كتاب Don’t Make Me Think (لا تجعلني أفكّر)، وهو من أشهر الكتب في هذا المجال. لا أذكر أنه شرح ما ذكرته في هذا الموضوع، ولكن على الأقل عندما تقرأه الآن ستعرف ان مساعدتك الناس على “عدم التفكير” هو ليس ترفاً، وانما شيئا مهماً.

لغتك الانجليزية ضعيفه؟ لا تقلق، تابع مواضيع هذه المدوّنة وستجد ما يفيدك ان شاءالله.

المقدّمة الفلاشية في موقع شركة الاتصالات المتكاملة، وهي عبارة عن دعايه لخدماتهم

تستخدم هذه المقدّمات الفلاشية عادة لاحدى الأسباب التالية:

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

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

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

بالتأكيد!

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

الموقع شرح فكرته بشكل مختصر كتابياً ومن ثم وضع الفيديو لشرح الفكره بشكل أعمق

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

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

وبهذه الطريقة نتجنّب مشكلة المقدّمات الفلاشية باستبدالها بطريقة أكثر فعالية وأقل ازعاجاً للزوّار.

بطل الفيديو: موقع طيران ناس

ما رأيك؟

وبالمناسبة، ما رأيك أيضاً في طريقة التدوينات المرئية كهذه؟