عنوان الموقع :
سأضيف نبذة مختصرة عن موقع (مستر آسك). الموقع من برمجتي وهو نسخة شبيهة من الموقع المتعارف عليه (آسك دوت اف ام) ولكن مع ميزات افضل برأيي وربما ستكون افضل لأنني اقوم بالعمل على الاصدار الثاني له. طبعا الموقع يمكنك من التالي :
طرح سؤال على أي شخص في الموقع بشكل صريح أو بشكل مخفي بحيث لا يتم معرفة السائل.
امكانية الاجابة على السؤال بشكل علني أو الاجابة بشكل سري على السائل او رفض السؤال تماما.
امكانية طرح السؤال على مجموعة من الاشخاص دفعة واحدة بشكل صريح او بشكل سري ايضا.
امكانية متابعة نشاط اي شخص بالموقع عبر ازرار المتابعة وبالامكان الغاء المتابعة.
امكانية البحث عن الاعضاء بالاسم عبر محرك بحث ذكي بخاصية الاكمال التلقائي في اعلى الموقع.
امكانية اخفاء اي سؤال في بروفايلك مستقبلا.
ملاحظة : الموقع يعمل بشكل ممتاز على اي متصفح وفي اجهزة الهاتف. وسنقوم باصدار تطبيق له قريبا.
ليس فقط التصميم سيء
عفوا و لكننا لسنا بمنتدي هو أراد النقد و انا اعطيه النقد
فأنا لدي 10 سنوات خبرة في التصميم و عملت في اكثر من شركة لتصميم الاعلانات و المنتجات
لذا انا استطيع ان اخبرك متي يكون المنتج الذي لديك جيد ام لا
اما اذا هو يريد المدح ( النفاق الاجتماعي ) فالفيسبوك مملوء من امثال مششكووووز و رووووعة
ليسَ هذا مقصدي أستاذي ، وإنما فهمته عكسما أقصد ")
وإنما كان كلامي لتأكيد وإضافة ، فليس هنا ليس غرضها النفي بل لإضافة :)
ليس فقط التصميم سيء بل به عيوب :)
-
أنظر لتكملت التعليق
الحقول تبرز فوق الهيدر الثابت !
والتعليق التابع :
هذا لان الهيدر شفاف وثابت فعندما تحرك الصفحة للاعلى يبدو كأنه يتداخل (نفس الفكرة المعمول بها في موقع ارابيا). وعموما شكرا على الملاحظة وهي تتعلق بالتصميم.
الخطأ في كتابة كود CSS ، فأنت لم تحدد z-index لـ هيدر بعد استخدام خاصية Position ، والأصح أن يكون CSS للهيدر هو :
width: 100%;
height: 6em;
background-color: #0A193D;
position: fixed;
opacity: 0.8;
z-index: 9999;
لا داعي لأرقام خيالية في z-idnex فسيكون من الصعب لاحقا اصلاحها
أفضل طريقة أجدها لتحديد z-index هي بالارتفاع 10 بين كل عنصر وعنصر حتى يبقى هناك فراغ لتعديلات أخرى لاحقا، وأرقام سهلة يمكن التعامل معها
الدومين عزيزي ليس مشكلة. اخذت TK لانه لم يتم استنزافه بعد وبالتالي يصبح العنوان اقصر. هنالك خيارات اخرى لنطاقات اخرى قد تكون اقصر ولكن بمجرد تسجيلها تضعك تحت المسائلة القانونية لذلك البلد الذي يتبع الدومين مثل .us . برأيي ان الدومين معبر وقصير. وشكرا لوجودك وملاحظتك.
ممكن تقولى ازاى احجز دومين مجانى .tk مثل دومينك ؟؟
ممكن رابط الموقع اللى بتحجز منه دومينات tk مجانيه ؟
من عيوني :
التصميم بحاجة ليكون Responsive اكثر والالوان بحاجة لتكون اقل حدة. وهذا ما نعمل عليه في النسخة الثانية. انا مبرمج Back-End (وهو الاهم) اكثر من كوني Fron-End ! شكرا للملاحظة صديقي .
إذا أنت تقول أن back-end أهم بكثير من front-end
أخي لا يهم إن كنت عالم صواريخ، ولا يهم إن كنت تملك أفضل كود بالعالم، فبواجهة سيئة أنت لن تربح شيئا
الآن معظم المستخدمين لا يكترثون للبينة التحتية أو لا يعرفون عنها جيدا، وما يهمه هو الخدمات المتوفرة
والتي معظمها يمكن أن تتم عبر JS وبعض المكتبات
لذا كلاهما بنفس الأهمية
أيضا كوني مطور front-end أستطيع تحقيق موقع مشابه لهذا في الفكرة باستخدام ووردبريس فحسب ولا حاجة لأن يكون لدي خبرة عميقة ب back-end بل أركز على إيصال تطبيق مناسب فحسب
لم أرد حقا التكلم عن الأمر، ولكن بما أنك سألت
أولا، اختيار الألوان لم يكن موفقا، اللون الأزرق الغامق مع تدرج الأزرق السماوي لم يندمجا جيدا إطلاقا. حاول إيجاد ألوان هادئة مثل الرمادي المائل للأبيض مثلا، أو بني أبيض
أعجبني التركيز على صندوق البحث، ولكن عليك إيجاد زر أفضل من هذا. أعجبتني خاصية الاكمال التلقائي ولكن عندما اجد اسم واضغط انتر فهو لا يأخذي لأي مكان، إذ يجب علي ان اضغط على البحث حتى أذهب. أيضا خاصية البحث لا تعمل، اذا كتبت اسم شخصا ما وهو لم يكن موجودا من قبل فالمحرك لا يأخذني لأي مكان
الفوتر ليس ملتصقا بأدنى الصفحة
لم يعجبني اختيار الخطن يوجد العديد من الخطوط الجميلة والهادئة، لموقع كهذا أنصحك باختيار خط sans-serif وكلها مجانية، خط LATO مثلا سيناسب الموقع، أو خط EXO أو source sans
فورم التسجيل تطلب الكثير من البيانات وهذا غير مشجع للتسجيل، حاول تبسيطها أكثر، مثل انزع الاسم واعادة ادخال كلمة المرور، وبعد التسجيل اطلب الاسم من المستخدم
input يحتوي مشاكل حيث placeholder ليس في المنتصف، السبب هو في line-height الخاص بالـ input حيث ارتفاع الخط مضروبا في حجم الخط أكبر من ارتفاع input
لتجنب هذه الأمور لا تضع ارتفاع محدد لل input بل دعه يأتي تلقائيا، أضف padding فحسب
الهيدر يظهر فوق وسوم input السبب في هذا هو z-index الخاص به منخفظ، حاول رفعه إلى رقم اعلى
الصور الشخصية عريضة بشكل غير متناسب، ratio الخاص بهذه الصور يجب أن يكون دوما 1:1 أي العرض بنفس حجم الطول، وليس واحد أعرض من الآخر
ككل التصميم يحتوي على العديد من الأخطاء الصغيرة في الحجوم مثلا وأنت تقوم بتكويد الأمور ولا تجعل الموقع ديناميكي بما فيه الكفاية
نصيحتي لك، جد مصمما أو استعمل اطار عمل جاهز، الحل الأنسب لك هو bootstrap لأنه يوفر لك كل شيء جاهز على عكس foundation الذي يتطلب منك القيام بالعديد من الأمور يدويا
كوني شبه مصمم Front-end .. حصل لي شيء غير طبيعي عند دخول الموقع، صرت أتنفس بصعوبة (لا أمزح!) أصبح شيء ما في داخلي يزعجني .. شيء لا يمكن تفسيره، فغادرت الموقع :D
شخصيا، لا يمكنني السكوت عن رؤية قطعة في غير مكانها أو شخص نسى وضع margin أو padding أو خط غير ملائم الخ .. أمور تسير في دمي!
انا مبرمج Back-End (وهو الاهم) اكثر من كوني Fron-End !
الموقع يقوم على الاثنين لا يمكنك اهمال ال Front-End , فقط لأنك مبرمج
اذا تريد ان ينجح الموقع يجب ان يكون كامل من الداخل و الخارج
و من الخطأ اطلاق مشروع ناقص للعالم , كان الاجدر بك الانتظار و العمل عليه اكثر و تحسينه قبل ان تشاركه مع الناس
حتي ان نصف الصفحات غير موجودة في الموقع
المشروع ليس ناقصا. واذا كان التصميم سئ فإنه يروقني كثيرا ويروق اخرين. ويكون سئ بالنسبة لآخرين. فضلا لاتصف التصميم بأنه سئ. فقط ابدي ملاحظات عملية تخص التصميم هكذا يكون النقد الحقيقي. قل لا يعجبني كذا والمفترض ان يكون كذا. شكرا لك
صفحة الاعلانات وصفحة اتفاقية الاستخدام فقط. الاتفاقية نقوم بصياغتها والاعلانات ليس بعد. اما كل الصفحات الديناميكية الداخلة في مغزى الموقع تعمل بشكل صحيح. الموقع مبني على هندسة محترفة ونستخدم فيه واحدات الاختبار الاوتوماتيكية لفحص منطق عمل الاشياء. كن منصفا ولا تحكم على العمل كله بأنه سئ لأن صفحتين لم يتم العمل عليهما.
لا تحكم على العمل كله بأنه سئ لأن صفحتين لم يتم العمل عليهما.
انا حكمت من الصفحتان الغير موجودة بأنه ناقص
اما عن كونه قبيح فحكمت بأستعمال عيني
التعليقات