تحديث ثيم موقع أبانوب حنا للبرمجيات

أهلاً بك فى موقع أبانوب حنا للبرمجيات. لقد لاحظت فى الشكل القديم للموقع أن هناك الكثير من الصعوبات والمشكلات؛ أهمها صعوبة قراءة المحتوى والشروحات وخاصةً على شاشة الكمبيوتر ﻷنها كانت مثل هذه الصورة.

شكل موقع أبانوب حنا للبرمجيات القديم

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

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

شكل موقع أبانوب حنا للبرمجيات القديم بعد التكبير بنسبة 180% على متصفح جوجل كروم

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

شكل موقع أبانوب حنا للبرمجيات الجديد

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

شكل الموضوعات على موقع أبانوب حنا للبرمجيات فى الثيم الجديد

ولكن هذا التصميم لا يوضّح الموضوعات ويميزها عن بعضها، لذلك قمت بعمل تصميم بسيط حول الموضوعات المختلفه كما ترى فى الصورة التالية.

طريقة تمييز الموضوعات عن بعضها على موقع أبانوب حنا للبرمجيات

اليوم (13 نوفمبر 2018)، وجدت أن هناك أجزاء على الجانب الأيمن والأيسر من محتوى الموقع فارغة وليس لها قيمة، وتظهر المشكلة على الهواتف حيث يكون المحتوى محدود فى المنتصف وليس هناك أى استغلال لهذه المساحة المُهدرة على يمين ويسار الشروحات على الموقع. لذلك قللت هذه المسافة على جانبى المحتوى كما ترى فى الصورة التالية.

تحسين عرض المحتوى على شاشة الهواتف الصغيرة واستغلال أكبر ما يمكن من الشاشة لعرض شروحات موقع أبانوب حنا للبرمجيات

اليوم (22 نوفمبر 2018)، وجدت أن هناك مشكلة فى القائمة الرئيسية فى الموقع. المشكلة هى أن القائمة لا تظهر على أجهزة الموبايل بشكل مفيد للقارئ، فقررت أن استخدم الأيقونات بجانب العناوين فى الشاشات الكبيرة، والأيقونات فقط فى الشاشات الصغيرة. وإليك الشكل فى الشاشات الكبيرة.

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

وهذا هو شكل القائمة فى شاشات الموبايلات. (أيقونات فقط)

ظهور القائمة الرئيسية للموضوعات فى شكل أيقونات تعبر عن القسم - الأقسام الرئيسية فى موقع ابانوب حنا للبرمجيات

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

0 تعليقات:

إرسال تعليق