التخطيط لبناء موقع ويب احترافي،,,

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

أول شيء يلفت إنتباه معظم متصفحي الويب - في أغلب الأحيان – عند زيارتهم لأي موقع هو تصميم و هيئة الموقع، و هذا صحيح! فعندما تزور موقع معين، أول شيء تراه هو التصميم، و ليس المحتوى. من هذا نرى أن زائر الموقع سيأخذ إنطباعه الأول عن الموقع من التصميم، لذلك يجب أن تهتم بالتصميم بأكبر قدر ممكن، بحيث تعطي زائرك إنطباع حسن عن موقعك، قبل حتى قراءة المحتوى، و لإعطاء هذا الإنطباع، و لجعل موقعك تحفه من تحف مواقع الانترنت! ما عليك سوا أن تقرأ هذه المقاله...

بناء هيكل الموقع:

لنبدأ في تصميم الموقع، علينا أولاً أن نعرف الأقسام الرئيسيه و الأقسام الفرعيه التي سيحويها، و لعمل ذلك، أولاً علينا أن نجمع المصطلحات التي كتبنا عنها في محتوى الموقع ( هل تذكرها؟)، و نكتبها على قطع صغيره من الورق.

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

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

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

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

عناصر تصميم الموقع:

علينا الآن أن نبدأ في تحضير العناصر التي سوف نضعها في تصميم موقعنا، بعض العناصر وجودها فرض على كل موقع، و بعض العناصر الأخرى تعتمد على نوع الموقع و موضوعه.

العناصر الواجب حضورها في كل موقع:
- إسم الموقع :
شيء بديهي أن يكون لكل موقع إسم معين يطلق عليه، هذا الإسم يجب أن يعبر عن محتوى الموقع بحيث يعطي الزائر فكره أوليه بسيطه عن ما يحتوي الموقع من مواضيع.

- شعار الموقع (tag line) :
و هنا لا أقصد الشعار الجرافيكي، بل هو عباره عن جمله معينه تطلق على الموقع بحيث تعطي الزائر فكره عن موضوع الموقع، وهذه الجمله يجب أن لا تكون أطول من 7 كلمات.

- نظام الإبحار (Navigation System) :
وهو ما يطلق عليه اسم القائمة الرئيسية، و أيضاً وجوده شيء بديهي، فبدونه لن يكون هناك موقع، بل ستكون عباره عن صفحه واحده مقطّعة الأوصال.

- عبارة ترحيبية:
و هنا لا أقصد أن تكتب ستين بيتاً من الشعر لترحب بزوارك، بل عبارة "مرحبا بك" تكفي و تفي بالغرض، فالزائر لم يأتي إلى موقعك لترحب به!



- وضعيه حقوق الموقع:
هل تسمح لزوار موقعك أن ينسخوا ما تكتب في موقعك؟ أم أنك تريدهم أن ينسخوا ولكن مع ذكر المصدر؟ أو من الممكن أنك تريد أن تكون حقوق موقعك محفوظه، فلا يستطيع أحدا بهذه الحاله أن يأخذ أي شيء من موقعك إلا بإذن شخصي منك أنت؟

- بيان حماية الخصوصية:
و هو من العناصر الغائبه في معظم المواقع العربية، مع أنه من الأمور المهمه جداً في الموقع. في هذا البيان يجب أن تكتب عن المعلومات التي تجمعها من الزائر، و كيف تتصرف بها.

- شروط إستخدام الموقع:
أيضاً من العناصر الغائبه في معظم المواقع العربية، و فيه يجب أن تكتب عن الطريقة التي تريد لزوار موقعك أن يتبعوها أثناء زيارتهم.

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

و من هنا نرى أنه عليك و انت تصمم موقعك، أن تحدد العناصر التي تريد وضعها في تصميمك قبل البدء في عمليه التصميم الفعليه.

ترتيب العناصر :

ملاحظه: هذه العمليه يجب أن تتم على الورق و ليس على الكمبيوتر، تذكر أننا مازلنا في مرحلة التخطيط و ليس البناء الفعلي للموقع.


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

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

و من هنا نرى أن كل شيء تراه مهماً في موقعك، يجب أن تضعه في الصفحه الأولى، لكي تسهل على الزائر إيجاده.

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

- الألوان:
يجب أن تحدد لموقعك لون معين تجعله لون الموقع الرسمي، هذا اللون يجب أن يعتمد على موضوع الموقع، فموقع يتكلم عن الغابات و أنواعها، لا يجب أن يكون لونه أصفر أو بيج كلون الصحراء، بل إجعله و ببساطه أخضر ليقابل بالتالي موضوع الموقع. يمكنك أن تجعل هذا اللون كلون للخلفيه أو لون النص أو العناوين الرئيسية في الموقع.

أخيراً و كالعادة إسأل أحد الأشخاص المهتمين في موضوع موقعك عن رأيه في التصميم الأولي لموقعك (وحتى و إن كان على الورق)، و حاول أن تعرف منه المواضع الأفضل لعناصر موقعك، فإن هذا من أهم الأمور في تصميم الموقع.

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