أفضل تصميم للصفحة الرئيسية لموقع ويب أو مدونة تعتمد على المعلومات

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

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

مساحة بيضاء

أكثر أهمية من المحتوى نفسه ، أو على الأقل بنفس الأهمية ، هي المساحة البيضاء التي غالبًا ما تُنسى. يتيح التخطيط الدقيق للفراغات التي تحيط بالمحتوى الخاص بك للزوار فرصة هضم وفهم المعلومات في أجزاء يمكن التحكم فيها. يمكن للمساحات البيضاء الموضوعة بشكل جيد أن تحسن الفهم وتزيد من "التصاق" مادة حاضرك.

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

ضع في اعتبارك وضع الصورة

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

لا المتزلجون

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

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

استخدم القوائم المنسدلة

يمكن أن تضر القوائم المنسدلة تحسين محركات البحث ، لذلك فهي ليست لكل موقع. بعد قولي هذا ، يمكن أن تساعد القوائم المنسدلة حقًا في تنظيف الموقع وتنظيمه عندما يحتوي على الكثير من المعلومات. سيتعين عليك اتخاذ قرار عندما يتعلق الأمر باستخدام القوائم المنسدلة ، ولكن ضع في اعتبارك أنها مريحة وسهلة الاستخدام وبديهية للعديد من المستخدمين. هذه القوائم المنسدلة لـ CSS ممكنة ، وما زالت JavaScript (من خلال jQuery و MooTools وما إلى ذلك) هي أفضل طريقة للذهاب.

طرق عرض المحتوى

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

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

سهولة التنقل

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

الخط السفلي

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