لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 11/26/25 في كل الموقع
-
هل فيها مشروع كبير كامل يشبه مشروع الشركات (100k+ صف + تنظيف + تحليل + Dashboard)؟ هل يوجد فيها مشروع نفس هذا في دورة الذكاء الاصطناعي تقوي ال CV عندي لان الي شفته اغلب المشاريع تعليمة استخدام الادوات وكذا ولكن سؤالي هل بيكون فيه مشروع فعلي نفس ماذكرت يجمع كل الي تعلمته .؟؟1 نقطة
-
ازاي اتعامل مع برنامج فيجما لأن مستخدمتوش قبل كدا ازاي اخد منه تصاميم وهكذا واشتغل عليها ابرمجها يعني1 نقطة
-
هل يمكنني التحكم بالـ"controls" للعنصرين audio وvideo في لغة html؟ أي كيف يمكنني إضافة المزيد من عناصر التحكم وليس التي توفيرها controls فقط.1 نقطة
-
نعم يمكنك ذلك ولكن لا يتم من خلال الـHTML وحده، بل عبر الجمع بين HTMLو+ JavaScript، في العادة عند استخدام السمة controls يتم عرض أزرار التشغيل والإيقاف ومستوى الصوت والتقديم التلقائي حسب المتصفح، لكن إذا أردت إضافة عناصر تحكم مخصصة كزر لتغيير السرعة، التكرار، الانتقال لوقت معين، أو حتى إنشاء واجهة كاملة خاصة بك، فعليك إخفاء controls الافتراضية، وإنشاء أزرار أو عناصر UI يدوية والتحكم بها عبر API الوسائط في JavaScript مثل، currentTime, volume, playbackRate وغيرها، و بهذه الطريقة يمكنك بناء مشغل صوت وفيديو كامل بواجهة وتصميم مخصّصين يلبيان الوظائف التي تحتاجها تماما، سواء كانت بسيطة أو احترافية.1 نقطة
-
عند إنشاء موقع ويب هناك العديد من العوامل التي يجب مراعاتها جيدًا، ومن بين هذه العوامل ضرورة جعل الموقع سهل الاستخدام لجميع الأشخاص، بغض النظر عن قدراتهم و إعاقاتهم، وهنا تأتي أهمية تطبيق مبادئ سهولة الوصول لموقع الويب. إذًا ما هي بالضبط سهولة الوصول لموقع الويب؟ في الواقع، سهولة الوصول لموقع الويب هي عبارة عن مجموعة من الممارسات التي تضمن توفير نفس فرص الوصول إلى المواقع للأشخاص ذوي الاحتياجات الخاصة. بمعنى آخر: يتمكن هؤلاء الأشخاص من الاستفادة من السلع والخدمات التي تقدمها تلك المواقع بنفس القدر المتاح للآخرين، لذا لا يمكن تجاهل حقيقة أن سهولة الوصول لموقع الويب تشكل جزءًا لا يتجزأ من عملية تصميم وتطوير المواقع باحترافية. سنقدم في هذه المقالة 15 من أبرز الممارسات التي تعمل على تعزيز سهولة الوصول لموقع الويب، سوف تغطي هذه الممارسات الشائعة عدة جوانب مختلفة، مثل: تصميم واجهة المستخدم السهلة، وتوفير الوصول للمحتوى الصوتي والبصري، وضمان التوافق مع متصفحات الويب المختلفة، وغيرها الكثير. لماذا يجب أن تهتم بسهولة الوصول؟ هناك العديد من الأسباب التي تجعل المطورين والمصممين وأصحاب العمل/ العملاء يولون اهتمامًا لسهولة الوصول لضمان أنها تشكل جزءًا مبكرًا ومتكاملًا من عملية تطوير الويب، ومن ضمن تلك الأسباب ما يلي: في العديد من المناطق مثل الولايات المتحدة الأمريكية والاتحاد الأوروبي والمملكة المتحدة واليابان، يُعَد عدم التمييز ضد الأشخاص بسبب إعاقتهم مطلبًا قانونيًا، ففي الولايات المتحدة مثلًا، رُفعت 2235 دعوى قضائية جديدة بموجب قانون الإعاقة في عام 2019 بالمحكمة الفيدرالية، وهو ما يعادل متوسط دعوى قضائية واحدة في الساعة. المواقع التي يمكن الوصول إليها، عادةً ما تكون مكتوبة بشيفرة برمجية مُحسنة وأكثر قوة، مما يجعلها تحظى بتصنيف جيد على محركات البحث. المواقع التي يصعب الوصول إليها تُعد ضارة للأعمال التجارية، ففي دراسة استقصائية أُجريت في المملكة المتحدة عام 2019، وُجِد أن أكثر من 4 ملايين شخص تخلى عن موقع ويب للبيع بالتجزئة بسبب العوائق التي واجهوها في الوصول إلى الموقع. إبعاد العملاء المحتملين طوعًا بسبب صعوبة الوصول يُعَد أمرًا سيئًا من الناحية التجارية. الأخطاء الأكثر شيوعا في أهم مليون صفحة رئيسية بعد دراسة العوائق الرئيسية التي تواجه مواقع التجارة الإلكترونية التي أُبلِغ عنها من قِبَل المستخدمين الذين يواجهون بعض الصعوبات، بالإضافة إلى مجموعة كبيرة من المواقع (وهي الصفحات الرئيسية لأفضل مليون موقع) التي حُلِّلَت تلقائيًا بواسطة WebAIM في أغسطس 2019، تبين أن 98٪ من تلك الصفحات المُحللة تحتوي على خطأ واحد على الأقل. ومن بين تلك الأخطاء الأكثر شيوعًا ما يلي: نص منخفض التباين (86.1٪). نص بديل مفقود للصور (67.9٪). روابط فارغة (58.9٪). تسميات إدخال النموذج مفقودة (53.2٪). لغة المستند المفقودة (30.5٪). سنتعرف فيما يلي على كيفية تجنب الأخطاء الشائعة الأخرى. كيفية تحسين سهولة الوصول إلى موقع الويب - أفضل 15 ممارسة توجد قائمة مرجعية تشمل أفضل 15 ممارسة لتحسين الوصول إلى مواقع الويب، وتهدف هذه الممارسات إلى التغلب على العقبات الرئيسية التي يواجهها الأشخاص ذوو الاحتياجات الخاصة، مع تقديم اقتراحات عملية لحل تلك المشكلات. لكن قبل كل شيء، يجب ملاحظة أن أيًا من أهم خمسة مشاكل تقنية تُعَد أخطاءً في التصميم أو في كتابة النصوص. 1. الكثير من المحتوى من المعروف أنه مع زيادة عدد الاختيارات يزداد الجهد المطلوب لجمع المعلومات لاتخاذ قرارات جيدة، إنه نفس الشيء عندما يتوافر الكثير من المحتوى، فسرعان ما يصبح ساحقًا. ولتسهيل قراءة وفهم المحتوى، يمكن اتباع الممارسات التالية في تصميم الويب: استخدام عنوان رئيسي واحد فقط <h1> على الصفحة. استخدام العناوين الفرعية بحرية لكسر "الرتابة" في النَص وتسهيل قراءة المحتوى للمستخدمين المبصرين؛ بينما يمكن لمستخدمي التقنيات المساعدة مثل قارئات الشاشة استخدام مفاتيح مختصرة للانتقال بين العناوين، أو الحصول على خريطة ذهنية للمحتوى من خلال ترتيب العناوين. الحفاظ على تسلسل العناوين عند استخدام العناوين الفرعية، يجب التأكد من أنها تتبع تسلسل صحيح. على سبيل المثال، إذا كنت تستخدم العنوان الفرعي <h3>، فتأكد من أنه مسبوق بالعنوان الفرعي <h2>. استخدام القوائم ذات التعداد النقطي التي كُتبت شيفرتها بطريقة صحيحة في HTML بهذا الشكل <ul> ،<li> لتوضيح قوائم المحتوى، فهذا يتيح لبرامج قراءة الشاشة إعلام المستخدمين بوجود "قائمة تحتوي على 10 عناصر" ويسمح لهم بالانتقال خلالها أو تخطيها بسهولة. استخدام اللغة البسيطة يسلط دليل Our tone of voice الذي أصدره بنك مونزو الضوء على أهمية استخدام اللغة الواضحة، يمكن تلخيصه فيما يلي: في عام 2010، أجرى المحامي الأمريكي شون فلامر تجربة حيث طلب من 800 قاضي محكمة أن يقفوا إلى جانب حجة قانونية تقليدية أو إلى جانب نسخة بلغة إنجليزية بسيطة. فَضَّل الحكام بالغالبية العظمى النسخة البسيطة من اللغة الإنجليزية بنسبة 66٪ مقابل 34٪، وكان هذا التفضيل ساريًا بغض النظر عن أعمارهم أو خلفياتهم. وفي ملاحظات فلامر عن النسخة البسيطة من اللغة الإنجليزية لوحِظ ما يلي: كانت النسخة البسيطة أقصر تقريبًا بصفحة واحدة، مما يوضح أنها تقلل من الجمل والكلمات غير الضرورية، وكان متوسط عدد الكلمات في الجملة يبلغ 17.8 كلمة، بينما كان المتوسط 25.2 كلمة في النسخة التقليدية. نتيجةً لذلك، إذا كنت ترغب في إرضاء القارئ، فاستخدم لغة إنجليزية بسيطة. 2. اختبار ReCAPTCHA يُعَد اختبار ReCAPTCHA الذي تقدمه شركة Google حلًا مجانيًا لحماية مواقع الويب من البريد العشوائي، وتهدف هذه الخدمة إلى أن يكون حلًا سهلًا للبشر وصعبًا على الروبوتات والبرامج الضارة الأخرى. ومع ذلك، كان هناك العديد من المستخدمين يعانون من بعض المشاكل مع إصدار ReCAPTCHA القديم. لحسن الحظ، أصبح نمط الحروف المتذبذبة لـ reCAPTCHA مهملاً الآن. أما في الوقت الحالي، يُعَد النمط الأكثر شيوعًا هو "No CAPTCHA reCAPTCHA" والمعروف أيضًا باسم مربع الاختيار "أنا لست روبوتًا"، إذ يُطلب من المستخدمين تحديد مربع يؤكد أنهم ليسوا روبوتًا، فإذا نجحوا في تجاوزه فلن تكون هناك حاجة لأي تفاعل إضافي؛ أما إذا فشلوا في تجاوزه، فسوف يُعرض لهم تحدي جديد. ومن إحدى أشكال reCAPTCHA المتاحة وقابلة للوصول، هي reCAPTCHA v3، والتي لا تتطلب أي تفاعل من المستخدم، ولكنها تتطلب جهودًا إضافية للتعامل مع الزيارات التي تفشل في الاختبار. يُعَد اختبار reCAPTCHA v3 واجهة برمجة تطبيقات مبنية بالكامل بلغة البرمجة JavaScript، إذ تُرجع نتيجةً تمكّنك من اتخاذ إجراءات في سياق موقعك، ومن بين تلك الإجراءات الممكنة: طلب عوامل مصادقة إضافية، أو إرسال إشعار للمشرف، أو تقييد أنشطة الروبوتات التي قد تنفذ عملية Scraping أو سحب للمحتوى؛ فباستخدام اختبار reCAPTCHA v3، يمكنك تعزيز مستوى الحماية وتعزيز التحقق من الهوية في موقعك دون أن تتسبب في إزعاج المستخدمين أو طلب إجراءات معقدة. 3. الافتقار للمقروئية كي تتماشى الفقرات مع بعضها البعض، يجب اتباع بعض الممارسات لجعل النص سهل القراءة. يجب ضمان تباين كافٍ بين النص والخلفية، إذ يُعَد سوء التباين واحدًا من أكبر عوائق الوصول على الويب، لذلك تتطلب توجيهات منظمة W3C نسبة تباين لا تقل عن 4.5:1، باستثناء النصوص ذات الحجم الكبير والصور التي تحتوي على نصوص ذات حجم كبير، والتي يجب أن تكون لها نسبة تباين لا تقل عن 3:1 (باستثناء الشعارات والنصوص "المحضة")، ويتوفر العديد من الأدوات التي يمكن استخدامها لقياس نسب التباين، مثل أداة قياس التباين التي طورتها Ada Rose Cannon. في حال كان المحتوى باللغة الإنجليزية، يجب عليك تجنب استخدام الأحرف الكبيرة لكتابة العناوين بالكامل، إذ هناك أدلة تشير إلى أنها أكثر صعوبةً في القراءة نظرًا لصعوبة تمييز شكل الأحرف والكلمات المشتركة عندما تكون الأحرف الكبيرة بنفس الارتفاع. بالإضافة إلى ذلك، قد يتهجى بعض قُراء الشاشة الأحرف الكبيرة كما لو كانت اختصارات، فإذا كنت بحاجة لاستخدام الأحرف الكبيرة في العناوين، يُفضل كتابتها بالأحرف الصغيرة في HTML ثم تحويلها إلى أحرف كبيرة باستخدام CSS من خلال هذه الشيفرة text-transform: uppercase. يجب محاذاة النص إلى اليمين (أو اليسار في حالة اللغات الأجنبية) وتجنب عمل Justify أو تمليس للنص، مما يجعل القراءة أكثر صعوبةً بالنسبة للأشخاص ذوي الصعوبات في القراءة، مثل عسر القراءة، لذلك يوصي دليل أسلوب الجمعية البريطانية لعسر القراءة باستخدام خطوط بدون سواريف، مثل: Arial و Comic Sans، إذ تظهر الحروف بشكل أقل كثافة. مع ذلك يمكن الاستعانة بخطوط بديلة، مثل: Verdana و Tahoma و Century Gothic و Trebuchet و Calibri و Open Sans. 4. الصور والرسومات المُشتتة يتطلب المستوى الأساسي لإرشادات الوصول إلى محتوى الويب WCAG لأي معلومات تتحرك أو تومض أو تمرر وتحتوي على ما يلي: تبدأ تلقائيًا. تستمر لأكثر من خمس ثوانٍ. تُعرض جنبًا إلى جنب مع محتوى آخر. في هذه الحالة يجب توفير آلية تتيح للمستخدم إيقافها مؤقتًا، أو إيقاف تشغيلها، أو إخفائها، ما لم يكن الحركة أو الوميض أو التمرير جزءًا من نشاط ضروري، فالتشتيت يُعد أمرًا مزعجًا، خاصةً بالنسبة للأشخاص الذين يعانون من اضطراب نقص الانتباه وفرط الحركة ADHD أو مشاكل التفكير الأخرى، ونظرًا لأن الحركة والوميض قد يسببان نوبات صرع، فحسب إرشادات الوصول إلى محتوى الويب WCAG، أن يجب ألا يومض المحتوى أكثر من ثلاث مرات خلال فترة زمنية تدوم لمدة ثانية واحدة. احترام اختيار المستخدم بشأن الرسوم المتحركة يُعَد توفر جميع أنظمة التشغيل الرئيسية خيارًا للمستخدمين للتعبير عن تفضيلهم لتقليل الحركة على الشاشة، وذلك بسبب اضطراب طيف الجهاز الدماغي البليغ الذي يمكن أن ينتج عن الحركة، ويمكن لموقع الويب الخاص بك اكتشاف ما إذا فَعَّل المستخدم هذا الاختيار باستخدام استعلام تقليل الحركة في CSS باستخدام هذه الشيفرة prefers-reduced-motion. وفي هذا السياق، نسمح فقط بتحريك الزر إذا لم يعبر المستخدم عن أي تفضيل بشأن الحركة: @media (prefers-reduced-motion: no-preference) { button { /* `vibrate` keyframes are defined elsewhere */ animation: vibrate 0.3s linear infinite both; } } وفي حال كنت تبحث عن تعديل موقع يحتوي على العديد من قواعد الرسوم المتحركة، فقد يؤدي ما يلي إلى إيقاف جميع رسوم CSS المتحركة المعلنة مسبقًا: @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.001s !important; transition-duration: 0.001s !important; scroll-behavior: auto !important; } } كما يسمح لنا عنصر HTML للصورة picture element بعرض صورة ثابتة بدلًا من صورة متحركة GIF للمستخدمين الذين يعبرون عن تفضيل تقليل الحركة. <picture> <source srcset="no-motion.jpg" media="(prefers-reduced-motion: reduce)"> <img srcset="animated.gif" alt="brick wall"> </picture> أيضًا، فيما يتعلق بموضوع احترام تفضيلات نظام التشغيل للمستخدم، قد ترغب في التفكير في تصميم موقع الويب الخاص بك للوضع المظلم. 5. معلومات غير كافية حول الروابط غالبًا ما يكون أحد أسباب ضعف المعلومات المتعلقة بالروابط ناتجًا عن سوء كتابة النص، فمعظم قارئات الشاشة تسمح للمستخدم بعرض قائمة سريعة للروابط الموجودة في الصفحة، إذ يمكن استخدام اختصار لوحة المفاتيح Ins + F7 لعرض قائمة سريعة للروابط في قارئات الشاشة التجارية الشهيرة JAWS، أما في قارئ الشاشة NVDA المجاني فيمكن عرض قائمة الروابط والعناوين والعلامات بنفس اختصار لوحة المفاتيح. ومع ذلك، إذا كان كل رابط يحتوي على نص يقول "انقر هنا" أو "اقرأ المزيد"، دون وجود أي عنصر آخر يمكن تمييز الرابط به، فإن هذا لا يوفر الفائدة المطلوبة. وأحد الطرائق السهلة لحل هذه المشكلة هو ببساطة كتابة نصوص فريدة للروابط؛ وإذا لم يكن ذلك ممكنًا، فيمكن استخدام السمة aria-label الفريدة على كل رابط لتجاوز النص المرئي للتقنيات المساعدة. وإليك مثال جيد من موقع جوملا يوضح ذلك. ففي المثال السابق سوف تلاحظ أن نص الرابط المرئي ببساطة هو "اقرأ المزيد"، ولكن Joomla تستخدم السمة aria-label لجعل كل رابط فريدًا بالنسبة للتقنيات المساعدة. <a href="joomla-group-2-president-election-results.html" aria-label="Read more: Joomla Group 2 - President election results">Read more</a> <a href="forum-for-the-future-re-engage-re-ignite-stream.html" aria-label="Read more: Forum for the Future: Re-Engage & Re-Ignite Stream">Read more</a> ونظرًا لأن النص الموجود في السمة aria-label سوف يُستخدم عوض نص الرابط بواسطة التقنيات المساعدة، توصي W3C ببدء النص المستخدم في السمة aria-label بالنص المستخدم داخل الرابط، حيث "سيتيح ذلك بالتواصل المتسق بين المستخدمين". <a href="results.html" title="click here to read more about the election results">Read more></a> ويرجع السبب في عدم فعل ذلك، إلى أن معظم برامج قراءة الشاشة لا تعرض محتوى السمة title لاعتياد المطورون على حشوها بكلمات رئيسية لأغراض "تحسين محركات البحث"، لذلك يعطلها بائعو برامج قراءة الشاشة افتراضيًا، كما تقدم المتصفحات محتوى السمة title على أنها "تلميحات" تكون متاحة فقط لمستخدمي الفأرة عند عمل تحويم hover عليها بالفأرة. ينبغي أن تُعرَض الروابط على هيئة روابط افتراضيًا، تُسَطَّر الروابط في المتصفحات، لذلك من الأفضل عدم تغيير هذا الوضع، لكن إذا كان هناك خلاف مع المصمم حول هذه المسألة، فيجب توفير نسبة تباين بنسبة 3:1 بين نص الرابط والنص المحيط به الذي ليس رابطًا، كما يجب أن يوفر الرابط بعض المؤشرات غير اللونية التي تشير إلى أنه رابط، مثل: تغير الشكل عند تحويم مؤشر الفأرة فوقه أو التركيز عليه. على سبيل المثال: a:hover, a:focus {text-decoration: underline;} فعندما يركز المستخدم على الرابط باستخدام وسائل أخرى غير الفأرة، مثل: لوحة المفاتيح أو القلم الضوئي أو الإدخال الصوتي، فسيُطبق نمط التركيز Focus Style لجعل الرابط يظهر بخط تحتي أو مُسَطَّر، وبوجهٍ عام ينبغي تطبيق تأثير التحويم Hover Style في أي مكان على الصفحة. كما يجب أيضًا تطبيق تأثير التركيز Focus Style. فمن خلال "التصميم غير اللوني" الذي في حالتنا هو الخط التحتي أو التسطير، نضمن أن الزوار ذوي الرؤية المحدودة أو صعوبة في التمييز بين الألوان يمكنهم ملاحظة التغيير عند التحويم أو التركيز على التص. علاوةً على ذلك، فإن قارئات الشاشة تعلن تلقائيًا عن "الرابط" قبل الوصول إلى نص الرابط. أخبر الزوار إذا كان الرابط يفتح في علامة تبويب/ صفحة جديدة يمكن أن يسبب فتح رابط في علامة تبويب أو نافذة جديدة للزائر بعض الارتباك، خاصةً إذا كان هذا النمط مقتصرًا على بعض الروابط فقط في الصفحة مثل: فتح الروابط الخارجية في علامة تبويب جديدة، وفي حالة وجود هذا النمط بموقعك الإلكتروني، يجب أن تنبه المستخدم إما من خلال نَص الرابط نفسه أو باستخدام السمة aria-label كما بالمثال التالي: <a href="عنوان الرابط" aria-label="فتح الرابط في علامة تبويب جديدة" target="_blank">النص الخاص بالرابط</a> أخبر الزوار إذا كان الرابط يؤدي إلى ملف إذا كان الرابط يؤدي إلى ملف (مثل ملف PDF أو فيديو)، فمن الضروري إبلاغ الزوار بذلك عن طريق وضع تنبيه في نَص الرابط نفسه من خلال السمة aria-label؛ فعدم إخفاء هذه المعلومة قد يكون مفيدًا أيضًا للعديد من المستخدمين القادرين على الرؤية. على سبيل المثال، بعض الهواتف المحمولة قد لا تدعم فتح ملف بصيغة "docx."، وفي حالة إذا كان الملف كبيرًا، فمن الجيد أن تفكّر في إبلاغ المستخدم بالحجم التقريبي له، فقد يُفضل بعض المستخدمين عدم تنزيل ملف فيديو ضخم عبر شبكة الجيل الثالث (3G). ولتنفيذ ذلك يمكنك استخدام السمة download، والتي تتسبب في فتح مربع حوار نظام التشغيل لتنزيل الملف في المتصفح، وبوضع كل ذلك معًا، ستبدو الشيفرة البرمجية كما يلي: <a href="big-report.pdf" download>Annual report (PDF, 240 MB)</a> 6. خطأ آخر في التصميم: إزالة حلقة التركيز لقد ذكرنا سابقًا أن سمة التركيز focus: هي مؤشر بصري لا يقدر بثمن لأولئك الذين لا يستطيعون استخدام الفأرة لأي سبب من الأسباب، مثل الذين يعانون من متلازمة تكرار إجهاد اليد (RSI) أو مرض باركنسون أو التصلب المتعدد، ومع ذلك يرى بعض الأشخاص أن استخدام الفأرة وظهور حلقة التركيز أمرًا غير جمالي ثم يوقفونه باستخدام CSS، مما يؤدي إلى عدم قدرة المستخدمين الذين يعتمدون على لوحة المفاتيح على الوصول إلى الموقع. ولحل هذه المشكلة، قُدِّمَت سمة جديدة تُسمى focus-visible: التي قَدَّم متصفح فايرفوكس الدعم الأول لها. تُضيف هذه السمة تأثير تركيز على العنصر عند الوصول إليه باستخدام لوحة المفاتيح أو جهاز تأشير غير الفأرة، بينما لا يظهر أي شيء للمستخدمين الذين يستخدمون الفأرة للتأشير. ونظرًا لاحتمالية عدم دعم المتصفح الذي تستخدمه لتلك السمة، يقترح علينا باتريك لاوكي استخدام شيفرة CSS التالية للتعامل بشكل جيد مع جميع المتصفحات: button:focus { /* some exciting button focus styles */ } button:focus:not(:focus-visible) { /* undo all the above focused button styles if the button has focus but the browser wouldn't normally show default focus styles */ } button:focus-visible { /* some even *more* exciting button focus styles */ } 7. ملء النموذج نظرًا للأهمية الحيوية للنماذج في مواقع التجارة الإلكترونية، فمن المدهش وجود عدد كبير من النماذج غير المتاحة للوصول إليها، وغالبًا ما يحدث ذلك بسبب عدم تنسيق عناصر النموذج بطريقة صحيحة في المتصفحات القديمة، لذلك شَرَعَ المطورون بإنشاء عناصر نموذج مزيفة باستخدام سمات HTML أخرى، لكن في المقابل تتيح المتصفحات الحديثة إمكانية إنشاء نماذج تحتوي على مربعات اختيار جذابة، وأزرار اختيار متعددة، ومكونات تحديد مخصصة، ومربعات تحرير وسرد، وعناصر تحكم الإكمال التلقائي التي يمكن الوصول إليها، وغيرها الكثير. الملء التلقائي هو صديقك تتيح إمكانية تعبئة النماذج تلقائيًا Autofill في المتصفحات للزوار بتنفيذ مهام أقل، مما يزيد من احتمالية استكمال النموذج وإتمام عملية التسجيل أو الشراء لمنتجك، وبهذا الصدد توجد مقالة رائعة بعنوان "Autofill on Browsers: A Deep Dive" مُقدَّمة من eBay تتحدث بأسلوب مفصل عن هذا الموضوع (ويجب التنويه عنها ليتعرف عليها الجميع). علاوةً على ذلك، تُعد التكملة التلقائية Autocomplete الطريقة الأمثل المعتمدة حاليًا لتحقيق امتثال AA لمعيار النجاح 1.3.5: تحديد غرض المدخلات. جعل حقول النماذج تبدو كحقول النماذج افتراضيًا، تظهر حقول إدخال النماذج على شكل مربعات في المتصفحات، ويمكن تنسيقها باستخدام الهوامش والحواف والجوانب، ولكن يُفضل الاحتفاظ بها كمربعات، ففي الماضي اتبع العديد من المصممين نمط تصميم Material Design السابق لشركة جوجل قبل عام 2017، وهو تصميم يستخدم خطًا واحدًا لإدخال النص من قِبَل المستخدم. ومع ذلك، اكتشفت جوجل أن الخط الموجود أسفل حقول النص القديمة ليس واضحًا بما فيه الكفاية لبعض المستخدمين، وأنه يسبب الالتباس مع عنصر التقسيم Divider، وبناءً على ذلك غَيَّرت جوجل التصميم. وفي اختبارات استخدامية مع مشاركة 600 شخص، اتضح أن الحقول المحاطة بشكل مربع أداءها أفضل من تلك التي تحتوي على خط؛ فإذا كنت تفكر في استخدام مكتبة تصميم واجهة المستخدم الكاملة لـ Material Design المقدمة من جوجل، فينصح بقراءة المقالة "Stop using Material Design text fields!" لمعرفة ما إذا كانت تلبي احتياجاتك. ضع تسمية على جميع حقول النموذج يجب وضع تسمية على جميع حقول النموذج، بما في ذلك: إدخالات النص مربعات الاختيار أزرار الاختيار أشرطة التمرير وما إلى ذلك وأفضل طريقة لفعل ذلك هي استخدام العنصر <label> بلغة HTML. وفيما يلي عرض توضيحي لحقل نموذج غير موسوم وحقل نموذج موسوم، فالحقلان يبدوان متطابقين ولكن الحقل الأول ليس لديه تسمية في حين أن الحقل الثاني يحمل تسمية. انقر الآن على تسمية النص للحقل الثاني وستلاحظ أن التركيز يتحول إلى الحقل ذي الصلة أو المرتبط به. يسهل هذا التركيز على إدخال البيانات بالنسبة لأولئك الذين يعانون من صعوبات في التحكم الحركي، ويكون مفيدًا أيضًا عندما تحاول التحقق من خانة اختيار صغيرة على شاشة صغيرة وأنت في قطار هزاز. إضافةً إلى ذلك، فإن هذا أمر بالغ الأهمية لمستخدمي قارئ الشاشة الذين يتنقلون بين حقول النموذج (افتراضيًا، فقط الروابط وحقول النموذج يمكن تركيزها باستخدام المفتاح Tab)، فعند الانتقال إلى حقل الإدخال سيعلن قارئ الشاشة محتوى التسمية المرتبطة به. والشيفرة البرمجية لتحقيق ذلك بسيطة، فقط نحتاج إلى تعيين معرف فريد لكل حقل إدخال، ثم ربط التسمية به باستخدام السمة for. <label for="colour">What's your favourite colour?</label> <input id="colour"> إخفاء التسميات قد يحدث أحيانًا أن لا ترغب في وجود تسمية مرئية، أو قد لا يرغب المصمم في ذلك وأنت لا ترغب في وجود خلاف معه حول هذه المسألة. على أي حال، إليك مثالًا عندما تبدو التسمية التي تقول "بحث" قبل الإدخال وكأنها مبالغة. ويمكننا ربط حقل الإدخال بنص "بحث" وهو محتوى زر الإرسال، وذلك باستخدام السمة :aria-labelledby. <input type="text" aria-labelledby="searchbutton"> <button id="searchbutton" type="submit">Search</button> وكان بالإمكان استخدام السمة aria-label التي تعرفنا عليها سابقًا عند الحديث عن الروابط: <input type="text" aria-label="Search"> ومع ذلك، يُفضل دائمًا استخدام النص المرئي على الصفحة عن استخدام النص المخفي، فالنَص المرئي يمكن ترجمته عبر أدوات الترجمة، بينما النص "المخفي" في سمات HTML لن يُترجم، وتلك النصيحة أشار إليها أدريان روزيلي في مقاله My Priority of Methods for Labeling a Control. 8. توفير بدائل نصية لجميع الصور والفيديوهات والصوتيات يجب توفير بدائل نصية لجميع الصور والفيديوهات والصوتيات على مواقع الويب، ويتضمن ذلك إضافة "نص بديل" في عناصر الصورة <img> يمكن أن يكون مفهومًا للأشخاص ذوي المشاكل البصرية أو لأولئك الذين يواجهون صعوبات في عرض الصور أو لديهم قيود في استهلاك البيانات، ما جعلهم يوقفون تحميل الصور في المتصفحات الخاصة بهم؛ كما يجب أن يشمل ذلك الصور التي تحتوي على نص. وإليك بعض القواعد الأساسية: إذا كانت الصورة الغرض منها مجرد الزخرفة، يجب أن يكون النص البديل فارغًا:""=alt (ولكن من الأفضل أن تستخدم الصور الزخرفية في CSS بدلًا من ذلك). إذا وُصِفَت الصورة في نَص الصفحة، فيجب أن يكون النص البديل فارغًا (""=alt) لتجنب التكرار، ولكن توخ الحذر إذا كانت الصورة <img> داخل <figure>، وهنا يرجى الاطلاع على المقالة ?How do you figure لمزيد من التفاصيل. إذا كانت الصورة تمثل الرابط بذاته (مثال: شعار المؤسسة الذي يمكن النقر عليه للعودة إلى الصفحة الرئيسية)، فيجب أن يوضح النص البديل وجهة الرابط، مثال: "alt="home page". لا تستخدم خطوط الرموز الأيقونية فقد تكون صعبةً جدًا للأشخاص ذوي صعوبات في القراءة، فإذا ما قررت استخدامها، يُفضل تحويلها إلى تنسيق SVG. نص بديل للفيديو والصوت يجب أن لا ننس أهمية توفير نصوص بديلة للمحتوى الصوتي حتى يتمكن الأشخاص ذوو المشاكل السمعية من الاستفادة منه، وهذا يشمل توفير نصوص للبودكاست وترجمة الشرائط النصية للفيديوهات، وإذا كان الأمر مناسبًا للوسائط الخاصة بك، فيجب توفير الوصف الصوتي لها، وهو عبارة عن رواية توفر المعلومات المحيطة بالعناصر البصرية الرئيسية في الوسائط. ومرةً أخرى، يجب تجنب تشغيل الوسائط تلقائيًا، حيث يتعذر على الأشخاص ذوي الاحتياجات الخاصة بالاستفادة منها بشكل كافٍ. 9. أضف لغة الصفحة الصحيحة تُعاني حوالي 30% من صفحات البداية من عدم إعلان اللغة التي استُخدمت في كتابة المحتوى الخاص بها، مما يمكن أن يسبب الارتباك لمستخدمي قارئ الشاشة، ويُعد هذا أمرًا هامًا، فكلمة "six" مثلًا تُنطق بشكل مختلف بناءً على اللغة المستخدمة. لكن من السهل حل هذه المشكلة عن طريق إضافة السمة lang إلى عنصر HTML الخاص بك كما يلي: <html lang="en"> القيمة "ar" تُخبر قارئ الشاشة أو برنامج الترجمة أن هذه الصفحة باللغة العربية، بينما "en" تعني الإنجليزية و"es" تعني الإسبانية، وهكذا. وبالنسبة لمعظم اللغات، يُعَد تحديد اللغة سهل التنفيذ، ويتوفر لدى W3C دليل لاختيار علامة اللغة المناسبة. وفي حال كانت الصفحة تحتوي على محتوى بلغة أخرى غير اللغة الرئيسية المُعلنة، يمكنك إضافة سمة اللغة إلى العنصر الذي يحتوي على ذلك المحتوى، فعلى سبيل المثال: في صفحة وُسِمَت بأن تكون باللغة الإنجليزية: If you'd like to chat a <span lang="es">matador</span>, in some cool <span lang="es">cabana</span> And meet <span lang="es">senoritas</span> by the score, <span lang="es">Espana por favor</span> 10. ساعد الزائر على التنقل في محتواك عندما يأتي الزائر المبصر إلى صفحتك يمكنه مسحها بصريًا بسهولة لفهم أين توجد أماكن التنقل وأين يبدأ المحتوى الرئيسي، لكن لا يمكن للمستخدمين الذين يعتمدون على قارئ الشاشة أن يفعلوا ذلك. مع ذلك، لحسن الحظ تتيح لنا تقنيات HTML5 بعض العلامات الجديدة التي تساعدنا على تمييز هذه المناطق، بالإضافة إلى توفير اختصارات للانتقال إليها أو تجاوزها، ولتنفيذ ذلك يُنصح باتباع الإرشادات التالية: غَلِّف المحتوى الرئيسي، أي المحتوى الذي ليس رأس الصفحة أو التنقل الأساسي أو التذييل في العنصر <main>، ففي معظم الحالات يجب أن يكون هناك عنصر <main> واحد فقط في كل صفحة، وتسمح لك جميع المتصفحات (+IE9) بتنسيقه؛ كما تعرف التقنيات المساعدة كيفية التعامل معه. غَلِّف الرأس، ضع شعار العلامة التجارية، وشريط العناوين، وعنوان الصفحة داخل العنصر <header>. غَلِّف الذيل، ضع المعلومات القانونية، وبيانات الاتصال، وإشعار حقوق التأليف والنشر، وما إلى ذلك داخل العنصر <footer>. مَيِّز الملاحة الأساسية باستخدام العنصر <ul> مغلفًا داخل العنصر <nav>، ويمكنك تضمين هذا العنصر داخل العنصر <header> إذا كان ذلك مناسبًا لتصميم صفحتك. غَلِّف الإعلانات والمحتوى غير الأساسي داخل العنصر <aside>. إذا كانت لديك عدة منتجات أو فيديوهات أو أخبار أو مقالات في الصفحة، فغَلِّف كل واحدة منها داخل العنصر <article>. في استطلاع لمستخدمي قارئ الشاشة أجْرَته WebAIM، وُجد أن 26% منهم يستخدمون هذه المناطق باستمرار أثناء تصفح الصفحة. وبالإضافة إلى ذلك، يساعد تغليف الأجزاء المميزة من المحتوى داخل العنصر <article> على عرض المحتوى بطريقة مثالية على نظام التشغيل WatchOS الخاص بشركة Apple. 11. استخدام HTML بطريقة صحيحة هناك نهج اتبعناه في هذه المقالة وهو استخدام عناصر HTML الصحيحة، فعلى سبيل المثال: يحتوي العنصر label على سلوك متصفح مضمن يركز على حقل الإدخال المرتبط به، كما يُفضل استخدام العنصر <main> على العنصر <div class =" main"> لأنه يسمح لمستخدمي قارئ الشاشة بالانتقال مباشرة إلى المحتوى المهم، مع كونه غير مزعج تمامًا لأولئك الذين لا يستخدمون قارئ الشاشة. وإليك مثال آخر عن استخدام العنصر <button> للأزرار؛ فبدلًا من التحايل لإنشاء زر غير حقيقي باستخدام العنصر <div>، وكتابة الكثير من أسطر الشيفرة البرمجية المتداخلة لجلب سلوكيات الزر لهذا العنصر، والتي تجعل شيفرتك البرمجية أكثر هشاشة وأقل قابلية للصيانة، يمكنك عوض ذلك خلال العنصر <button> تصميم زر حقيقي مضمن به سلوكيات الزر افتراضيًا والتحكم في حجمه ليبدو أكبر أو أصغر كما تريد، كما يتميز هذا العنصر في أنه افتراضيًا يسمح بالتركيز على الزر الحقيقي باستخدام لوحة المفاتيح، بالتالي يمكن تنشيطه باستخدام مفتاح شريط المسافة أو مفتاح Enter. 12. التفاعلات المعقدة في بعض الأحيان قد يُطلب منك تطوير واجهات مستخدم معقدة تفتقر إلى العناصر الأساسية الموجودة في HTML. أولاً وقبل كل شيء، ينبغي أن تبحث عن طرائق لتبسيط هذه الواجهات لتجعلها تتماشى مع العناصر الأساسية في HTML، وفي حال كان ذلك غير ممكن فسيلزمك الدخول إلى العالم الغامض لـ JavaScript و ARIA. ومن حُسن حظنا أن دليل ممارسات WAI-ARIA يوفر العديد من الأمثلة المفيدة لتصميم واجهات يمكن الوصول إليها، مثل: العرض الشجري وشرائط التمرير المتعددة الاتجاهات وغيرها. بطبيعة الحال، أنت لست بحاجة لإعادة اختراع العجلة من جديد، إذ يمكنك الاستفادة من تلك الأمثلة المتاحة؛ مع ذلك يجب عليك الانتباه إلى أن ليست جميع تلك الأمثلة جيدة للاستخدام، فعلى الرغم مما تَنُص عليه الإرشادات، من الجيد تجنب استخدام قوائم ARIA للتنقل داخل الموقع، كما لا ينبغي عليك استخدام الخطيط الشبكي لـ ARIA إلا إذا كنت تهدف إلى إعادة إنشاء جدول بيانات Excel. 13. أُطُر العمل Frameworks في الوقت الحالي, تُستخدم أُطُر العمل مثل React و Vue بازدياد في إنشاء صفحات الويب. ورغم أن أُطُر العمل هذه لا تمنع الوصول إليها، إلا أنه في كثير من الأحيان تُختار مكونات لم تُكتب باستخدام علامات HTML الصحيحة، كما أنها لم تُختبر باستخدام التقنيات المساعدة. لكن لا يجب أن يكون الأمر على هذا النحو، إذ يقول ماركوس هيرمان: "لدي انطباع بأن المزيد والمزيد من أنظمة مكونات React المصممة مع وضع سهولة الوصول في الاعتبار آخذة في الظهور". أما فيما يتعلق بإطار العمل React، فهناك خيارات واعدة: تُعد مكتبة Reakit خيارًا يتبع بدقة معايير WAI-ARIA 1.1، فجميع المكونات تأتي مع السمات الصحيحة والتفاعلات التي يمكن التحكم بها عبر لوحة المفاتيح. اختُبرت مكتبة Reach UI باستخدام Safari و VoiceOver و Firefox و NVDA و Edge و JAWS، وعندما ينضج هذا المشروع سوف تُجرى له عملية تدقيق بواسطة WebAIM للتأكد من قابليته للوصول، لذا إذا اخترت استخدام مكتبة Reach UI، فإن تطبيقك سيكون له أساس قوي وقابل للوصول. وفيما يتعلق بإطار العمل Vue: تتبع مكتبة Vuetensils ممارسات WAI-ARIA لإتاحة سهولة الوصول، بما في ذلك الدلالات النصية وسمات ARIA والأدوار وغيرها. تُعد مكتبة Tournant UI ومكتبة Vue a11y مشروعين صغيرين، ولكنهما ينموان. وبالإضافة إلى ما سبق، فقد نشر بنك ING مكتبته الداخلية للمكونات كمشروع يُسمى Lion، والتي يمكن استخدامها مع أي إطار عمل (أو بدونه)، فهي مكتبة مكونات مفتوحة المصدر وغير مرتبطة بأي إطار عمل، ويمكن أن تكون الأساس لنظام التصميم الداخلي الخاص بك، بُنيت هذه المكتبة من الصفر لتمكين الوصول والقدرة على التوسعة، حيث تُعد تلك الأمور صعبة التغيير أو التحقق منها في وقت لاحق خلال عملية التطوير. لكن على الرغم مع ذلك، يجب عليك دائمًا إجراء مراجعة خاصة بالبرمجيات المقدمة من أطراف ثالثة. فعلى الرغم من أن مكتبة أو أداة معينة قد تكون شائعة الاستخدام، إلا أن ذلك لا يعني بالضرورة أنها تدعم قابلية للوصول. ولمساعدتك في هذا الصدد، كتب Adrian Roselli وثيقةً هامةً تحتوي على متطلبات أساسية للتحكم المخصص يمكنك استعمالها لتقييم أي مكتبة مكونات تفكر في استخدامها. 14. أنظمة إدارة المحتوى ومُنشئي المواقع تمتلك أنظمة إدارة المحتوى مفتوحة المصدر الرئيسية، مثل: ووردبريس و جوملا و دروبال، القدرة على إنتاج مواقع قابلة للوصول، على الرغم من أن الجودة تعتمد بشكل كبير على اختيار منشئ الموقع لقوالب وملحقات قابلة للوصول؛ أما بالنسبة لمُنشئي المواقع المستضافة، فيُنصح بتجنب خدمة Weebly لوجود بعض القيود لديهم على سهولة الوصول. أما بالنسبة لخدمة Squarespace وخدمة Wix، فهما قادران على إنشاء مواقع قابلة للوصول، ومع ذلك يجب عليك أن تتطلع إلى تحقيق هذا الأمر لأنه لن يحدث من تلقاء نفسه. 15. مستندات PDF على الرغم من أن مستندات PDF ليست قائمةً على تقنية الويب، إلا أنها تُستخدم في العديد من الأحيان لعرض تلك المستندات عبر صفحات الويب. فوفقًا لشركة Adobe، فإن العديد من الميزات الموجودة في تنسيقات HTML، مثل: النص البديل للصور، والتسميات لعناصر التحكم في النموذج، والعناوين الخاصة بالبيانات المجدولة، وتسلسل المحتوى ذي المعنى والمنطقي؛ كلها مدعومة بالكامل من خلال مواصفات PDF، وبفضل ذلك يستطيع مستخدمو التقنيات المساعدة الشائعة الاستفادة من أدواتهم المفضلة والوصول إلى المعلومات الموجودة في مستندات PDF. يمكنك إنشاء مستندات PDF يمكن الوصول إليها من خلال علامات أو وسوم HTML و CSS، وذلك باستخدام مكتبة تدعى Prince، والتي يمكن الاستفادة بها مجانًا للاستخدام غير التجاري. استمر في اختبار سهولة الوصول إلى موقع الويب تُعَد عملية اختبار سهولة الوصول لموقع الويب جزءًا أساسيًا من عملية التطوير، لذلك ينبغي عليك تنفيذها باستمرار قبل نشر الموقع على الويب، ويمكنك إعداد خطة اختبار بسيطة لضمان توافر المحتوى لجميع الأفراد، وتلك الخطة البسيطة يمكن أن تشمل النقاط التالية: التحقق من صحة تنسيق HTML الخاص بك. اختبار تباين الألوان. هل يمكنك التنقل في أرجاء الصفحة باستخدام لوحة المفاتيح فقط ومعرفة مكان التركيز في الصفحة؟ هل يمكنك ملء النماذج وإرسالها باستخدام لوحة المفاتيح فقط؟ اربط صفحات موقعك مع ملف revenge.css الخاص بـ Heydon Pickering الذي يعرض مربعات أخطاء باللون الوردي (مع رسائل بخط Comic Sans) في كل مكان تكتب فيه HTML غير صحيح، (لا تقلق، لن تنسى إزالته قبل نشر الصفحة على الويب). يمكنك أيضًا الاستفادة من مدقق معايير الوصول الخاص بها، كما يمكنك استخدام أدوات مثل: أداة Google Lighthouse وهي متوفرة أيضًا كامتداد لمتصفح فايرفوكس، وأداة Tenon.io التي يمكن أن تساعدك في هذه العملية. ومع ذلك، ينبغي مراعاة أن أدوات التحقق الآلي ليست موثوقة كليًا، إذ أنها لا تتمكن من كشف جميع العوامل المؤثرة في سهولة الوصول، وذلك استنادًا إلى المقالة بناء أكثر المواقع التي يتعذر الوصول إليها مع تقييم Lighthouse مثالي التي توضح أن أي أداة آلية لا يمكن الاعتماد عليها كليًا. بالتالي، فإن أفضل طريقة لاختبار سهولة الوصول لموقعك هي اختباره بمساعدة أشخاص حقيقيين من ذوي الاحتياجات الخاصة المختلفة، وقد قدم بيتر فان غريكن قائمة مفيدة للنظر فيها أثناء إجراء اختبارات الاستخدام مع هؤلاء الأشخاص، سوف تساعدك في تحسين سهولة الوصول لموقعك وتلبية احتياجات جميع المستخدمين. خاتمة في ختام هذه المقالة، تبين لنا أهمية سهولة الوصول إلى مواقع الويب وتصميمها بما يلبي احتياجات الأشخاص ذوي الاحتياجات الخاصة، فمن خلال اعتماد مجموعة من أفضل الممارسات، يمكننا تحسين تجربة المستخدم لجميع الأفراد وتوفير فرص متساوية للوصول إلى المعلومات والموارد عبر الإنترنت. ونظرًا لتنوع احتياجات المستخدمين ذوي الاحتياجات الخاصة، فإنه من الضروري أن نستخدم أدوات اختبار الوصول ونتعاون مع الأشخاص ذوي الاحتياجات الخاصة في عمليات الاختبار والتقييم، ويجب أن نتعلم من تجاربهم ونأخذ بالحسبان احتياجاتهم الفردية وتوجهاتهم لتصميم واجهات مستخدم يمكن الوصول إليها. وبتطبيقك لأفضل الممارسات لسهولة الوصول ليس مجرد احتياج أخلاقي، بل يعود بالفائدة على الموقع نفسه وأصحابه، فمن خلال جعل المواقع متاحة لجميع الأشخاص، نزيد من فرص الوصول إلى المحتوى والمنتجات، وبالتالي نوسع قاعدة المستخدمين ونعزز سمعة الموقع والعلامة التجارية. إذاً، لندمج سهولة الوصول في عملية تطوير وتصميم مواقع الويب، ولنلتزم بتطبيق أفضل الممارسات المذكورة في هذه المقالة، فهي خطوة مهمة نحو تحقيق شمولية الويب وتوفير فرص متساوية للجميع في الوصول إلى العالم الرقمي. ترجمة -بتصرف- للمقال Website Accessibility (15 Best Practices). اقرأ أيضًا إمكانية الوصول لإتاحة سهولة الاستخدام للجميع الفرق بين إمكانية الوصول والشمولية في تصميم تجربة المستخدم الاحتياجات الاجتماعية لإمكانية الوصول في تصميم تجربة المستخدم كيفية إنشاء مواقع تراعي إمكانية الوصول باستخدام مبادئ التصميم الشامل1 نقطة
-
تُعَد إدارة المشاريع واحدةً من أهم المجالات التي تستخدم في العديد من الصناعات والقطاعات المختلفة، وتهدف إلى تحقيق أهداف المشروع بنجاح وفي الموعد المحدد. في حين تُعَد إدارة المنتجات من أهم العوامل التي تؤثر على نجاح الشركات وازدهارها، فهي تشمل العديد من المهام المتعلقة بتطوير وتسويق وتحسين المنتجات أو الخدمات التي تقدمها الشركات، وتساعد على تحقيق الأهداف الأساسية للشركة، لكن العديد من الأشخاص يخلطون ما بين مفهومي إدارة المشاريع وإدارة المنتجات، وهذا ربما بسبب بعض التشابهات بينهما. مع ذلك، على الرغم من وجود بعض التداخل، إلا أن هناك اختلافات جوهرية بين هذين المفهومين في إدارة الأعمال سنذكرها في الآتي. إدارة المنتجات مثلًا هي عملية إدارة العمليات والتخطيط والتنسيق التي تهدف إلى تطوير وتسويق منتجات ناجحة وفعالة. تشمل إدارة المنتجات العديد من العمليات، مثل تحديد احتياجات السوق وتحليل المنافسة وتحديد الفرص للنمو وتطوير المنتجات وتحديد الأسعار وإدارة التسويق والتوزيع وإدارة العمليات اللوجستية والتخطيط الاستراتيجي. تهدف إدارة المنتجات إلى تحقيق النجاح في السوق، وذلك من خلال توفير منتجات تلبي احتياجات العملاء وتفوق على المنافسين وتحقيق أرباح مرتفعة. ويشمل ذلك إدارة دورة حياة المنتج، التي تتضمن مراحل التخطيط والتطوير والتسويق والنمو والنضج والانحدار؛ كما تهدف إدارة المنتجات إلى تحسين كل جانب من هذه المراحل لتحقيق أفضل النتائج. على الجانب الآخر، إدارة المشاريع هي عملية تخطيط وتنظيم وإدارة ومراقبة الموارد المختلفة المستخدمة لإنجاز مشروع في الوقت والميزانية المحددة, بما في ذلك النطاق والجدول الزمني والتكاليف والجودة والمخاطر والتواصل والجهود البشرية والموارد المادية وغيرها. تهدف إدارة المشاريع إلى تحقيق أهداف المشروع بأقل تكلفة وبأفضل جودة ممكنة، وتحقيق أقصى استفادة من الموارد المتاحة. انطلاقًا مما سبق، يمكن القول أن كلًا من إدارة المشاريع وإدارة المنتجات لهما أهمية كبيرة في إدارة الأعمال و يوجد تشابهات واختلافات كثيرة بينهما لذلك نوضح أوجه التشابه والاختلاف بينهما في الآتي. أوجه التشابه و الاختلاف بين إدارة المشاريع وإدارة المنتجات هناك العديد من نقاط التشابه والاختلاف بين إدارة المشاريع وإدارة المنتجات، وهي كالآتي: أوجه التشابه بين إدارة المشاريع وإدارة المنتجات: كلاهما يهدف إلى تحقيق الأهداف التجارية وتلبية احتياجات العملاء. يتطلب كلاهما التعاون بين العديد من الفرق المختلفة في الشركة. يتطلب كلاهما التخطيط والتنظيم والتنفيذ والمراقبة والتقييم. يتطلب كلاهما إدارة المخاطر والتغييرات والتحكم في الموارد. يحتاج كلاهما إلى الالتزام بالوقت والميزانية. أوجه الاختلاف بين إدارة المشاريع وإدارة المنتجات: يتم تنفيذ إدارة المشاريع لإنجاز مشروع محدد في مدة زمنية محدودة، بينما يتم تنفيذ إدارة المنتجات إدارة دورة حياة المنتج طوال فترة وجوده في السوق. تركز إدارة المشاريع على تسليم المشروع في الوقت المحدد والميزانية المخصصة، بينما تركز إدارة المنتجات على تلبية احتياجات العملاء وتحقيق الربحية. يتم تنفيذ إدارة المشاريع مرة واحدة لإنجاز المشروع، بينما يتم تنفيذ إدارة المنتجات باستمرار طوال دورة حياة المنتج. تتطلب إدارة المشاريع فريق عمل خاص به، بينما يتعاون فريق عمل إدارة المنتجات مع العديد من الفرق المختلفة في الشركة. يتم تنفيذ إدارة المشاريع بطريقة عملية وتكتيكية، بينما تتطلب إدارة المنتجات رؤية استراتيجية طويلة الأجل. من يدير المشاريع؟ مدير المشروع هو المسؤول عن تخطيط وتنفيذ وإدارة المشروع بالكامل، وتشمل مهام مدير المشاريع: تحديد الهدف الرئيسي للمشروع وتحديد المهام والأهداف الفرعية اللازمة لتحقيقه. تخطيط وضبط جدول زمني للمشروع وتحديد الموارد اللازمة لتنفيذه. تنسيق وإدارة الفريق المكلف بتنفيذ المشروع وتوزيع المهام بين الأعضاء. متابعة تقدم المشروع وتحديد المشكلات والتحديات التي تواجهه واتخاذ الإجراءات اللازمة لتجاوزها. إعداد التقارير الدورية عن حالة المشروع ومناقشتها مع فريق العمل والعملاء. إدارة الميزانية المخصصة للمشروع والتأكد من عدم تجاوزها. التواصل مع الجهات الخارجية المرتبطة بالمشروع مثل العملاء والموردين والشركاء والمستثمرين. تنفيذ أي تغييرات ضرورية في نطاق المشروع وإدارتها بفعالية. تقييم النتائج النهائية للمشروع وتحليل الأداء والتعلم من الأخطاء. توثيق جميع الأنشطة المتعلقة بالمشروع وإعداد التقارير اللازمة للحفاظ على سجلات دقيقة ومفصلة لكل مرحلة من مراحل المشروع. لهذا يتعين على مدير المشروع أن يتمتع بمجموعة من المميزات والصفات ليتمكن من إدارة المشروع بنجاح. ومن بين المميزات التي يجب أن يتصف بها مدير المشروع: القدرة على التخطيط الاستراتيجي: يجب على المدير القدرة على تحليل المشروع وتحديد المخاطر والفرص المحتملة ووضع خطط استراتيجية لإدارة المشروع بنجاح. القدرة على التواصل الفعال: يجب أن يكون المدير قادرًا على القيام بالتواصل الفعال مع جميع أعضاء فريق المشروع والجهات الخارجية المعنية بالمشروع. القدرة على إدارة الوقت والموارد: يجب أن يكون المدير قادرًا على إدارة الوقت والموارد بفعالية لتحقيق أهداف المشروع بأقل تكلفة وأقصر فترة زمنية ممكنة. القدرة على حل المشكلات: يجب أن يكون المدير مهارة في حل المشكلات واتخاذ القرارات السريعة والفعالة في حالة الحاجة. القدرة على التفاوض: يجب أن يكون المدير قادرًا على التفاوض مع الجهات الخارجية وحل الخلافات والمشكلات بطريقة بناء. القدرة على التعلم المستمر: يجب على المدير أن يكون مستعدًا للتعلم وتحسين مهاراته باستمرار لتحسين أدائه وتحقيق نتائج أفضل في المشاريع المستقبلية. القدرة على العمل الجماعي: يجب أن يكون المدير قادرًا على العمل جيدًا مع فريق المشروع وتحفيزه وتوجيهه لتحقيق أهداف المشروع. إدارة المشاريع عمليه معقده و لهذا هناك العديد من الأدوات التي تسهل إدارة المشاريع. أدوات إدارة المشاريع أدوات إدارة المشاريع الجيدة من شأنها أن تسهل العملية الإدارية للمشروع ككل، سواءً على المدراء القائمين على المشروع، أو باقي أعضاء الفريق نستعرض بعضًا من هذه الأدوات ونشرح، كيفية استخدامها لتحقيق النجاح في إدارة المشاريع. برامج إدارة المشاريع هي برامج تسمح للمدير المسؤول عن إدارة المشروع بتنظيم المهام المختلفة وتحديد الجدول الزمني ومراقبة التقدم. ومن أشهر برامج إدارة المشاريع: Microsoft Project وAsana و Basecamp و أداة أنا …إلخ. تطبيق Asana: هو أداة إدارة المشاريع والتعاون بين أعضاء الفريق يتيح تنظيم المهام وتعيين المواعيد النهائية ومتابعة التقدم. يمكن للمستخدمين إنشاء مشاريع وإضافة مهام وأهداف ومواعيد نهائية ومشاركتها مع أعضاء الفريق. يمكن عرض المهام على شكل قائمة أو تقويم أو مخطط جانت. أداة أنا: أول أداة عربية متخصصة في إدارة فرق العمل عن بعض وتنظيم المشاريع والمهام. توفر أداة أنا كل ما تحتاجه في إدارة المشاريع وإدارة فرق العمل عن بعد، إذ تتميز أداة انا بواجهة استخدام سهلة وبسيطة. مخططات جانت ولوحات Scrum: تعمل لوحات Scrum بطريقة مماثلة، كما تُعًد رائعةً للمشاريع الموجودة في مخطط زمني أقل تشددًا، والتي تتضمن فرقاً متعددة. تعرض اللوحة المراحل المختلفة للمشروع، مثل التخطيط والتنفيذ وما إلى ذلك، والعلامات لكل فريق. ويمكن للفرق عند إكماله لمراحل العمل وإحراز التقدم، نقل علاماتها في اللوحة. وهذا سيتيح جميع المشاركين رؤية الصورة الأشمل ودورهم داخلها. تطبيق Basecamp هو أداة إدارة المشاريع توفر مجموعة من الأدوات لتنظيم المهام والتواصل بين أعضاء الفريق ومشاركة الملفات. يمكن للمستخدمين إنشاء مشاريع وإضافة مهام ومواعيد نهائية وتعيين أولويات ومتابعة التقدم. يمكن استخدام تطبيق Basecamp على الويب والهواتف المحمولة. تطبيق Microsoft Project هو أداة إدارة المشاريع الشهيرة التي تقدمها شركة مايكروسوفت. تتيح هذه الأداة إنشاء مخططات جانت وتنظيم الموارد وتحديد الميزانيات وتوزيع المهام بين أعضاء الفريق. يمكن استخدام Microsoft Project على الويب وسطح المكتب. أما عن كيفية إدارة المشاريع بطريقة سليمة، فإليك بعض النقاط الأساسية التي يجب القيام بها: التخطيط الاستراتيجي: يستخدم التخطيط الاستراتيجي لتحديد الأهداف الرئيسية للمشروع والخطوات اللازمة لتحقيق هذه الأهداف. ويساعد التخطيط الاستراتيجي على تحديد الاحتياجات من الموارد وتوزيع المهام بفعالية. تحليل SWOT: يستخدم تحليل SWOT لتحديد نقاط القوة والضعف والفرص والتهديدات للمشروع. ويساعد هذا التحليل على تحديد الاستراتيجيات الأفضل لتحقيق الأهداف المحددة. رسم الخرائط الذهنية: يساعد رسم الخرائط الذهنية على تنظيم الأفكار وتحليل المعلومات بطريقة أفضل، ويمكن استخدام رسم الخرائط الذهنية لتحديد العلاقات بين المهام المختلفة وتحديد الأولويات. تقارير المشروع: تساعد تقارير المشروع على مراقبة التقدم وتحديد المشاكل المحتملة وتحديد الإجراءات اللازمة لحل هذه المشاكل. ويمكن استخدام تقارير المشروع لتحديد ما إذا كانت الأهداف المحددة تحققت وفي الوقت المحدد. أهمية إدارة المشاريع تُعَد إدارة المشاريع من العناصر الأساسية في تحقيق الأهداف المنشودة من أي مشروع، حيث تتكون من مجموعة من الخطوات والأدوات التي تساعد على تحقيق هدف المشروع بأفضل الطرق الممكنة، كما تساعد على تحسين إدارة الموارد والوقت والمال. وفيما يلي سنذكر أهمية إدارة المشاريع في عدة نقاط: تحقيق الأهداف تُعَد إدارة المشاريع أداة فعالة لتحقيق أهداف المشروع بأفضل الطرق الممكنة. فهي تساعد على تحديد الأهداف وتحديد الخطوات التي يجب اتباعها لتحقيق هذه الأهداف، وتساعد أيضا على تحسين العمليات والإجراءات اللازمة لتحقيق هذه الأهداف. تقليل المخاطر تُعًد إدارة المشاريع أداةً فعالةً للتخفيف من المخاطر المحتملة التي يمكن أن تواجه المشروع، فهي تساعد على تحليل المخاطر وتحديد الإجراءات اللازمة لتفاديها أو التخفيف منها. وبذلك تساعد على تحقيق الأهداف بأفضل طريقة ممكنة وبأقل تكلفة ممكنة. تحسين إدارة الموارد تُعَد إدارة المشاريع أداةً فعالةً لتحسين إدارة الموارد المتاحة للمشروع، فهي تساعد على تحديد الموارد اللازمة لتحقيق الأهداف وتحديد كيفية استخدام هذه الموارد بأفضل طريقة ممكنة. وبذلك تساعد على تحقيق الأهداف بأقل تكلفة ممكنة وبأفضل جودة ممكنة. تحسين إدارة الوقت تُعَد إدارة المشاريع أداةً فعالةً لتحسين إدارة الوقت المتاح للمشروع، فهي تساعد على تحديد الجدول الزمني للمشروع وتحديد المهام اللازمة لتحقيق الأهداف في الوقت المحدد. وبذلك تساعد على تحقيق الأهداف في الوقت المحدد وبأفضل جودة ممكنة. تحسين جودة المشاريع تساعد إدارة المشاريع على تحسين جودة المشروع عن طريق ضمان توافق أهداف المشروع مع متطلبات العملاء والمستخدمين. زيادة الكفاءة والإنتاجية تعمل إدارة المشاريع على تحديد وتقليل العوائق التي تواجه الفريق وتزيد من الإنتاجية والكفاءة. تحسين التنسيق بين الفرق تساعد إدارة المشاريع على تحسين التنسيق بين الفرق والمصادر المختلفة، مما يساعد على تحقيق الأهداف بسرعة وفاعلية أكبر. زيادة رضا العملاء يساعد تحسين جودة المشروع وتلبية متطلبات العملاء على زيادة رضا العملاء وتعزيز الثقة في الشركة. توفير التكاليف تساعد إدارة المشاريع على تحديد وإدارة التكاليف المرتبطة بالمشروع، مما يساعد على توفير التكاليف والموارد اللازمة لإنجاز المشروع بنجاح. خطوات إدارة المشاريع إدارة المشاريع هي عملية تخطيط وتنظيم وتنفيذ الموارد لتحقيق أهداف محددة ومحدودة بالزمن. تتضمن إدارة المشروعات عدة خطوات أساسية تتناول جميع جوانب المشروع. إليك الخطوات المفصلة لإدارة المشروعات بالإضافة إلى بعض الأمثلة: تحديد الأهداف والنطاق: يتضمن هذا الجانب تحديد الأهداف الرئيسية للمشروع والنطاق الذي يغطيه. يجب أن تكون الأهداف واضحة وقابلة للقياس ومحددة بالزمن، مثل: تطوير تطبيق جديد للهواتف الذكية لتتبع اللياقة البدنية. تحديد الموارد: يشمل تحديد الموارد المطلوبة لإنجاز المشروع، مثل الموظفين والمعدات والميزانية، وفي مثال على ذلك: توظيف فريق تطوير التطبيقات وشراء أجهزة الاختبار وتحديد ميزانية التسويق. تخطيط المشروع: يعني وضع خطة عمل تفصيلية توضح الأنشطة والمهام والمواعيد النهائية والمسؤوليات، مثل: إعداد جدول زمني للأنشطة المختلفة، كتصميم واجهة المستخدم وتطوير الوظائف الأساسية للتطبيق وإجراء الاختبارات. تنفيذ المشروع: تتضمن هذه المرحلة تنفيذ الخطة وتنظيم العمل وتوجيه الموارد لتحقيق الأهداف المحددة، مثل توجيه فريق التطوير لبدء العمل على تصميم واجهة المستخدم وتطوير الوظائف الأساسية للتطبيق واختباره. مراقبة وتقييم المشروع: يتضمن تتبع تقدم المشروع ومقارنته بالخطة الأصلية واتخاذ التدابير اللازمة لضمان تحقيق الأهداف، مثل: إجراء اجتماعات دورية لمراجعة التقدم ومعالجة المشكلات وتحديث الجدول الزمني إذا لزم الأمر. إغلاق المشروع: تشمل هذه المرحلة تقييم النجاحات والتحديات والدروس المستفادة من المشروع وإعلان اكتماله، مثل: إجراء جلسة تقييم لمناقشة ما تم تحقيقه والتحديات التي واجهها الفريق وكيفية تطبيق الدروس المستفادة في المشاريع. ما الذي يضمن نجاح عملية إدارة المشاريع؟ تتضمن إدارة المشاريع العديد من الخيارات المختلفة التي يمكن استخدامها لتحقيق أهداف المشروع بفعالية أكبر. وتشمل هذه الخطوات: جدولة المشروع: وهي أداة تساعد على تحديد جدول زمني للمشروع و مواعيده المحددة. الرسم البياني للمشروع: وهو أداة تساعد على توضيح العلاقات بين المهام المختلفة والموارد المستخدمة. مراقبة الأداء: وتشمل هذه الأداة تتبع تقدم المشروع ومراقبة الأداء والتحقق من تحقيق الأهداف المحددة. إدارة المخاطر: وتساعد هذه الأداة على تحديد المخاطر المحتملة وتطوير خطط لمعالجتها. الاتصال والتواصل: وهو أداة تساعد على تحسين التواصل بين فريق المشروع والعملاء والجهات الخارجية. إدارة التغيير: تساعد هذه الأداة على التعامل مع التغييرات المحتملة في المشروع وتحديد آثارها على المواعيد المحددة والموارد المطلوبة. منهجيات إدارة المشاريع تتضمن منهجيات إدارة المشاريع العديد من الأساليب المختلفة التي يمكن استخدامها لتحقيق أهداف المشروع. وتشمل هذه المنهجيات. منهجية PMBOK يُعَد PMBOK دليلًا شامل يقدم مجموعة من المعرفة وأفضل الممارسات في إدارة المشاريع. تتضمن المنهجية خمس مجموعات عمليات رئيسية: تبدأ بتحديد البيئة المشروع. تخطيط المشروع. تنفيذ المشروع. مراقبة وتقييم المشروع. إغلاق المشروع. يتم تطبيق هذه المجموعات عبر 10 مجالات معرفية تغطي جميع جوانب إدارة المشاريع. منهجية PRINCE2 هي منهجية تركز على تقسيم المشروع إلى مراحل مدروسة ومحددة مسبقًا. يتم استخدامها بشكل واسع في المملكة المتحدة وأوروبا، وتتألف من: 7 مبادئ (مثل التعلم المستمر والتحكم المنتظم) 7 موضوعات (مثل خطة الأعمال والمخاطر) 7 عمليات (مثل توجيه المشروع وتسليم المنتجات) منهجية Agile تُعِد منهجيات Agile مجموعةً من الممارسات المرنة والتكرارية التي تركز على تحسين التعاون والتواصل بين أعضاء الفريق وتحقيق إنتاجية أعلى، حيث تشتمل على منهجيات مثل: Scrum و Kanban و Extreme Programming التي تختصر إلى "XP" وغيرها. يعمل Agile على تقسيم المشروع إلى مراحل صغيرة ويتم تقديم النتائج وتحسينها باستمرار. إطار العمل كانبان Kanban هو إطار عمل لمنهجية أجايل، يركز على تحسين تدفق العمل وتحقيق الكفاءة. يتم استخدام لوح Kanban لتتبع المهام وحالة العمل، وتنظيم المهام حسب الأولوية وتحديد الحد الأقصى لعدد المهام المستلمة في كل مرحلة من المراحل. يساعد Kanban في تحديد العراقيل وتنظيم أولويات العمل. إطار العمل Extreme Programming (XP) هو إطار لتطوير البرمجيات ضمن مجموعة Agile، يركز على تحسين جودة البرمجيات واستجابة الفريق للتغييرات. تتضمن ممارسات مثل التكامل المستمر والاختبار الآلي والتخطيط التكراري وغيرها. وتشجع XP على التعاون الوثيق بين أعضاء الفريق وأصحاب المصلحة. المنهجية اللينة Lean هي منهجية تهدف إلى تحقيق قيمة أعلى للعملاء بأقل قدر من الفاقد والكفاءة. يتضمن Lean مفاهيم مثل تحديد القيمة وتحسين تدفق العمل والاستجابة للتغيرات. يستخدم Lean بشكل شائع في مجالات مثل الإنتاج والتصنيع والخدمات. إطار العمل Six Sigma هي منهجية تركز على تحسين جودة العمليات من خلال تحديد وإزالة أسباب عيوب المنتجات والخدمات وتقليل التباين في العمليات. تستخدم منهجيات Six Sigma مثل DMAIC لتحسين العمليات القائمة و DMADV لتطوير عمليات جديدة. منهجية تدفق المياه Waterfall هي منهجية تقليدية تعتمد على تنفيذ المشروع في مراحل متتالية، حيث يتم الانتقال من مرحلة إلى أخرى بعد اكتمال المرحلة السابقة. تشمل المراحل تحليل المتطلبات والتصميم والتطوير والاختبار والتوثيق والتنفيذ والصيانة. خاتمة تعَد إدارة المشاريع مهمة لأنها توفر النجاح وبدونها تتعرض فرق التنفيذ والعملاء للإدارة الفوضوية و الأهداف غير الواضحة والافتقار إلى الموارد والتخطيط غير الواقعي والمخاطر العالية والتسليمات ذات النوعية الرديئة وبالنهاية مشاريع تتجاوز الميزانية ويتم تسليمها متأخرة لهذا إدارة المشاريع جزء لا يتجزأ من نجاح المشروع المصادر معهد إدارة المشاريع العالمي المعهد الدولي للإدارة الجمعية البريطانية لإدارة المشاريع: كتاب "إدارة المشاريع لجاي هايبر، الطبعة الرابعة، 2014؛ وكتاب "إدارة المشاريع في 24 ساعة" لستانلي بورتنوي، الطبعة الأولى، 2008. دليل إدارة المشاريع - ريتا ملهوف. الوثيقة 29.1 لإدارة المشروعات إدارة المشاريع بين المنهجية التقليدية والمنهجية الحديثة "دراسة مقارنة" إدارة المشاريع- تعريفها ومهاراتها ومراحلها وتنظيمها Product management vs project management: similarities, differences, and crossover The Ultimate Guide to Product Management vs. Project Management ?What is Agile PMBOK Guide PRINCE2 Project Management Certifications Organizational Project Management اقرأ أيضًا ما هي إدارة المنتجات؟ مقارنة بين مدير المنتج ومدير المشروع دليلك الشامل إلى عرض برمجيات إدارة المشاريع 8 خطوات لإتمام المشاريع بثقة كيفية استخدام تطبيقات أودو لإدارة المشاريع1 نقطة
-
يحتار الوافد الجديد إلى عالم ريادة الأعمال أي الكتب يختار، فالمكتبة مكتظة بكتب الريادة، التسويق وقصص النجاح. بعض تلك الكتب مميز حقا ويستحق القراءة، بعضها ليس مهما كثيرا ولن تكون مفيدة كثيرا، وكثير من تلك الكتب ضرره أكبر من نفعه. هذه قائمة من خمسة كتب، هي أفضل ما قرأت حول ريادة الأعمال. Do More Faster جوهر ريادة الأعمال هو التنفيذ. الأحلام وكثرة الحديث عما ستفعله، وحتى التخطيط، لا علاقة لها بالمبادرة وريادة الأعمال. المعيار الوحيد للنجاح هو التنفيذ. هذا الكتاب يعلمك كيف تركز على الأساسيات، وكيف تنجز الكثير بشكل أسرع. Venture Deals من الجيد ألا تحتاج إلى تمويل خارجي لبدء مشروعك، وتكتفي بالتمويل الذاتي. لكنك قد تحتاج يوما إلى إدخال مستثمرين آخرين لتوفير السيولة لتطوير مشروعك وتوسيعه. آنذاك ستحتاج هذا الكتاب بشدة، لتفهم كيف تتعامل مع المستثمر، كيف تحصل على ما تريد وكيف تفهم تلك المصطلحات الغريبة التي يرطن بها المستثمر. Founders at Work: Stories of Startups Early Days إذا كنت تبحث عن الإلهام أو تريد بعض قصص النجاح في عالم الإنترنت، فإن هذا الكتاب مناسب تماما. هو عبارة عن سلسلة حوارات مع بعض المؤسسين (أو الموظفين الأوائل) في الشركات التقنية البارزة الآن. تتطرق الحوارات إلى البداية، الصعوبات وأسرار النجاح. Getting Real هل تريد بناء تطبيق ويب ناجح؟ هذا الكتاب يكسر القواعد المألوفة ويأخذك إلى عالم جديد شعاره الوصول إلى الواقعية. يعلمك الكتاب كيف تركز على الأهم لتقدم تطبيق ويب مناسب للعملاء، في أقل وقت وأقل تكلفة. The Tipping Point كيف يمكن للأشياء الصغيرة أن تحدث تغييرا كبيرا؟ هذا الكتاب يغير طريقة تفكير الأشخاص في العالم لبيع منتجاتهم ونشر أفكارهم. إنه كتاب مهم يحتاجه كل رائد لتسويق مشروعه، خدماته أو منتجاته.1 نقطة
-
قد أجد نفسي في أي يوم من الأيام أقرأ عن أحد اقتراحات W3C، أعالج أحد مشاكل الإقرار الضريبي لدينا، أقوم ببرمجة ميزة إضافية إلى منتجنا، أكتب تقديمًا لأحد المؤتمرات، وبناء خادوم وأنتج شريط فيديو تعليمي، بالإضافة إلى القيام بتطوير واجهة المستخدم لأحد مواقعنا. و بغياب العملاء و إملائهم حجم العمل الذي يتوجّب عليَّ القيام به أجد نفسي في موقع أحسد عليه للغاية ، حيث أنه يمكنني أن أختار أين أركز جهودي. ومع ذلك، جسديًّا لا أستطيع القيام بكل شيء. أنا أحد شريكين في شركة تختص في تطوير شبكة الإنترنت، ونُطوّر نظام إدارة المُحتوى Perch. كما أنني كاتبة ومتحدثة في مجالات مُختلفة تبدأ بـ CSS و تنتهي عند الدعم الفني، وبالفعل استمتع بالقيام بهذه الأمور جميعها. عندما كنا نعمل في مجال تقديم الخدمات كنت أقوم بما كان يملى عليّ حسب متطلبات زبائننا بشكلٍ أساسيّ، فلم يكن مهمًا إن كانوا سيدفعون المال مقابل أن أبني لهم خواديم أو أن أدير المشاريع أو أن أبرمج، فقد كنت أبادل وقتي بالمال وكنت أقوم بأمور أستمتع بالقيام بها. ولكن بما أننا الآن شركة منتج، فإن التحدي الأكبر بالنسبة لي هو أن أعمل بالمكان المناسب الذي أقضي فيه وقتي بالشكل الأمثل، وعدم الانشغال بأشياء تُثير اهتمامي والتي قد اكتشفها أثناء القيام بمهام أخرى. يعكس الاقتباس الذي بدأت به هذا المقال المعضلة التي أواجهها بشكل يومي. بإمكاني توجيه اهتمامي إلى الموضوع الذي أريده، ولكن إن تنقلت بين المهمات لن تحظى أيٌّ منها باهتمامي الكامل. عندما يتجزأ التركيز بين المشاريع يصبح تطورها بطيء بشكلٍ قاتل، فعندما أقضي ساعة على مشروعٍ ما وساعتين على مشروع آخر عندئذٍ سيكون تطور كليهما بطيئًا. لا أدّعي أنّ لدي الحل الأمثل لمعالجة هذه المشكلة، ولكنني بدأت بتطوير منهّجية لتقرر ما يجب فعله، بالإضافة إلى تحديد سواء كنت الشخص الأمثل للقيام بهذا العمل أم لا. بدايةً، إن أكثر الأمور أهمية هو تحديد ما يجب أن يتمّ فعله. شخصيًا، أنا معجبة بفكرة Getting Things Done وأقوم دوريًّا بمراجعة أعمالنا جنبًا إلى جنب مع أهدافي الشخصيّة. عندما يكون لدي مجموعة من المهام فإنني أقوم بتصنيفها وفقًا لهذه المعايير: هل أنا الشخص الوحيد القادر على القيام بهذا العمل؟ هل سأقدم منفعة لهذا العمل أو المنتج إذا قمت به بشكل شخصيّ؟ هل سأستمتع بهذه المهام؟ هل سأتعلم شيئًا جديدًا إن قمت بهذا العمل؟ ما هي الأشياء التي لن أقوم بها إن اخترت هذه المهمة؟ هل أنا الشخص الوحيد القادر على القيام بهذا العمل؟الأعمال التي تندرج تحت هذه المجموعة هي الأعمال التي لا يستطيع أحد القيام بها سواي، الأعمال التي تقع ضمن هذه الخانة تحتاج إلى بعض من التّحقّق من ماهيتها وطبيعتها. ليس من المثالي لأي نوع من الأعمال أن يحوي على مجموعة من المهام التي لا يستطيع القيام بها إلا شخص واحد، قد يعني هذا الأمر أنه يتوجب عليّ القيام بهذه المهمة فوراً، ولكن كيف لي أن أقوم بها بحيث سيكون بمقدور غيري القيام بها في المُستقبل؟ . كانت حساباتنا المصرفية حتى منتصف السنة الماضية مثالاً حيّ على ذلك ، فبالرغم من وجود محاسب يقوم بالإقرار الضريبي في آخر العام، إلا أنني كنت الشخص الوحيد الذي فهم بشكل كامل الإجراءات المعقّدة التي تمّ تطويرها للتعامل مع العائدات الصغيرة والكثيرة من أجل تراخيص Perch. وباستلام المال من مسؤول الحسابات كان عليّ أن أوثقّ كل الإجراءات وأن أجعلها رسميّة. ولذلك، لم يعد مطلوبًا مني القيام بالتقارير اليوميّة، والأمر الأكثر أهمية أن العمل لم يعد معتمدًا على معرفة مُتوفّرة لدي بشكل حصري. هل سأقدم منفعة لهذا العمل أو المنتج إذا قمت به بشكل شخصي؟من المنطقي إبقاء بعض المهام داخلية، فلن أقوم بالاستعانة بمصادر خارجيّة بشكل كامل من أجل الدعم الفنّي أو بنشاطاتنا الإعلاميّة أو حتى التسويق الخاص بنا. حيث أنّ الوجه العام لعملنا هو كونه عمل صغير واجتماعيّ، يتواصل عملاؤنا معنا "مع مطوريّ المشروع"، ونتشارك معهم اهتماماتهم ومخاوفهم، ويساعدوننا كي نقرر أين يمكننا استثمار وقتًا إضافيًّا في ميزات جديدة. ولذلك، من المهم أن نُسند بعض المهام إلى نواة الفريق الصّلبة أو إلى شخص مُحدّد ضمن الفريق، حتى وإن كان الانطباع العام يوحي بوجوب تعهيدها إلى طرف خارجيّ. هل سأستمتع بهذه المهام؟إدارة عملٍ ما تتطلب جهدًا كبيرًا إضافة إلى ساعات عمل طويلة. فإن أحسست أنه يتوجب عليك الاستعانة بالتّعهيد الخارجيّ outsourcing لإتمام أجزاء من عملك الذي تحبّه لأن ذلك سيبدو منطقيًّا سينتهي بك الأمر مستاءً للغاية. وغالبًا من يملك شركة برمجيات صغيرة قد انتهى بهم المطاف هنا لأنهم يحبون كتابة البرمجيات . وعليه، من المهم بالنسبة لي أن أقضي بعض الوقت مع البرمجة وحتى وإن كان من المنطقي أكثر من وجهة نظر عمليّة أن أستعين بأشخاص آخرين للقيام بذلك. أظن أنّ منتجاتنا وأعمالنا ستكون أفضل لمّا نتعامل معها بشكل مُباشرة. لكي يكون لديك شركة ناجحة فمن المُحتمل جدًا أن تكون لديك أشياء أخرى مهمة يتوجّب عليك القيام بها بالرّغم من أنّك لا تستمتع بها كاستمتاعك بالتصميم أو بالبرمجة. القيام بما نحبه هو السبب وراء نجاح منتجنا، من المعقول جدًا أن تقوم ببعض المهمات بنفسك لأنك بكل بساطة تستمع بها. هل سأتعلم شيئًا جديدًا إن قمت بهذا العمل؟قد استمتع جدًّا بالقيام بمشروع معين، ولكن في نفس الوقت يُمكنني أن أعرف ما إذا كان يتوجّب علي القيام بذلك بنفسي أو إسناده إلى طرف آخر عبر التّساؤل عن ما إذا كُنت سأتعلّم شيئّا جديدًا أم لا لدى قيامي بذلك. على سبيل المثال قد قمت لتوي بتعهيد جزء كبير من وظيفة تتعلّق بتطوير واجهة المُستخدم التي قمت بتطوريها، والتي كانت عبارة عن إعادة تصميم لموقع موجود مُسبقًا، وأظن أن هنالك العديد من الفوائد العمليّة والتطبيقية التي من الممكن الحصول عليها من إعادة بنائه. كان من الجيد لو قُمت بذلك العمل بنفسي إلا إنني لم أكن لأتعلم أي شيء جديد من الأمر. وعليه، قرّرت أنّ هذا العمل سيكون نموذجًا جيّدًا لما يجب عليّ تعهيده إلى مصممّ آخر. وهكذا أستطيع أن أدير المشروع وأن أتأكد من أن النهاية ستكون مرضية وبنفس الوقت لن أقوم ببرمجته بنفسي. يستفيد عملنا بشكل كبير من خبرتنا ومعرفتنا، أمضي حاليًا الكثير من الوقت في تعلم الأتمتة (التحكم الآلي) باستخدام Puppet والطرق الحديثة في إدارة النظم في أثناء إعادة بناء البنية التحتية لدينا. كنت أستطيع أن أطلب من أحدهم القيام بهذا العمل لأجلي، وقد أقوم بذلك في المستقبل، ولكن عن طريق تحديث مهاراتي في إدارة الأنظمة أكون قد ضمنت الحفاظ على مستوى جيد من المعرفة حول البنية التحتية في عملنا. ما هي الأشياء التي لن أقوم بها إن اخترت هذه المهمة؟كجزء من فريق مؤلف من اثنين، سيتحتّم علي القيام بعدد من المهام بشكل متواصل. و بشكلٍ أساسيّ ، سيلغي خياري بالقيام بإحدى المهمات فعل شيءٍ ما بالمقابل، وقد يؤدي ذلك إلى تراجع تطّور مهمة أخرى من مهام العمل أو قد تكون إحدى الأمور الشخصية كالتمارين الرياضية، أو قضاء الوقت مع العائلة والأصدقاء. كي تكون قادرًا على فهم الآثار المترتبة على اختيار شيء واحد للعمل عليه على حساب الأشياء الأخرى، يجب أن تملك لمحة عامة وشاملة حول جميع الأشياء التي تحاول الحصول على اهتمامك. بدايةً، امتلاكك غايات وأهداف واضحة لعملك من شأنه أن يجعل اتخاذ هذا القرار أسهل بكثير. عندما تجد نفسك في وضع يسمح لك باختيار أي شيء عندئذٍ سيكون من السهل أن تجد نفسك مُحاولًا القيام بكل شيء في نفس الوقت. ولكن الحِكمة هنا تكمن في التراجع خطوة إلى الوراء، الأمر الذي يمكّنك بأن تكون أكثر إستراتيجية في تحديد أيّ المهام تلك التي يمكنك معالجتها أو تلك التي تُكلّف غيرك بالقيام بها. سيمكنك هذا النّهج من رفع الإنتاجية، وسيعطيك المساحة لتستمتع بعملك الذي تقوم به وتحقق أهدافه في نفس الوقت. ترجمة -وبتصرّف- للمقال You Can’t Do Everything لصاحبته Rachel Andrew1 نقطة
