مدونتي بحلة جديدة، نصائحكم لمظهر وتجربة أفضل..
بمساعدة صديقي عبداللطيف @Abdulateef_Radaee ، حسّنت مظهر مدونتي.. في الحقيقة هو من قام بالتصميم مع بعض التحسينات من قبلي.
المهم، هو أن تشاركوني بكل آرائكم، ما الذي أعجبكم وما الذي لم يعجبكم.. سواء من جهة البرمجة أو من جهة التصميم. اكتبوا كل ما يحلوا لكم.. وسأكون شاكرًأ لكل انتقاد.
رابط المدونة:
التعليقات
خُذ نفَساً عميقاً :D
أولاً: اللون الأزرق يطغى على الموقع بشكل كبير.
ليس بالضرورة أن يكون كل شيء قابل للضغط ملوناً بالأزرق، فأيقونات مواقع التواصل الاجتماعي مثلاً ستبدو أجمل لو كان كلٌّ منها بلونه المعتاد، وعناصر القائمة العلوية لو تغيّر لونها لكان أجمل.
ثانياً: الاكتفاء بعرض عنوان التدوينة فقط لا يفي بالغرض.
أقترح إضافة جزء من محتواها، بالإضافة لصورة تعبّر عن مضمون التدوينة.
(الصورة مهمة جداً، حتى لو وضعت فيها نفس عنوان التدوينة بتصميم جميل وجذاب، وليس أسهل من هذا الأمر باستخدام برامج التصميم).
ثالثاً: عرض جميع التدوينات في الصفحة الرئيسية ليس مجدياً، فالذي سيزور المدونة سيأخذ منه وقتاً طويلاً حتى يمرَّ على أسماء التدوينات ليختار إحداها كي يقرأها.
أقترح إضافة سلايدر يحوي التدوينات الأكثر قراءة من قِبَل الزوار (أو التدوينات التي تختارها أنت لأنّها الأكثر تميزاً وإفادةً حسب رأيك)، فتعرضها في أعلى الصفحة الرئيسية، وبعدها تضع عدد محدد من التدوينات مع زر للانتقال لصفحة أخرى لمشاهدة تدوينات أخرى.
رابعاً: الـ container الذي تضع فيه عنوان التدوينة وتاريخها والقسم الذي تنتمي إليه، يمكن تحسينه لإضفاء طابع جمالي أكثر من الحالي.
فالمسافة بين التاريخ والقسم (برمجة، التدوين ...) كبير ولا فائدة من وجوده (الزائر سيُحس أنّ شيئاً ما يجب أن يكون موجوداً ضمن هذه المسافة ولكنّه مختفٍ لسببٍ ما! -هكذا سيشعر- :D).
والثلاث نقاط الموجودة أسفل الـ container لا داعي لها لأنّها يُستعاض عنها بالضغط على عنوان التدوينة (يمكن الاستفادة من هذه المساحة لإضافة زر "اقرأ المزيد" أو "تابع القراءة" في حال أضفتَ جزء من محتوى التدوينة ليتم عرضه مع العنوان والتاريخ والقسم).
خامساً: القسم اليساري للمدونة فارغ.
يمكن ملؤه بخيارات إضافية، مثل إضافة قسم التدوينات الأكثر مشاهدة، أو اقرأ تدوينة عشوائية، أو تدوينة الشهر ... الخ.
وقسم الإعلانات ينبغي تحسين مظهره أيضاً حتى يشعر المُعلِن أنّ إعلانه يُعتنى به ويتم إظهاره بمظهرٍ يستحق أن يكرر تجربة الإعلان مرّة أخرى إن أراد.
(حالياً يمكن وضع صورة غلاف الرواية التي تُعلن عنها عوضاً عن الاكتفاء باسمها).
سادساً: الـ url يعرض رقم التدوينة، فماذا لو عرضتَ بدلاً منه اسمَ التدوينة أو slug أو تاريخها؟
أظن أنّ مظهره سيبدو أفضل.
سابعاً: الوسوم في التدوينة يجب أن تكون قابلة للضغط حتى يتسنّى للزائر أن يعرض كل التدوينات التي تنتمي لهذا الوسم.
ثامناً: الـ logo جميل، ولكن لو جعلتَه أكبر قليلاً لبدا أجمل.
ويمكن أيضاً أن تضيف إليه أشياء تجعله يبدو بشكلٍ أفضل، مثل أن تلوّن النقاط بدلاً من كونها بنفس لون الـ logo.
تاسعاً: عرض المدونة في الأجهزة الصغيرة:
القائمة العلوية غير متجاوبة مع الأجهزة اللوحية.
وأما أجهزة الهاتف المحمول فعند الضغط على زر القائمة:
تظهر العناصر وتحتها خط، وهو مظهر غير محبّذ للعناصر القابلة للضغط.
يتم إظهار كامل القائمة على طول الصفحة، ولكن فعلياً القائمة لا تتجاوز نصف طول الصفحة، فإما أن تُظهرها من الأعلى للأسفل، أو إذا أردتَ إظهارها من الجانب الأيسر إلى الأيمن فأقترح أن تُحسّن مظهرها.
(صدّقني القائمة العلوية من أهم الأمور التي تجذب نظر الزائر عند فتح الموقع من هاتفه :D).
أضف إلى أنّ خط التدوينة صغير جداً في الهواتف.
انتهيت -مبدأياً- :D
مدونتك جميلة وأزورها باستمرار ... استمر في تحسينها قدر استطاعتك
بالتوفيق صديقي
أشكرك على نقدك الوافي:
أولاً: اللون الأزرق يطغى على الموقع بشكل كبير.
فعلا، سأبحث عن لون مناسب. كان اللون الأزرق هو الافتراضي للروابط.
ثانياً: الاكتفاء بعرض عنوان التدوينة فقط لا يفي بالغرض.
يوجد (برمجيا) وفيها أخطاء عن عمل اقتباس ولكن الفراغات في بداية المقال تمنع هذا. سأحاول عمل إضافة هذا المقتطف عند كل مقال وسأخصص لها حقل في قاعدة البيانات.. بالنسبة للصور، لا أدري، المشكلة أن الاستضافة سيئة (مجانية) ولا أريد أن أحملها ما لا تطيق.. حتى الصور في المقالات مستضافة على موقع
ثالثاً: عرض جميع التدوينات في الصفحة الرئيسية ليس مجدياً، فالذي سيزور المدونة سيأخذ منه وقتاً طويلاً حتى يمرَّ على أسماء التدوينات ليختار إحداها كي يقرأها.
سأعمل pagination، وإذا كان هناك ثمة مقالات مختارة سأضعها في الجانب الأيسر. لا أحب السلايدر وفي الأخير هي مدونة بسيطة.
رابعاً: الـ container الذي تضع فيه عنوان التدوينة وتاريخها والقسم الذي تنتمي إليه، يمكن تحسينه لإضفاء طابع جمالي أكثر من الحالي.
فعلا، كما قلت. سأحسنه.
خامساً: القسم اليساري للمدونة فارغ.
سأعمل بنصائحك، وبخصوص الإعلان، أنا وضعت الإعلان نصيًا للاستعجال.
سادساً: الـ url يعرض رقم التدوينة، فماذا لو عرضتَ بدلاً منه اسمَ التدوينة أو slug أو تاريخها؟
فعلا، عندما أنشأت المدونة أول مرة لم أكن أعلم كيف ذلك، ولكن ستتغير الروابط .. هل تعرف طريقة لإعادة التوجيه (redirection)؟
سابعاً: الوسوم في التدوينة يجب أن تكون قابلة للضغط حتى يتسنّى للزائر أن يعرض كل التدوينات التي تنتمي لهذا الوسم.
فكرة جميلة حقًا، في الحقيقة وضعت الوسوم نصيًا واكتبها يدويًا وبينها "(،)". تحتاج بعض العمل.
ثامناً: الـ logo جميل، ولكن لو جعلتَه أكبر قليلاً لبدا أجمل.
الشيء الإيجابي الوحيد :) .. وبالنسبة لألوان النقاط، سمعت من ينصح بها قبلًا وسأفكر في هذا بعد معرفة اللون الذي سيكون بدلا للّون الأزرق للروابط.
تاسعاً: عرض المدونة في الأجهزة الصغيرة:
يتم إظهار كامل القائمة على طول الصفحة، ولكن فعلياً القائمة لا تتجاوز نصف طول الصفحة، فإما أن تُظهرها من الأعلى للأسفل، > أو إذا أردتَ إظهارها من الجانب الأيسر إلى الأيمن فأقترح أن تُحسّن مظهرها.
(صدّقني القائمة العلوية من أهم الأمور التي تجذب نظر الزائر عند فتح الموقع من هاتفه :D).
لم أفهم الفكرة جيدًا.. لو أرسلت رابطًا أو صورة حتى أفهم.
هل تعرف طريقة لإعادة التوجيه (redirection)؟
لا أظن أنّك بحاجة لإعادة توجيه، الفكرة تكمن بطريقة عرض الـ url من خلال url rules.
الأمر يتبع لإطار العمل الذي طوّرتَ به المدونة.
أما بخصوص القائمة العلوية فأقصد أن يتم إظهارها من الأعلى للأسفل مع إزاحة لمحتوى الصفحة الأساسي.
الذي قمتَ به في مدونتك أنّك جعلتَ الخلفية في أسفل القائمة العلوية overlay، ولكنّ القائمة ليست بذلك الطول الذي يجعل نظر الزائر متّجهاً بالكامل لمحتويات القائمة.
الهدف هو تركيز نظر الزائر إلى عناصر القائمة كي يختار إحداها دون أن يتشتت بالعناصر الأخرى التي تقع أسفل القائمة.
مرحبا،
اول شيئ لم يعجبني هو دومين الموقع .xyz
انا انصحك بالدومينات المعروفة مثل .net .com
ثانيا اضن ان التصميم شخصي لذلك اراه بسيط وبدائي جدا كذلك لا يوجد ترقيم لصفحات المواضيع.
فمن جهتي انصحك بإستخدام ووردبريس للتدوين
وأخيرا أعجبت بشعار موقعك
كيف صممته؟
اول شيئ لم يعجبني هو دومين الموقع .xyz
اخترته لأول مرة لأنه رخيص.. كان بدولار ونصف لأول سنة ورسوم التجديد ١٢ دولار كل سنة. نطاق .net كان موجودًا وفكرت فيه ولكنه اُشتري.. ووجدت أسماء نطاقات غريبة .. لذلك xyz ليس بذلك السوء ..
ثانيا اضن ان التصميم شخصي لذلك اراه بسيط وبدائي جدا كذلك لا يوجد ترقيم لصفحات المواضيع.
سأعمل على الترقيم .. ومن ناحية بساطة التصميم فهو شيء طبيعي لأنها مدونة شخصية
وأخيرا أعجبت بشعار موقعك .. كيف صممته؟
صممه ابن عمي وهذه صفحته
إذا كنا سوف نتكلم من ناحية البساطة فالقالب بسيط وجميل، ومناسب لهذا النوع إذا كنت تعتمد هذا الاسلوب بعيدًا عن الإضافات الكثيرة، وكل هذه الأمور
الدومين يا واثق أكثر من سيء حاول اعتماد com. info. ...etc
حاول إضافة ترقيم للصفحة الرئيسية لسهولة التنقل بين المواضيع /الصفحات.
اللون الازرق... لم يعجبني صراحًة، أجده فاقع جدًا ومزعج للعين.
حتى اصدقك القول التصميم الأول كان أفضل بعض الشيء.
بخصوص ظهور نبذة من الموضوع يوجد بها مشاكل على ما اظن.
حاول استخدام محرك بحث ذكي في المدونة أفضل بحيث إذا تم كتابة أي كلمة يظهر نتائج.
أما بالنسبة للمحتوى فهو أكثر من رائع :)
الدومين يا واثق أكثر من سيء حاول اعتماد com. info. ...etc
اخترته لأول مرة لأنه رخيص.. كان بدولار ونصف لأول سنة ورسوم التجديد ١٢ دولار كل سنة. نطاق .net كان موجودًا وفكرت فيه ولكنه اُشتري.. ووجدت أسماء نطاقات غريبة .. لذلك xyz ليس بذلك السوء ..
اللون الازرق... لم يعجبني صراحًة، أجده فاقع جدًا ومزعج للعين.
سأغيره
بخصوص ظهور نبذة من الموضوع يوجد بها مشاكل على ما اظن.
فعلا، سأصلح المشكلة
حاول استخدام محرك بحث ذكي في المدونة أفضل بحيث إذا تم كتابة أي كلمة يظهر نتائج.
إن شاء الله ... تقصد آني قبل أن تضغط على Enter؟
نطاق .com هو للأمور التجارية، والمجالات، أو النيتشات.
نطاق .net اختصارا لكلمة network خاص بالشركات
نطاق .info اختصار لكلمة information بالمواقع التي تُقدّم المعلومات في مجالات مختلفة.
....إلخ
بعيدًا عن هذا كله الموقع الذي تشتري منه الدومين له عامل اساسي في ارشفة صفحات موقعك أو نجاح موقعك بشكل عام في محركات البحث مثل جوجل، وذلك بسبب ريسلر الدومين ومقر الداتا سينتر الخاص بالسيرفرات... على سبيل المثال انا اشتري جميع دوميناتي من موقع Namecheap، وذلك بسبب أنّ سيرفراته تقع في 6 ولايات أمريكية بعكس Godaddy الذى تقع سيرفراته فى ولاية phoenix فقط وباقي السيرفرات فى بعض الدول الأوروبية بالإضافة على أنّهم يعتمدون على نظام Micro system على عكس جودادي التي تعتمد على نظام Sub-drive ... وهذا قد يعرض الدومين الخاص بك إلى بعض السلبيات التى قد تضره من خلال الدومينات المحيطة به...
وجدت التصميم القديم أفضل باستثناء اللوجو،
حجم الخط المكتوب به المواضيع صغير ، بخلاف العنواين في الصفحة الرئيسية كبيرة.
بالتوفيق
حاول استخدام محرك بحث ذكي في المدونة أفضل بحيث إذا تم كتابة أي كلمة يظهر نتائج.
اتقي الله :)
حجم الخط المكتوب به المواضيع صغير ، بخلاف العنواين في الصفحة الرئيسية كبيرة.
فعلا، هذا يظهر في الجوال ولم أتنبه له
انتقاداتي لتصميم المدونة
1ـ لون اللوغو الاسود غير موفّق
من الافضل اختيار لون مُشرق غير الاسود كي يعطي إشراقة للمدونة
2 ـ حجم ونوع الخطوط
من الافضل اختيار خطوط متناغمة للعناوين والمواضيع بحجم معقول
3 ـ النطاق الغريب
إمتداد النطاق غريب وصعب النطق و لا يدل على شيء
4ـ افتقار المدونة للصور والعنار البصرية والايقونات
من الافضل الاستعانة ببعض الايقونات و الصور والعناصر البصرية في الرئيسية والمواضيع تضفي جمالية على المدونة
5ـ ايقونات الشبكات الاجتماعية كبيرة الحجم وغير منسقة
1ـ لون اللوغو الاسود غير موفّق
ماذا تقترحين من لون؟
مسألة اللون المشرق إذا كان كل التصميم متناسق. اللونان الأسود والأبيض يناسبان أكثر الألوان.
2 ـ حجم ونوع الخطوط
سأعمل عليها
4ـ افتقار المدونة للصور والعنار البصرية والايقونات
سأعمل عليها ولكن بسبب سوء الاستضافة قد أؤجل هذا.
5ـ ايقونات الشبكات الاجتماعية كبيرة الحجم وغير منسقة
سأحسنها إن شاء الله.