كيف تصمم موقع صفحة واحدة مثالي – SINGLE PAGE WEBSITE

تصميمات الصفحة الواحدة تقنية ممتازة للمواقع الصغيرة، ويوجد أسباب كثيرة لاستخدام موقع صفحة واحدة(single page site) كسهولة التطوير والصيانة وانخفاض bandwidth.

اذا كنت تعمل علي موقع صغير وصفحاته قليلة فعليك النظر في استخدام صفحة واحدة (single page) والنظر في ما اذا كان ذلك سيجعل المشروع أسهل وأكثر سهولة للمستخدمين.

فوائد تصميم الصفحة الواحدة – Single Page

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

بديهية الاستخدام – intuitive

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

green

لن تحتاج للقلق بأن يعلق المستخدمين في الصفحات أو البحث الكثير. فاستخدام الheader أو أي من عناصر التنقل الأخري مفيد جدا اذا كان يوجد أقسام متعددة في الصفحة.

أسهل وأسرع للصيانة والتطوير

هذا لا يعد شئ مؤكد، فموقع الصفحة الواحدة “single page” يكون أسرع في التكويد عن موقع متعدد الصفحات. فعملية التصميم تستغرق وقت أقل، اعتمادا علي مدي تعقيد الصفحة.

andrea

موقع الصفحة الواحدة (single page site) يفرض قيود في التصميم مما يسرع عملية التصميم في حال كان لديك التصميم الأساسي في عقلك. يجب أن تعمل الأقسام sections بسلاسة مع بعضها. وهذه القيود تسرع عملية تطوير الصفحة.

الصيانة تكون سهلة وبسيطة عندما يكون لديك صفحة واحدة للتعامل معها.

أنت مُضطر للتبسيط

عندما يكون لديك صفحة واحدة لتعمل عليها فيجب أن تُبسط وتسهل العناصر الأساسية. فلا وجود لصفحات كثيرة وعناصر لا فائدة لها.

varsity

أفضل للسيو SEO

نوع الروابط (inbound links) تؤثر في كفاءة وجودة الموقع في محركات البحث. محركات البحث ليست دائما أكبر مصدر للترافيك traffic لكثير من الواقع ولكنها مهمة.

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

رواية القصص يمكن أن يزيد الفعل (action)

مواقع الصفحة الواحدة غالبا ما تستخدم زاوية رواية القصص (storytelling) أفضل من المواقع متعددة الصفحات. حيث يمكن أن يزيد معدلات التفاعل وتحفيز الزوار لاتخاذ فعل وقرار (take action).

wild

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

أسهل للتنظيم

لا داعي للقلق بشأن ترتيب قوائم لانهاية لها تحتوي علي الكثير من الصفحات والصفحات الفرعية. فلا يوجد الكثير من قوائم التصفح. فكل شئ متواجد في صفحة واحدة.

ssdd

انخفاض bandwidth

استخدام موقع صفحة واحدة يقلل الbandwidth ويقلل تكاليف الاستضافة.

القضاء علي مواقع الموبايل

التصميم المستجيب (Responsive design) بالتأكيد هو ليس مقتصر علي مواقع الصفحة الواحدة ولكن كلما كان الموقع أكثر تعقيدا كلما أصبح من الصعب جعله يعمل علي الشاشات الصغيرة، حتي باستخدام التصميم المستجيب. فموقع الصفحة الواحدة يكون من السهل جعله مستجيب ويمكن جعله يعمل علي الشاشات الصغيرة بسهولة.

bearonunicycle

استخدام أو عدم استخدام الPARALLAX

وفقا لوجهة نظرك اذا وجدت أن استخدام الPARALLAX سيعزز فعلا من قابلية استخدام موقعك فيجب أن تستخدمه.

متي يجب أن تستخدم موقع الصفحة الواحدة ومتي لا يجب ان تستخدمه

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

clientsy

استخدام مواقع صفحة واحدة (single page) في المواقع التي تبيع منتج واحد مفيد جدا. فاذا كنت تبيع منتج واحد سواء مادي أو رقمي فلما العناء في استخدام صفحات متعددة؟ فاستخدام موقع صفحة واحدة بسيط يعد أداة جيدة للمبيعات.

franzsans

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

المواقع الهجينة – HYBRID SITES

يوجد مواقع كثيرة جدا تستخدم تصميم الصفحة الواحدة، ويوجد أيضا الكثير من المواقع الهجينة التي تعطي انطباع موقع الصفحة الواحدة باستخدام (ajax, modal windows) إلخ.. وهذه المواقع الهجينة تحتوي علي صفحات محتوي متعددة.

موقع Dang & Blast مثال رائع لذلك

dangblast

هذا يعد حل رائع ومثالي اذا كنت لا تستطيع وضع كل شئ في صفحة واحدة.

أفضل الممارسات لمواقع الصفحة الواحدة – SINGLE PAGE

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

ابقاء الأشياء بسيطة

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

peter

روابط التنقل مازالت مفيدة (Navigation)

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

fraudforce

تقسيم المحتوي

لا يجب أن يكون المحتوي في قسم واحد في موقع الصفحة الواحدة (single page). فيجب أن تقسم المحتوي إلي قطع وأقسام بحيث يتمكن المستخدمين ايجاد ما يبحثوا عنه بسهولة .

liftoff

استغل الخلفية

معظم مواقع الصفحة الواحدة تكون بخلفيات كبيرة وأحيانا تترك فارغة أو بpattern متكرر. ولكن يجب أن تستغل هذه المساحة وتقوم بشئ ابداعي. يساعد علي تقسيم المحتوي. فلا يجب ان تكون الخلفية صورة واحدة فيمكن أن تكون صور متعددة تناسب المحتوي.

newyork

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

 

المصدر

مقالات ذات صلة

3 تعليقات

  1. azzedine
    28 يوليو,2015 في 4:13 ص - Reply

    شكراً أخي على الشرح

  2. med
    6 سبتمبر,2015 في 9:31 م - Reply

    السلام عليكم , الموضوع جد ممتاز

    • أحمد السالوس
      7 سبتمبر,2015 في 1:48 ص - Reply

      وعليكم السلام ورحمة الله وبركاته، ربنا يخليك أخي الكريم، أهم شئ الإستفادة 🙂