UI , UX , تصميم المواقع الالكترونية , تطوير المواقع الالكترونية

بتاريخ 1 دقيقة مضت قال محمود السعيد عوف:

هل ال UX يعتمد علي الباك ايند والفرونت ايند معا ام فرونت اند فقط

تصميم واجهات المستخدم (التصميم بمعنى الرسم وليس بناؤها فعليا) هو تصميم للفرونتأند فقط ولا يأخذ بعين الإعتبار الباكند. هذا لأن الهدف من التصميم هو عرض كيف يجب أن يظهر التطبيق، وليس إنشاء التطبيق. لذلك لا معنى لتصميم الباكند، لأن الباكند ليس شيئا ظاهرا للمستخدم.

بتاريخ 3 دقائق مضت قال محمود السعيد عوف:

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

كما قلت، التصميم بمعنى الرسم لا يتناول الباكند. لكن إن كنت تقصد بناء الموقع فهذا يعتمد على طبيعة الموقع. بعض المواقع لا تحتاج باكند وبعضها الآخر يحتاج. لكن هنا نتحدث عن بناء الموقع وليس عن رسمه.

بتاريخ 5 دقائق مضت قال محمود السعيد عوف:

ما هي اللغات المستخدمة في تصميم المواقع الالكترونية ام لا يعتمد علي لغات برمجة بل يعتمد علي البرامج مثل Figma , Adobe XD ؟

كما قلنا، إذا كنت تقصد بالتصميم رسم الواجهة وما يظهر للمستخدم، فهذه لا تتم بلغات برمجة بل تتم ببرامج التصميم التي ذكرتها.

بتاريخ 1 دقيقة مضت قال حمزة عباد:

تصميم واجهات المستخدم (التصميم بمعنى الرسم وليس بناؤها فعليا) هو تصميم للفرونتأند فقط ولا يأخذ بعين الإعتبار الباكند. هذا لأن الهدف من التصميم هو عرض كيف يجب أن يظهر التطبيق، وليس إنشاء التطبيق. لذلك لا معنى لتصميم الباكند، لأن الباكند ليس شيئا ظاهرا للمستخدم.

كما قلت، التصميم بمعنى الرسم لا يتناول الباكند. لكن إن كنت تقصد بناء الموقع فهذا يعتمد على طبيعة الموقع. بعض المواقع لا تحتاج باكند وبعضها الآخر يحتاج. لكن هنا نتحدث عن بناء الموقع وليس عن رسمه.

كما قلنا، إذا كنت تقصد بالتصميم رسم الواجهة وما يظهر للمستخدم، فهذه لا تتم بلغات برمجة بل تتم ببرامج التصميم التي ذكرتها.

حسنا اي ان تطوير واجهات المستخدم هو ما يحتاج للغات الفرونت اند والباك اند اما تصميم واجهات المستخدم فيعني رسم التصميم ومن ثم اعطاؤه لمطور واجهات مستخدم صحيح ؟

بتاريخ الآن قال محمود السعيد عوف:

حسنا اي ان تطوير واجهات المستخدم هو ما يحتاج للغات الفرونت اند والباك اند اما تصميم واجهات المستخدم فيعني رسم التصميم ومن ثم اعطاؤه لمطور واجهات مستخدم صحيح ؟

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

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

اولا دعني اوضح لك باختصار ما وظيفة كل ماذكرته على حدى ثم اجيبك على اسئلتك لتتوضح الفكرة لديك اكثر 

UX  او ما يعرف بتجربة المستخدم : من اسمها هي تهدف لفهم متطلبات المستخدم والتوجه لتصميم التطبيق بناءا على راحة المستخدمين 

Frontend : هو الجزء البرمجي الذي يقوم بتصميم الواجهة الامامية للتطبيق وغالبا ما يكون بلغات ال html , css ,javaScript

Backend : هو الجزء البرمجي الخلفي للتطبيق والذي لا يكود مرئيا عادة ولكنه يدير عمليات الجزء الامامي اي انهما مرتبطان ببعضهما 

بتاريخ 15 دقائق مضت قال محمود السعيد عوف:

اولا هل ال UX يعتمد علي الباك ايند والفرونت ايند معا ام فرونت اند فقط

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

بتاريخ 16 دقائق مضت قال محمود السعيد عوف:

وهل تصميم المواقع الالكترونية من الممكن ان يعتمد ايضا علي الفرونت اند فقط

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

بتاريخ 19 دقائق مضت قال محمود السعيد عوف:

 وما هي اللغات المستخدمة في تصميم المواقع الالكترونية ام لا يعتمد علي لغات برمجة بل يعتمد علي البرامج مثل Figma , Adobe XD ؟

كما ذكرنا ان المواقع في برمجتها مقسومة الى قسمين الجزء الامامي والجزء الخلفي 

بالنسبة للجزء الامامي Frontend : فأن اللغات الاكثر شيوعا واستخداما هي html,css,javaScript

بينما الجزء الخلفي ال back end  فأن اختيار اللغة المناسبة يعتمد على متطلبات مشروعك ومن اهم هذه اللغات واكثرها شيوعا php , python , javaScript 

اما بالنسبة لبرامج Figma , Adobe XD فهي ليست برامج لكتابة الاكواد البرمجية ب يمكنك تشبيهها الى برنامج الفتوشوب مثلا حيث انك تقوم بتصميم الموقع باستخدامها اولا ثم تحويل هذا التصميم الى كود front end  واخيرا تطبيق ال back end  ليصبح الموقع كاملا ومتكاملا 

اظن ان كل شيء اصبح واضحا بالتفصيل الان 

بالتوفيق ان شاء الله