لتصمم موقعاً الكترونياً يجذب لك المتابعين والمترددين على الموقع، عليك أن تهتم غاية الاهتمام بالتصميم لكي تتمكن من جذب المتابعين، هذه مجموعة من النصائح لا بد وأن يتم العمل بها في حال أردت تصميم موقع إلكتروني احترافي بجودة عالية.
-
الأشكال أو الصور المتداخلة
إن تطوير الموقع يبدأ بنصه وهيكله بعد أن يتم تطوير الهيكل الاساسي يجب تحليل المحتوى من حيث من الذي سيستفيد من عمل التصاميم التي تقوم على الصور أو النص.
ويمكن القول أن هناك مبادئ عامة حتماً يجب أن تتواجد في موقعك الإلكتروني:
* قم باختيار ألوان كل من النص والخلفية على أن يكون الفرق كبير بينهما
* قم باختيار لوحة ألوان آمنة لاستعمال الزائر وذلك كي تتسم بالثبات
* قم بتوحيد شكل وحجم حروف النص بشكل دائم ومستمر
* تجنب إحداث تغييرات على الألوان.
* تجنب استعمال الحروف المائلة (تصعب قرءاتها) وإحداث تغييرات على الألوان، ووضع خط تحت الكلمات ( يمكن الخلط بينها وبين ال Links.
* تجنب النص المطول كثير العبارات أكثر من اللزوم.
* قم بتجنب استعمال الخلفيات ذات النسق الشبكي لأن ذلك يصعب القراءة.
* قم بتوضيح المضمون باستعمال تصاميم وأشكال تتسم بالبساطة.
ما هي مقاييس تصميم صفحات المواقع ؟
إن مثل هذه المقاييس ضرورية في ظل وجود الخيارات العديدة المتوفرة على الإنترنت فعلى سبيل المثال يقوم العديد من زائري المواقع الإلكترونية بإغلاق نوافذ الرسوم وذلك من أجل تسريع عملية تنزيل الصفحات على الشاشة، وبهذا نجد أن من الضروري وجود خيار نصي يغني عنها.
إن وسائل القراءة الصوتية الخاصة لمساعدة ذوي المشاكل البصرية، تقوم أيضأ بقراءة خيارات النص تلك، وكذلك الحال بالنسبة لمواقع المكتبات القائمة على أساس النص.
كما قد تم إيجاد تكنولوجيات متنقلة جديدة تعتمدعلى النص بشكل أكبر، وهي تتضمن أمور مثل المفكرة الشخصية الرقمية، الهواتف الخلوية.
إن ما يلي يوضح سبب ضرورة التصميم الناجح والمرن على الشبكة الإلكترونية، وكذلك السبب الذي من أجله تم صنع هذا الدليل.
أسئلة هامة لإنشاء موقع إلكتروني ناجح
أجب عن عدد من الأسئلة الأساسية بهدف التركيز ووضع الخطة لتصميم مميز ومناسب:
* من سيقوم بزيارة موقعي الإلكتروني ولماذا؟
وبناء على إجابة سؤالك هذا قم بالأتي:-
*قم بالكتابة لهم بشكل خاص قم باستعمال مفردات مناسبة أو وضحها بالتعريف.
أيضاً قم باستعمال مفاهيم عريضة للمفهوم الخاص بك قبل أن تقوم بتطوير موقعك وذلك كي تتجنب البعد والتشتت عن الفكرة الأساسية.
*قم بتشكيل / تصميم / صفحة قياسية أساسية للموقع الإلكتروني ولا تفترض أن الشيء الذي تراه أنت هو ذات الشيء الذي سيراه المستخدمون الآخرون.
*ضع في اعتبارك الحيز الحقيقي للشاشة وضع المعلومات الأكثر أهمية إلى أعلى يسار الشاشة.
*قم بالتقليل من التفاصيل والعناوين الفرعية في الصفحة الأساسية، (أقل من 20% يقومون بالقراءة التفصيلية كلمة كلمة).
* لا تملأ الشاشة بالنص: أي اجعل أجزاء النص تقع في الوسط وأن تكون محاطة بحاشية يسري وحاشية يمنى ومقسمة إلى أعمدة.
*قم باستعمال (وصلة العودة إلى أعلى) في نهاية الصفحات الطويلة.
*قلل من وجود المساحة البيضاء على صفحات القائمة الأساسية إن هذه المسألة تسلسل وتسهل عملية البحث.
*قم ببناء المضمون من خلال صفحات متصلة إن الصفحات الموصولة يجب أن تكون ثلاثة أو أقل ضمن الموقع.
ويجب دائماً أن يعرف الزائرون أين هم على الموقع ( أين يتواجدون على موقعك)، وأن يكونوا قادرين على الرجوع أو نقطة البداية.
أشكال الحروف في الموقع الإلكتروني
قم باستعمال أنواع الحروف العادية أو الحجم الشائع استعماله، هذا إن لم تستعمل نوع الحروف الموجودة اصلاً كخيار أول في البرنامج، إن استعمال الخطوط المناسبة للحروف التي تظهرعلى الشاشة يحكمها قياس الشاشة ودرجة الوضوح عليها.
كما سيكون من الضروري القيام باستعمال حجم كبير من الحروف في المواقع التي تخاطب الأطفال الصغار وكبار السن.
تجنب أنواع الحروف ذات الأشكال ( الملونة، التي تظهر وتختفي) ففي أغلب الأحيان هذه الحروف لا تحقق عرضاً مناسباً، وتعتبر مزعجة.
استعمال الألوان في الموقع الإلكتروني
قم باستعمال ألوان تختلف عن بعضها البعض بشكل كبير وذلك بالنسبة للون الخلفية من جهة ولون النص من جهة أخرى.
ومن المفضل أن تكون الخلفية (فاتحة) اللون وأن يكون النص داكن اللون.
تجنب الخلفيات التي تؤثر سلباً على وضوح النص .
الصور في المواقع الإلكترونية
إن الصور يجب أن لا تتجاوز 75 وحدة من وحدات تشكيل الصورة للبوصة الواحدة (Pixels) هذا هو الحد الذي بالإمكان توصيله عبر الإنترنت.
أما ما يزيد عن ذلك فسوف يؤدي إلى تبطيء عملية التنزيل على الجهاز، دون أي زيادة على مدى الرؤية.
قم باستعمال ملفات الـ (JPG) وذلك للصور الفوتوغرافية في حين قم باستعمال ملفات (gif) للصور مثل الأشكال ذات المجالات الملونة الواسعة والثابتة.
تجنب استعمال الصور الشفافة أو الصور ذات الـ (Gif) المؤلفة من وحدة واحدة ملونة من الأجزاء التي تتكون منها الصورة على الشاشة
دون وجود سبب جيد لعمل ذلك وهذا لقيام بعض الناس باستعمال هذه الوسائل كحشوات للوصول إلى شكل ترتيب الصفحة وينتج عن ذلك
أنهم يعملون صفحات لا يمكن استعمالها من قبل الزائرين الذين يتجولون وهم يغلقون برنامج تنزيل الصور.
الوصلات (LINKS)
قم بترك فراغ ثم ضع إشارة العمود ثم فراغ ، وذلك للفصل ما بين الوصلات التي تأتي بشكل متتالي .
لا تستعمل عبارات مثل "اضغط هنا"، "أدخل ".
تجنب الصور المستعملة كوصلات(LINKS)، فمن الصعب من ناحية الإبصار الانتباه إلى كونها وصلات.
تجنب أسلوب الإنسياب المستمر (Roll Over) للقوائم النازلة من الأعلى إلى الأسفل.
الخاتمة
في النهاية سيكون هاماً للغاية أن تعلم كمصمم للمواقع الإلكترونية أن الأمر ليس بهذ التعقيد فالبساطة في التصميم والإعتدال في إضافة الصور كما أن إستخدام خطوط بسيطة ومناسبة في الحجم سيكون له أثرُ إيجابي على تصميم موقعك ككل وعليه فإن الأمر ليس ذوقاً شخصياً بقدر ماهو الإعتدال في إضافة العناصر ككل في تصميمك لموقعك وجعله مناسباً للجميع أو على الأقل مناسباً للفئة المستهدفة.
المصادر
1. کتاب تصميم وتطوير تطبيقات الويب لمجد الدين قدار.
2. کتاب تطور الويب و التجارة الالكترونية -الجامعة الافتراضية السورية.
3. كتاب الدليل المبسط لمطور مواقع الويب لـ أحمد المياحي -كتاب الامن و الحماية في الانترنت.
يجب عليك تسجيل الدخول أولاً لإضافة تعليق.