الجمعة، 2 مارس، 2012

ثلاث خطوات لتبسيط صفحات موقعك على الانترنت

كتبه بتاريخ 6 يناير 2010 – 8:05 م

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

1. حدّد النشاط الرئيسي الذي سيقوم به الزائر في موقعك

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

2. حدّد الأشياء التي تدعم ذلك النشاط الرئيسي بشكل مباشر

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

3. اختصر ما تكتبه في موقعك

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

الختام

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

http://uxfix.com/2010/01/06/3-steps-to-simplify-your-web-page/?ref=related