هل واجهة المستخدم الجديدة افضل

بتاريخ 10 ساعة قال تمام عصام:

لقد عدلت واجهة المستخدم و اريد رأيكم اذا كان بها تحسن عن الواجهة المستخدم حاليا 

التصميم الحالي

https://ajwa4alearab.freewebhostmost.com/?location=المفرق%2C++الأردن

 

التصميم السابق بعد التعديل 

لم انتهي من التعديل الكامل له لكن اريد رأيكم بشكل عام

https://ajwa4alearab.freewebhostmost.com/تجربة.php?location=المفرق%2C++الأردن

و هل الصفحة بعد التعديل متجاوبة للهواتف و الحواسيب ام لا 

جيد و لكن لازال يحتاج لتعديلات , أنصحك بتحسين نظام الألوان في موقعك , إذا جعلت لون الموقع أبيض أو لون فاتح قريب للأبيض و قمت بتلوين العناصربداخله (الأزرار, الأيقونات, حواف المربعات أو المربعات ) فسيظهر الوقع بمظهر أجمل و مريح للعين أكثر,
و أيضا إذا تركت مسافة هامش على يمين و يسار الصفحة أفضل,
بالنسبة للتجاوب فالموقع متجاوب مع شاشة الجوال و شاشة الحاسوب و لكن يوجد مشكلة صغيرة, لاحظ في هذه الصورة كيف تو ترك مسافة على اليمين و العناصر مزاحة لليسار , اجعلها كبقية العناصر ليبقى الموقع متناسق, هذه المشكلة ظهرت على الشاشة الكبيرة أما على شاشة الجوال فلا تظهر

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

ولكن توجد مشكلة في الحواسيب ستجد scroll bar في أسفل الصفحة لذلك أنصحك بوضع التنسيق التالي لحذفه :

body {
    overflow-x: hidden;
}

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

.weather-slider {
    display: flex;
    flex-direction: column;
}
.weather-day {
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
.weather-day img {
    max-width: 25%;
}

ويمكنك وضعك الأكواد السابقة داخل media حتي يتم تطبيقها فقط على الشاشات الصغيرة لتصبح شكلها كالتالي :

ويمكنك تنسيقها كما تشاء .

بتاريخ 10 دقائق مضت قال Hikmat Jaafer:

جيد و لكن لازال يحتاج لتعديلات , أنصحك بتحسين نظام الألوان في موقعك , إذا جعلت لون الموقع أبيض أو لون فاتح قريب للأبيض و قمت بتلوين العناصربداخله (الأزرار, الأيقونات, حواف المربعات أو المربعات ) فسيظهر الوقع بمظهر أجمل و مريح للعين أكثر,
و أيضا إذا تركت مسافة هامش على يمين و يسار الصفحة أفضل,
بالنسبة للتجاوب فالموقع متجاوب مع شاشة الجوال و شاشة الحاسوب و لكن يوجد مشكلة صغيرة, لاحظ في هذه الصورة كيف تو ترك مسافة على اليمين و العناصر مزاحة لليسار , اجعلها كبقية العناصر ليبقى الموقع متناسق, هذه المشكلة ظهرت على الشاشة الكبيرة أما على شاشة الجوال فلا تظهر

شكرا, بالنسبة للصورة التي قدمتها لقد وجدت الحل بحيث جعلته يتوسط شاشة الحواسيب الكبيرة و توزيع الفراغ على الجانب الايمن و الأيسر كما في هذه بعد التعديل 

https://ajwa4alearab.freewebhostmost.com/تحربة.php

بالنسبة للون الموقع اريد الابتعاد عن الالوان الرائجة اريد الوان مختلفة لجذب الزوار اكثر 

بتاريخ 10 دقائق مضت قال محمد عاطف17:

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

ولكن توجد مشكلة في الحواسيب ستجد scroll bar في أسفل الصفحة لذلك أنصحك بوضع التنسيق التالي لحذفه :

body {
    overflow-x: hidden;
}

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

.weather-slider {
    display: flex;
    flex-direction: column;
}
.weather-day {
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
.weather-day img {
    max-width: 25%;
}

ويمكنك وضعك الأكواد السابقة داخل media حتي يتم تطبيقها فقط على الشاشات الصغيرة لتصبح شكلها كالتالي :

ويمكنك تنسيقها كما تشاء .التعديل الذي قمت به انت هو على التصميم القديم الذي اريد إزالته اصلا 

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

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

خط الموقع بشكل عام بحاجة إلى استخدام خط أفضل مثل Cairo مثلاً.

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

بتاريخ 28 دقائق مضت قال Mustafa Suleiman:

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

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

خط الموقع بشكل عام بحاجة إلى استخدام خط أفضل مثل Cairo مثلاً.

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

 

ما هو الون  الافضل للموقع هل هكذا افضل فقط للتجربة عدلت الصفحة 

https://ajwa4alearab.freewebhostmost.com/تخربة.php?location=المفرق%2C++الأردن

لو ممكن تساعدني بتحديد الوان الموقع بدقة