الكيفية: نسخ إلى الحافظة على الويب
نظرًا لأنني سأكتب العديد من أدلة التعليمات البرمجية والمقالات التي تحتوي على مقتطفات التعليمات البرمجية في تطبيق الويب التدريجي هذا ، فمن الضروري تغطية المهام التالية التي سيتطلبها المستخدم:
- سهولة قراءة الكود
- إجراء بسيط وواضح لنسخ الكود المغلف
هذا هو الحد الأدنى المطلوب للحصول على أمثلة تعليمات برمجية مفيدة. لكن هل يمكنني تحسينه؟
تحسين المشاركة
لرفع مستوى وظائف النسخ إلى الحافظة في تطبيقي ، فكرت في كيفية جعل النقر على زر النسخ أكثر متعة ، حيث أن تجربة المستخدم المبهجة (UX) لها تأثير جانبي لطيف لزيادة المشاركة.
توصلت إلى ما يلي: ماذا لو "أجاب" التطبيق بطريقة تشبه الدردشة عندما ينسخ المستخدم إلى الحافظة؟ ستكون التجربة على الفور أكثر شخصية. باستخدام لغة متعجرفة وغطرسة ، فإن الرسائل المقدمة لها أيضًا طابع فريد بالنسبة لها.
دعنا نلقي نظرة على النتيجة النهائية:
I'm a code example, sort of.
Click on the button in the bottom right corner to copy.
كما ترى ، فإن التسلسل الهرمي يكون على هذا النحو من أعلى إلى أسفل:
- محاكاة نافذة أصلية مع عناصر تحكم في النافذة
- المحتوى
- الإجراءات (حتى وقت الكتابة ، فقط النسخ إلى الحافظة)
التطبيق
عندما يقوم المستخدم بنسخ الكود إلى الحافظة ، يتم عرض اختيار عشوائي من مجموعة محددة مسبقًا من المقتطفات النصية لفترة قصيرة من الوقت. يتم إنشاء الاختيار العشوائي لكل مثال رمز. لتقليل التعقيد ، لا يمكن ضمان أن يكون النص فريدًا في نطاق المقالة. ومع ذلك ، هناك الكثير من السلاسل للاختيار من بينها ، واحتمال الاصطدامات ضعيف.
وهذا كل ما في الأمر! آمل أن يعجبك هذا التحسين الصغير لـ UX لإجراءات النسخ إلى الحافظة ، ربما ألهمك لتغييرات UX في تطبيقك أيضًا!
- Tom
