كيف أتعلم تصميم مواقع ويب بصورة احترافية؟

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

فهل تصميم الصفحات الجميلة يحتاج حس فني معين؟

عندما تدخل للمجال سيصبع الإبداع شخصي، وكل مبرمج يختلف عن الآخر في هذا الأمر.

فما هي الأمور التي أحتاج إلى تعلمها لأغطي النقص الذي عندي؟

أنت لم تدخل المجال بعد أليس كذلك؟ إذا لم تدخل لم تعرف النقص الذي لديك الآن، فلربما أعتقد أن الأمر صعب الآن لكن بعد التعلم ستجده سهل.

تعلم تجربة المستخدم وكيفية توظيف الموقع في الشكل والاداء لدعم تجربة المستخدم

مثلاً بديهية الاستخدام: كيف تجعل موقعك بديهي (يفهم مايراد منه دون شرح كيفية استخدامه)

او سهولة الاتقان

سهولة تذكر وظائفه

لكن في المواقع الافضل هي ان يكون بديهي

في العاب الفيديو يجب ان يكون سهل الاتقان وسهل التذكر

اغلب المواقع الكبيرة الان تستعمل تجربة مستخدم عالية الاداء

لذا نصيحتي هي كالتالي:

1) تعلم علم تجربة المستخدم User Experience (UX) أو Human-Computer Interaction تفاعل الانسان مع الآلة.

2) اقتبس وادرس من المواقع خصوصا الشبيهة بالمشروع الذي تريده. واعرف كيف ولماذا قدموا تجربة مستخدم ممتازة

3) استعمل farmework design للتصاميم لانها ستحقق لك اعلى فائدة من تجربة المستخدم

مثلا يمكنك الاستفادة من Angular material اذا كنت تستعمل لغة Angular

او يمكنك استعمال bootstrap اذا كنت تبرمج بالphp

وهكذا.

مثال على تجربة المستخدم:

الزر باللون الاحمر يرمز للخطر، لذا اجعله للاشياء التي لاتريد من المستخدم ان يضغط عليها مباشرة قبل ان يتاكد او يفكر (مثلا حذف محتوى او الغاء كتابة المحتوى مثلاً، لذا باللون فقط المستخدم سيعرف ان هذا خطر حتى قبل ان يقرا الكلام)

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

مثلا يمكنك استعمال الزر الاحمر لتخبر المستخدم برسالة ان محتوى الذي يريد رفعه فشل. ويمكنك استعمال اللون الاخضر اذا نجحت عملية الرفع.

ايقونة (+) ترمز للاضافة، الامر بديهي ولايحتاج الى شرح بمجرد ان ارى هذا الرمز انا لست بحاجة لقراءة باقي الكلام ^^