كيف أتعلم تصميم مواقع ويب بصورة احترافية؟ مع العلم أني أجيد HTML , CSS , Javascript , Angular ,php , laravel فليست مشكلتي في اتقان الأساسيات بل في تطبيق تلك الأساسيات للخروج بموقع جميل وجذاب . فهل تصميم الصفحات الجميلة يحتاج حس فني معين؟ أم يمكن حتى لمن لا يمتلك ذلك الحس الفني والإبداع أن يتعلم ويصمم صفحات جميلة؟ وإن كان الأمر كذلك فما هي الأمور التي أحتاج إلى تعلمها لأغطي النقص الذي عندي؟
كيف أتعلم تصميم مواقع ويب بصورة احترافية؟
يمكنك التعلم من خلال الدورات "كما سأفعل أنا"، وسمعت من فترة أن أكاديمية حسوب تقدم بعض الدورات التي تسهل التعلم، سأسأل عنها أكثر وقد أتعلم من احداها قريبا.
فهل تصميم الصفحات الجميلة يحتاج حس فني معين؟
عندما تدخل للمجال سيصبع الإبداع شخصي، وكل مبرمج يختلف عن الآخر في هذا الأمر.
فما هي الأمور التي أحتاج إلى تعلمها لأغطي النقص الذي عندي؟
أنت لم تدخل المجال بعد أليس كذلك؟ إذا لم تدخل لم تعرف النقص الذي لديك الآن، فلربما أعتقد أن الأمر صعب الآن لكن بعد التعلم ستجده سهل.
تعلم تجربة المستخدم وكيفية توظيف الموقع في الشكل والاداء لدعم تجربة المستخدم
مثلاً بديهية الاستخدام: كيف تجعل موقعك بديهي (يفهم مايراد منه دون شرح كيفية استخدامه)
او سهولة الاتقان
سهولة تذكر وظائفه
لكن في المواقع الافضل هي ان يكون بديهي
في العاب الفيديو يجب ان يكون سهل الاتقان وسهل التذكر
اغلب المواقع الكبيرة الان تستعمل تجربة مستخدم عالية الاداء
لذا نصيحتي هي كالتالي:
1) تعلم علم تجربة المستخدم User Experience (UX) أو Human-Computer Interaction تفاعل الانسان مع الآلة.
2) اقتبس وادرس من المواقع خصوصا الشبيهة بالمشروع الذي تريده. واعرف كيف ولماذا قدموا تجربة مستخدم ممتازة
3) استعمل farmework design للتصاميم لانها ستحقق لك اعلى فائدة من تجربة المستخدم
مثلا يمكنك الاستفادة من Angular material اذا كنت تستعمل لغة Angular
او يمكنك استعمال bootstrap اذا كنت تبرمج بالphp
وهكذا.
مثال على تجربة المستخدم:
الزر باللون الاحمر يرمز للخطر، لذا اجعله للاشياء التي لاتريد من المستخدم ان يضغط عليها مباشرة قبل ان يتاكد او يفكر (مثلا حذف محتوى او الغاء كتابة المحتوى مثلاً، لذا باللون فقط المستخدم سيعرف ان هذا خطر حتى قبل ان يقرا الكلام)
اما اللون الازرق فاجعله للشيء الذي يحتاج ان يضغط عليه المستخدم بشكل سريع، مثلا تاكيد كتابة التعليق او زر رفع الملف! حتى لو انه لم يقرأ سيفهم ان هذا هو الزر الذي يجب عليه ضغطه.
مثلا يمكنك استعمال الزر الاحمر لتخبر المستخدم برسالة ان محتوى الذي يريد رفعه فشل. ويمكنك استعمال اللون الاخضر اذا نجحت عملية الرفع.
ايقونة (+) ترمز للاضافة، الامر بديهي ولايحتاج الى شرح بمجرد ان ارى هذا الرمز انا لست بحاجة لقراءة باقي الكلام ^^
التعليقات