[{"data":1,"prerenderedAt":414},["ShallowReactive",2],{"mdc-424v95-key":3},{"data":4,"body":5},{},{"type":6,"children":7},"root",[8,22,29,34,54,61,66,71,77,82,88,98,104,122,128,133,139,149,154,159,164,170,175,188,193,198,203,209,214,219,224,229,234,239,245,250,255,260,278,283,289,294,299,309,314,320,325,330,335,340,346,351,356,361,366,372,377,386,391,409],{"type":9,"tag":10,"props":11,"children":12},"element","p",{},[13,16,20],{"type":14,"value":15},"text","تحدث Jakob Nielsen عن أكثر الأخطاء شيوعا في تصميم المواقع، وهي أخطاء قد تبدو بسيطة لكنها تؤثر بشكل مباشر على راحة المستخدم وثقته بالموقع.",{"type":9,"tag":17,"props":18,"children":19},"br",{},[],{"type":14,"value":21},"\nفي هذه التدوينة ألخص أبرز هذه الأخطاء مع شرح مبسط يساعد غير المتخصصين على فهمها بسهولة.",{"type":9,"tag":23,"props":24,"children":26},"h2",{"id":25},"_1-النوافذ-المنبثقة-popups",[27],{"type":14,"value":28},"1. النوافذ المنبثقة (Popups)",{"type":9,"tag":10,"props":30,"children":31},{},[32],{"type":14,"value":33},"هي النوافذ التي تظهر فجأة أثناء تصفح الموقع، مثل:",{"type":9,"tag":35,"props":36,"children":37},"ul",{},[38,44,49],{"type":9,"tag":39,"props":40,"children":41},"li",{},[42],{"type":14,"value":43},"طلب الاشتراك في النشرة البريدية",{"type":9,"tag":39,"props":45,"children":46},{},[47],{"type":14,"value":48},"رسائل الإعلانات",{"type":9,"tag":39,"props":50,"children":51},{},[52],{"type":14,"value":53},"تنبيهات الموافقة على ملفات الكوكيز",{"type":9,"tag":55,"props":56,"children":58},"h3",{"id":57},"لماذا-تعتبر-مشكلة",[59],{"type":14,"value":60},"لماذا تعتبر مشكلة؟",{"type":9,"tag":10,"props":62,"children":63},{},[64],{"type":14,"value":65},"المستخدم يدخل الموقع لهدف محدد، وعندما تتم مقاطعته مباشرة برسالة لا تهمه في تلك اللحظة، يشعر بالإزعاج وقد يغادر الموقع سريعا.",{"type":9,"tag":10,"props":67,"children":68},{},[69],{"type":14,"value":70},"كثرة النوافذ المنبثقة تعطي انطباعا بأن الموقع يهتم بمصالحه التسويقية أكثر من راحة الزائر.",{"type":9,"tag":23,"props":72,"children":74},{"id":73},"_2-بطء-تحميل-الموقع-slow-response-time",[75],{"type":14,"value":76},"2. بطء تحميل الموقع (Slow Response Time)",{"type":9,"tag":10,"props":78,"children":79},{},[80],{"type":14,"value":81},"عندما يستغرق الموقع وقتا طويلا حتى تظهر محتوياته، يبدأ المستخدم بفقدان الصبر.",{"type":9,"tag":55,"props":83,"children":85},{"id":84},"لماذا-يعتبر-مشكلة",[86],{"type":14,"value":87},"لماذا يعتبر مشكلة؟",{"type":9,"tag":10,"props":89,"children":90},{},[91,93,96],{"type":14,"value":92},"معظم المستخدمين لا ينتظرون أكثر من بضع ثوان قبل مغادرة الصفحة.",{"type":9,"tag":17,"props":94,"children":95},{},[],{"type":14,"value":97},"\nكما أن بطء الموقع لا يؤثر فقط على تجربة المستخدم، بل قد يضعف أيضا ظهور الموقع في نتائج البحث.",{"type":9,"tag":55,"props":99,"children":101},{"id":100},"من-الأسباب-الشائعة",[102],{"type":14,"value":103},"من الأسباب الشائعة:",{"type":9,"tag":35,"props":105,"children":106},{},[107,112,117],{"type":9,"tag":39,"props":108,"children":109},{},[110],{"type":14,"value":111},"الصور الكبيرة غير المضغوطة",{"type":9,"tag":39,"props":113,"children":114},{},[115],{"type":14,"value":116},"كثرة الطلبات على الخادم",{"type":9,"tag":39,"props":118,"children":119},{},[120],{"type":14,"value":121},"كتابة كود غير محسّن",{"type":9,"tag":23,"props":123,"children":125},{"id":124},"_3-الروابط-أو-الأزرار-المضللة",[126],{"type":14,"value":127},"3. الروابط أو الأزرار المضللة",{"type":9,"tag":10,"props":129,"children":130},{},[131],{"type":14,"value":132},"وهي الروابط التي تعطي المستخدم توقعا معينا ثم تنقله إلى شيء مختلف تماما.",{"type":9,"tag":55,"props":134,"children":136},{"id":135},"مثال",[137],{"type":14,"value":138},"مثال:",{"type":9,"tag":10,"props":140,"children":141},{},[142,144,147],{"type":14,"value":143},"زر مكتوب عليه:",{"type":9,"tag":17,"props":145,"children":146},{},[],{"type":14,"value":148},"\n\"تعرف على المزيد\"",{"type":9,"tag":10,"props":150,"children":151},{},[152],{"type":14,"value":153},"لكن عند الضغط عليه تظهر صفحة اشتراك أو طلب شراء.",{"type":9,"tag":55,"props":155,"children":157},{"id":156},"لماذا-يعتبر-مشكلة-1",[158],{"type":14,"value":87},{"type":9,"tag":10,"props":160,"children":161},{},[162],{"type":14,"value":163},"المستخدم يبني قراره بناء على النص الذي يراه، وعندما يفاجأ بنتيجة مختلفة يفقد ثقته بالموقع حتى لو لم يكن ذلك مقصودا.",{"type":9,"tag":23,"props":165,"children":167},{"id":166},"_4-النصوص-الصغيرة-وضعف-التباين",[168],{"type":14,"value":169},"4. النصوص الصغيرة وضعف التباين",{"type":9,"tag":10,"props":171,"children":172},{},[173],{"type":14,"value":174},"مثل استخدام:",{"type":9,"tag":35,"props":176,"children":177},{},[178,183],{"type":9,"tag":39,"props":179,"children":180},{},[181],{"type":14,"value":182},"خط صغير جدا",{"type":9,"tag":39,"props":184,"children":185},{},[186],{"type":14,"value":187},"لون نص قريب من لون الخلفية",{"type":9,"tag":55,"props":189,"children":191},{"id":190},"لماذا-يعتبر-مشكلة-2",[192],{"type":14,"value":87},{"type":9,"tag":10,"props":194,"children":195},{},[196],{"type":14,"value":197},"هذا يجعل القراءة متعبة، خصوصا لكبار السن أو لمن يعانون من ضعف النظر.",{"type":9,"tag":10,"props":199,"children":200},{},[201],{"type":14,"value":202},"كما أن معايير إمكانية الوصول العالمية تنصح بوجود تباين واضح بين النص والخلفية حتى يكون المحتوى مقروءا للجميع.",{"type":9,"tag":23,"props":204,"children":206},{"id":205},"_5-حقول-الإدخال-المعقدة",[207],{"type":14,"value":208},"5. حقول الإدخال المعقدة",{"type":9,"tag":10,"props":210,"children":211},{},[212],{"type":14,"value":213},"بعض المواقع تطلب من المستخدم إدخال البيانات بطريقة دقيقة جدا دون أي مساعدة.",{"type":9,"tag":55,"props":215,"children":217},{"id":216},"مثال-1",[218],{"type":14,"value":138},{"type":9,"tag":10,"props":220,"children":221},{},[222],{"type":14,"value":223},"حقل طويل لكتابة رقم البطاقة البنكية كاملا دون تقسيم أو تنسيق.",{"type":9,"tag":55,"props":225,"children":227},{"id":226},"لماذا-يعتبر-مشكلة-3",[228],{"type":14,"value":87},{"type":9,"tag":10,"props":230,"children":231},{},[232],{"type":14,"value":233},"المستخدم قد يكتب البيانات بطرق مختلفة، والنظام الجيد يجب أن يتعامل بمرونة مع هذه الاختلافات بدلا من إظهار رسائل خطأ مربكة.",{"type":9,"tag":10,"props":235,"children":236},{},[237],{"type":14,"value":238},"كلما كانت الحقول أوضح وأسهل، قلت الأخطاء وزادت راحة المستخدم.",{"type":9,"tag":23,"props":240,"children":242},{"id":241},"_6-منع-النسخ-واللصق",[243],{"type":14,"value":244},"6. منع النسخ واللصق",{"type":9,"tag":10,"props":246,"children":247},{},[248],{"type":14,"value":249},"بعض المواقع تمنع المستخدم من نسخ النصوص أو المعلومات.",{"type":9,"tag":55,"props":251,"children":253},{"id":252},"لماذا-يعتبر-مشكلة-4",[254],{"type":14,"value":87},{"type":9,"tag":10,"props":256,"children":257},{},[258],{"type":14,"value":259},"هناك استخدامات طبيعية ومفيدة للنسخ، مثل:",{"type":9,"tag":35,"props":261,"children":262},{},[263,268,273],{"type":9,"tag":39,"props":264,"children":265},{},[266],{"type":14,"value":267},"نسخ رقم هاتف",{"type":9,"tag":39,"props":269,"children":270},{},[271],{"type":14,"value":272},"حفظ عنوان",{"type":9,"tag":39,"props":274,"children":275},{},[276],{"type":14,"value":277},"الاستشهاد بمعلومة",{"type":9,"tag":10,"props":279,"children":280},{},[281],{"type":14,"value":282},"منع النسخ لا يمنع السرقة الحقيقية للمحتوى، لكنه غالبا يزعج المستخدم العادي فقط.",{"type":9,"tag":23,"props":284,"children":286},{"id":285},"_7-استخدام-الأيقونات-بدون-شرح",[287],{"type":14,"value":288},"7. استخدام الأيقونات بدون شرح",{"type":9,"tag":10,"props":290,"children":291},{},[292],{"type":14,"value":293},"بعض المواقع تعتمد على الأيقونات وحدها دون كتابة أي نص توضيحي.",{"type":9,"tag":55,"props":295,"children":297},{"id":296},"لماذا-يعتبر-مشكلة-5",[298],{"type":14,"value":87},{"type":9,"tag":10,"props":300,"children":301},{},[302,304,307],{"type":14,"value":303},"ليس كل المستخدمين يفسرون الأيقونات بنفس الطريقة.",{"type":9,"tag":17,"props":305,"children":306},{},[],{"type":14,"value":308},"\nما يبدو واضحا للمصمم قد يكون غامضا للمستخدم.",{"type":9,"tag":10,"props":310,"children":311},{},[312],{"type":14,"value":313},"إضافة كلمة صغيرة بجانب الأيقونة قد توفر على المستخدم كثيرا من التخمين والحيرة.",{"type":9,"tag":23,"props":315,"children":317},{"id":316},"_8-تحرك-عناصر-الصفحة-أثناء-التحميل",[318],{"type":14,"value":319},"8. تحرك عناصر الصفحة أثناء التحميل",{"type":9,"tag":10,"props":321,"children":322},{},[323],{"type":14,"value":324},"أحيانا يبدأ المستخدم بالقراءة أو يحاول الضغط على زر، ثم تتحرك الصفحة فجأة بسبب تحميل صورة أو إعلان متأخر.",{"type":9,"tag":55,"props":326,"children":328},{"id":327},"لماذا-يعتبر-مشكلة-6",[329],{"type":14,"value":87},{"type":9,"tag":10,"props":331,"children":332},{},[333],{"type":14,"value":334},"هذا يسبب ضغطات خاطئة ويشتت تركيز المستخدم.",{"type":9,"tag":10,"props":336,"children":337},{},[338],{"type":14,"value":339},"كما أن جوجل تعتبر هذه المشكلة مؤشرا سلبيا على جودة تجربة المستخدم.",{"type":9,"tag":23,"props":341,"children":343},{"id":342},"_9-صورة-كبيرة-تملأ-الشاشة-بالكامل",[344],{"type":14,"value":345},"9. صورة كبيرة تملأ الشاشة بالكامل",{"type":9,"tag":10,"props":347,"children":348},{},[349],{"type":14,"value":350},"بعض المواقع تعرض صورة كبيرة جدا في بداية الصفحة دون إظهار أي جزء آخر من المحتوى.",{"type":9,"tag":55,"props":352,"children":354},{"id":353},"لماذا-يعتبر-مشكلة-7",[355],{"type":14,"value":87},{"type":9,"tag":10,"props":357,"children":358},{},[359],{"type":14,"value":360},"قد يعتقد المستخدم أن الصفحة انتهت، أو لا ينتبه إلى وجود محتوى مهم أسفل الصورة.",{"type":9,"tag":10,"props":362,"children":363},{},[364],{"type":14,"value":365},"من الأفضل دائما إعطاء الزائر إشارة واضحة بأن هناك معلومات إضافية يمكن الوصول إليها بالتمرير للأسفل.",{"type":9,"tag":23,"props":367,"children":369},{"id":368},"_10-عدم-تكيّف-التصميم-مع-أحجام-الشاشات",[370],{"type":14,"value":371},"10. عدم تكيّف التصميم مع أحجام الشاشات",{"type":9,"tag":10,"props":373,"children":374},{},[375],{"type":14,"value":376},"قد يبدو الموقع ممتازا على شاشة الحاسوب المكتبي، لكنه سيئ جدا على شاشة الهاتف، أو العكس.",{"type":9,"tag":55,"props":378,"children":380},{"id":379},"لماذا-يعتبر-مشكلة-8",[381],{"type":9,"tag":382,"props":383,"children":384},"strong",{},[385],{"type":14,"value":87},{"type":9,"tag":10,"props":387,"children":388},{},[389],{"type":14,"value":390},"المستخدمون يتصفحون المواقع من أجهزة مختلفة:",{"type":9,"tag":35,"props":392,"children":393},{},[394,399,404],{"type":9,"tag":39,"props":395,"children":396},{},[397],{"type":14,"value":398},"هواتف",{"type":9,"tag":39,"props":400,"children":401},{},[402],{"type":14,"value":403},"أجهزة لوحية",{"type":9,"tag":39,"props":405,"children":406},{},[407],{"type":14,"value":408},"شاشات كبيرة",{"type":9,"tag":10,"props":410,"children":411},{},[412],{"type":14,"value":413},"لذلك يجب أن يتكيف التصميم تلقائيا مع حجم الشاشة حتى تبقى القراءة والتنقل مريحة في جميع الحالات.",1779638574063]