مدونتي بحلة جديدة، نصائحكم لمظهر وتجربة أفضل..

بمساعدة صديقي عبداللطيف @Abdulateef_Radaee‍ ، حسّنت مظهر مدونتي.. في الحقيقة هو من قام بالتصميم مع بعض التحسينات من قبلي.

المهم، هو أن تشاركوني بكل آرائكم، ما الذي أعجبكم وما الذي لم يعجبكم.. سواء من جهة البرمجة أو من جهة التصميم. اكتبوا كل ما يحلوا لكم.. وسأكون شاكرًأ لكل انتقاد.

رابط المدونة:


خُذ نفَساً عميقاً :D

أولاً: اللون الأزرق يطغى على الموقع بشكل كبير.

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


ثانياً: الاكتفاء بعرض عنوان التدوينة فقط لا يفي بالغرض.

أقترح إضافة جزء من محتواها، بالإضافة لصورة تعبّر عن مضمون التدوينة.

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


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

أقترح إضافة سلايدر يحوي التدوينات الأكثر قراءة من قِبَل الزوار (أو التدوينات التي تختارها أنت لأنّها الأكثر تميزاً وإفادةً حسب رأيك)، فتعرضها في أعلى الصفحة الرئيسية، وبعدها تضع عدد محدد من التدوينات مع زر للانتقال لصفحة أخرى لمشاهدة تدوينات أخرى.


رابعاً: الـ container الذي تضع فيه عنوان التدوينة وتاريخها والقسم الذي تنتمي إليه، يمكن تحسينه لإضفاء طابع جمالي أكثر من الحالي.

فالمسافة بين التاريخ والقسم (برمجة، التدوين ...) كبير ولا فائدة من وجوده (الزائر سيُحس أنّ شيئاً ما يجب أن يكون موجوداً ضمن هذه المسافة ولكنّه مختفٍ لسببٍ ما! -هكذا سيشعر- :D).

والثلاث نقاط الموجودة أسفل الـ container لا داعي لها لأنّها يُستعاض عنها بالضغط على عنوان التدوينة (يمكن الاستفادة من هذه المساحة لإضافة زر "اقرأ المزيد" أو "تابع القراءة" في حال أضفتَ جزء من محتوى التدوينة ليتم عرضه مع العنوان والتاريخ والقسم).


خامساً: القسم اليساري للمدونة فارغ.

يمكن ملؤه بخيارات إضافية، مثل إضافة قسم التدوينات الأكثر مشاهدة، أو اقرأ تدوينة عشوائية، أو تدوينة الشهر ... الخ.

وقسم الإعلانات ينبغي تحسين مظهره أيضاً حتى يشعر المُعلِن أنّ إعلانه يُعتنى به ويتم إظهاره بمظهرٍ يستحق أن يكرر تجربة الإعلان مرّة أخرى إن أراد.

(حالياً يمكن وضع صورة غلاف الرواية التي تُعلن عنها عوضاً عن الاكتفاء باسمها).


سادساً: الـ url يعرض رقم التدوينة، فماذا لو عرضتَ بدلاً منه اسمَ التدوينة أو slug أو تاريخها؟

أظن أنّ مظهره سيبدو أفضل.


سابعاً: الوسوم في التدوينة يجب أن تكون قابلة للضغط حتى يتسنّى للزائر أن يعرض كل التدوينات التي تنتمي لهذا الوسم.


ثامناً: الـ logo جميل، ولكن لو جعلتَه أكبر قليلاً لبدا أجمل.

ويمكن أيضاً أن تضيف إليه أشياء تجعله يبدو بشكلٍ أفضل، مثل أن تلوّن النقاط بدلاً من كونها بنفس لون الـ logo.


تاسعاً: عرض المدونة في الأجهزة الصغيرة:

القائمة العلوية غير متجاوبة مع الأجهزة اللوحية.

وأما أجهزة الهاتف المحمول فعند الضغط على زر القائمة:

  • تظهر العناصر وتحتها خط، وهو مظهر غير محبّذ للعناصر القابلة للضغط.

  • يتم إظهار كامل القائمة على طول الصفحة، ولكن فعلياً القائمة لا تتجاوز نصف طول الصفحة، فإما أن تُظهرها من الأعلى للأسفل، أو إذا أردتَ إظهارها من الجانب الأيسر إلى الأيمن فأقترح أن تُحسّن مظهرها.

(صدّقني القائمة العلوية من أهم الأمور التي تجذب نظر الزائر عند فتح الموقع من هاتفه :D).

أضف إلى أنّ خط التدوينة صغير جداً في الهواتف.


انتهيت -مبدأياً- :D

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

بالتوفيق صديقي

أشكرك على نقدك الوافي:

أولاً: اللون الأزرق يطغى على الموقع بشكل كبير.

فعلا، سأبحث عن لون مناسب. كان اللون الأزرق هو الافتراضي للروابط.

ثانياً: الاكتفاء بعرض عنوان التدوينة فقط لا يفي بالغرض.

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

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

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

رابعاً: الـ container الذي تضع فيه عنوان التدوينة وتاريخها والقسم الذي تنتمي إليه، يمكن تحسينه لإضفاء طابع جمالي أكثر من الحالي.

فعلا، كما قلت. سأحسنه.

خامساً: القسم اليساري للمدونة فارغ.

سأعمل بنصائحك، وبخصوص الإعلان، أنا وضعت الإعلان نصيًا للاستعجال.

سادساً: الـ url يعرض رقم التدوينة، فماذا لو عرضتَ بدلاً منه اسمَ التدوينة أو slug أو تاريخها؟

فعلا، عندما أنشأت المدونة أول مرة لم أكن أعلم كيف ذلك، ولكن ستتغير الروابط .. هل تعرف طريقة لإعادة التوجيه (redirection)؟

سابعاً: الوسوم في التدوينة يجب أن تكون قابلة للضغط حتى يتسنّى للزائر أن يعرض كل التدوينات التي تنتمي لهذا الوسم.

فكرة جميلة حقًا، في الحقيقة وضعت الوسوم نصيًا واكتبها يدويًا وبينها "(،)". تحتاج بعض العمل.

ثامناً: الـ logo جميل، ولكن لو جعلتَه أكبر قليلاً لبدا أجمل.

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

تاسعاً: عرض المدونة في الأجهزة الصغيرة:

يتم إظهار كامل القائمة على طول الصفحة، ولكن فعلياً القائمة لا تتجاوز نصف طول الصفحة، فإما أن تُظهرها من الأعلى للأسفل، > أو إذا أردتَ إظهارها من الجانب الأيسر إلى الأيمن فأقترح أن تُحسّن مظهرها.

(صدّقني القائمة العلوية من أهم الأمور التي تجذب نظر الزائر عند فتح الموقع من هاتفه :D).

لم أفهم الفكرة جيدًا.. لو أرسلت رابطًا أو صورة حتى أفهم.

هل تعرف طريقة لإعادة التوجيه (redirection)؟

لا أظن أنّك بحاجة لإعادة توجيه، الفكرة تكمن بطريقة عرض الـ url من خلال url rules.

الأمر يتبع لإطار العمل الذي طوّرتَ به المدونة.

أما بخصوص القائمة العلوية فأقصد أن يتم إظهارها من الأعلى للأسفل مع إزاحة لمحتوى الصفحة الأساسي.

الذي قمتَ به في مدونتك أنّك جعلتَ الخلفية في أسفل القائمة العلوية overlay، ولكنّ القائمة ليست بذلك الطول الذي يجعل نظر الزائر متّجهاً بالكامل لمحتويات القائمة.

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

الأمر يتبع لإطار العمل الذي طوّرتَ به المدونة.

لم أستخدم إطار عمل :D

أما بخصوص القائمة العلوية فأقصد أن يتم إظهارها من الأعلى للأسفل مع إزاحة لمحتوى الصفحة الأساسي.

وصلت الفكرة .. شكرا لك.