في البداية دعوني أخبركم ما هو عملي، أعمل مصممة تجربة وواجهة مستخدم .. أعمل على تحليل التطبيق أو الموقع وعمل خطة لما سيكون عليه التطبيق وعمل يوزر فلو ( كيف أتنقل داخل صفحات التطبيق) وأقارن تطبيقي أو موقعي بتطبيقات ومواقع مشابهة ثم أقوم ببناء الصفحة الرئيسة وأتسلسل في باقي الصفحات حسب ما يتطلب واختيار الألوان للتطبيق ثم عمل سيناريو ربط ( بروتوتايب) ثم تصديره للزبون ليرسله لمبرمج ليتم برمجته واستخدامه .
دعوني أخبركم برحلتي لأصبح مصممة تجربة وواجهة المستخدم
أولا : كان عليّ تعلم أساسيات تصميم تجربة المستخدم User Experience وهي كالتالي
1. تحديد المشكلة (أو سبب الحاجة لبناء تطبيق أو موقع )
2. مرحلة البحث واستراتيجية التصميم ( عمل scope وتحديد التطبيقات المنافسة للاستفادة من المميزات وتصحيح الأخطاء وهي مرحلة تأخذ وقت حيث علي أن أقارن تطبيقي بتطبيقين مماثلين على الأقل وأن يكون تطبيقي يحمل صفات التطبيق الجيدة ويحل المشكلات فيهم .. ثم أعمل تتبع لحركة المستخدم داخل التطبيق (يوزر فلو ) ثم أقوم بعمل الaffinity map )
3. البدء بعمل (wireframe )، وهي شاشات بلون أبيض ورمادي (ممكن رسم باليد أو من خلال تطبيق بلسمك)
ثانيا : بعدها تعلمت أساسيات تصميم واجهة المستخدم User Interface وهي كالتالي
1. البدء بتلوين ال(wireframe ) من خلال برنامج adobe XD
2. ربط الشاشات ببعضها البعض من خلال عمل بروتوتايب ( prototype )
3. تصدير التطبيق أو الموقع وإرساله للزبون وتسليمه للبدء بالبرمجة
- هذه كانت خطواتي لتعلم التصميم وقد اعتمدت كثيرا على التغذية البصرية من خلال أعمال الآخرين على موقع بيهانس Behance ومتابعة لصفحات المصممين على فيسبوك وانستجرام وتويتر للحصول على استفادة أكبر .
هذه كانت طريقتي للتعلم وقد حصلت على هذا التعليم التقني عبر دورة في محافظتي، هل لديكم تجربة مشابهة لما حصل معي ؟
التعليقات
حقيقة تحدث مع شخص بمسائلة أي مجال أتوجهه في التجارة الإلكترونية .
هل الديزاين أو مسوق بالعملة أو مندوب مبيعات إلخ وكان بحثي عن أمر لا يتطلب التواجد بالنت لساعات وتخرج الأمر من يدك بعد الإنتهاء + إضافة على ربح مرضي ؛ فإنصحني التوجهة إلى تصميم قوالب المواقع والتطبيقات وماعليك الإ عرضها للبيع في المواقع المخصص لقوالب الشراء ؛ وبالفعل بعد مشاهدتي لقالب لايزيد أربع سنوات عرضه وعدد المشترين ككل بسعره المعروض حالياً الربح أرقام كاد لا تصدق ويتطلب معرفة بhtmel ؛ css & js وعند بحثي لكورس وجدت قناة شاملة لكل هالدورس وماعلي إلا البدء لمعرفة فكرة كمقدمة ووجدت إستبساط من صاحب القناة وأنتي أكملتيها إن الوضع أسهل لتوفر حتى الأكواد جاهزة بدال كتابتها ولا يتطلب كدراسة لتعقيدة فإن كان كذلك أتمنى أن تفيديني بالخاص لمواقع ومصادر جميلة وثرية بهذا المجال .
بالتوفيق
شكراً على التحفيز الجميل .
كنت في مجال الفوتو الأليستريتور والأفترافيكت والمونتاج بشكل عام ببرامج مختلفة كل على حسب مستواي فيه .
ممكن تفيديني بقنوات لكورس تصميم واجهة مستخدم مع تعلم برمجيتها بمحتوى مثري ويركز على الأخطاء الشائعه
في التصدير كحال المبدع محمد الخيال في كورس الليستريتور .. وسأكون شاكراً لك .
لا أملك تجربة مماثلة فأنا بعيدة كليا عن المجال.
لكن دعيني أعترف أن تخصصك مثير للاهتمام, أصادف منذ فترة بعض المقالات حوله وأحاول تعلم بعض الأمور, ليس بغرض الخوض في المجال لكن لأجل الثقافة العامة.
وكنت أعتقد أن تصميم تجربة المستخدم وتصميم واجهة المستخدم وظيفتين مختلفتين؟ أم أنه يمكن لشخص واحد القيام بهما؟
تصميم تجربة المستخدم وتصميم الواجهة عمليتين متتابعتين يقوم بها شخص واحد يبدأ بالتحليل وينتهي بتسليم الواجهات للزبون وحينها تكون تلك الواجهات جاهزة للبرمجة
شكرا على مشاركة تجربتك و لأني من ضمن نفس تخصصك... ما قلته حاليا للاسف هذا صحيح فقط في عالمنا العربي! فكونك مصمم ui ليس هو كونك مصمم ux ( فالشركات او العملاء بصفة عامة في عالمنا عربي نادرا ما تفرق بين التخصصين المهم عندهم نحصل على شخص يحل المشكلتين معا لماذا سنحتاج شخصين ؟ ) و أعتقد أنك تعرفين الأمر ...
"التصميم لا يقتصر فقط على الشكل والمظهر. التصميم هو كيف يعمل" ستيف جوبز
لكن الحقيقة هي UX ليست UI ، لكنها تكمل بعضها البعض:
- تجعل تجربة المستخدم(UX) الواجهات مفيدة ، واجهة المستخدم (UI) تجعل الواجهات جميلة.
- تساعد تجربة المستخدم (UX) المستخدمين على تحقيق الأهداف ، وتقوم واجهة المستخدم (UI) بإجراء اتصالات عاطفية.
- تصميم (UX) يسبق تصميم واجهة المستخدم (UI) .
- يحدث تصميم UX عبر مختلف المنتجات والواجهات والخدمات ؛ واجهة المستخدم تخص الواجهات فقط.
ملاحظة : تصميم واجهة المستخدم (UI) وتصميم UX يتطلبان تصميمًا تفاعليًا. يوجه التصميم التفاعلي مشاعر المستخدم وسلوكه.
و هذا مقال كامل لمن يريد ان يعرف الفرق
هي البداية وبعدها يأتي دور المبرمج، دورة حسوب تسمى دورة تطوير واجهات المستخدم باستخدام لغات برمجية فهي تعلمك برمجة الواجهة على عكس إنعام فهي تصمم الواجهة أولا.
انظري لهذه الفقرة بأخر نقطة، ستسلم النموذج للمبرمج لينفذه هنا يأتي دور البرمجة
ثانيا : بعدها تعلمت أساسيات تصميم واجهة المستخدم User Interface وهي كالتالي
1. البدء بتلوين ال(wireframe ) من خلال برنامج adobe XD
2. ربط الشاشات ببعضها البعض من خلال عمل بروتوتايب ( prototype )
3. تصدير التطبيق أو الموقع وإرساله للزبون وتسليمه للبدء بالبرمجة
أجل قرأتها، لهذا سألت، إذن المصمم يعمل أولا، ومن ثم المبرمج، يعني ما تعلم حسوب، أن مصمما يعطيني التصميم وأشتغل عليه أنا برمجيا ليظهر؟
رائع جدا.. ليس لدي تجربة مشابهة، لكن هل الدورة جعلتك تحصلين على كل المعلومات الكافية لجعلك تقومين بعمل موقع كامل بنفسك؟
أم أنك حصلتِ على المعلومات الأولية فقط؟
وقمتي بالبحث والتعلم بعد ذلك بنفسك؟!
انا درست تصميم وتطوير مواقع ( أي برمجة وأكواد ) ولدي خلفية بالبرامج مثل فوتوشوب والستريتور
ولكن عند البدء بالدورة فهمت ان هنالك مراحل كثيرة قبل برمجة اي تطبيق وهي ما يقوم به مصمم الواجهات ( UIUX ) >>
بصراحة في الدورة أخدت كيف اعمل تجربة المستخدم اما العمل على برنامج xd فيعتمد على التغذية البصرية البحتة لأن البرنامج أدواته بسيطة جدا ويسهل استخدامها ولكن الأمر يرجع للفن والحرفية في الاستخدام