التصميم للأثر المجتمعي والاستعداد للوظيفةDesign a User Experience for Social Good & Prepare for Jobs

التصميم للأثر المجتمعيDesign for Social Good

أهميته: يركّز على مشكلات تُتجاهل غالبًا لأنها لا تُربح، أو لأنها ليست مريحة، أو ليست من أولويات الشركات، في مجالات كالتعليم والصحة والفقر والبيئة. ومحوره الوصول العادل (Equitable Access) وتحسين حياة فئات مختلفة.

أمثلة:

• البيئة: التحول من سيارات الوقود إلى السيارات الكهربائية والحلول المستدامة يقلل الضرر البيئي ويحسن جودة الحياة.
• كبار السن: تطبيق يرسل تنبيهات صوتية عبر مساعد منزلي ذكي، يذكّرهم بالأنشطة، ويربطهم بمجتمعهم، ويقلل شعورهم بالوحدة.
• ضعاف السمع: أداة تحوّل الصوت إلى أشكال وألوان وأنماط، فيعيشون تجربة الموسيقى.
• الصحة: تطبيق طبي يسجل بيانات المرضى بسرعة ويدعم علاج الأمراض المزمنة، ويدير بيانات أكثر من 500,000 مريض.

التصميم لأكثر من جهازCross-Platform Design

أربعة مبادئ:

التصميم للجوال أولًاDesign for Mobile First

لماذا؟ أغلب الناس يصلون إلى الإنترنت من الجوال، ونسبة كبيرة تستخدمه جهازًا أساسيًا. خاصة المليار مستخدم القادم (Next Billion Users): مستخدمون جدد حول العالم يعتمدون على الجوال وحده غالبًا.

فوائد الجوال أولًا:

• يفرض الأولويات: الشاشة الصغيرة تجبرك على اختيار أهم المحتوى والوظائف.
• تحميل أسرع: عناصر أقل تعني تحميلًا أسرع، وهذا يناسب قدرات الجوال المحدودة.
• والعكس صعب: تصغير تصميم الكمبيوتر دون مشكلات أصعب من توسيع تصميم الجوال.

مثال: كان بحث Google يعتمد على الكمبيوتر، ثم تحوّل إلى الفهرسة التي تبدأ بالجوال (Mobile-first Indexing)، فصارت النتائج تبرز الموقع والاتجاهات، لا المراجعات فقط.

مراحل مقابلات UXUX Design Interview Process

عرض الـPortfolioPortfolio Presentations

مدته عادة ساعة تقريبًا: تعريف بنفسك، ثم مشروعان أو ثلاثة، ثم الخاتمة، ثم الأسئلة. قالب جاهز: قالب عرض المقابلة

اختر المشاريع المرتبطة بالشركة، والتي تعكس مهاراتك الحقيقية. فالهدف أن تُظهر أنك مناسب للدور، لا أن تستعرض كل ما تعرفه.

هيكل كل مشروع:

1. المشكلة: لماذا أنشأت المشروع؟ وما المشكلة؟ ومن المستخدم؟ وما نقاط ألمه؟
2. عملية التصميم: خطواتك، وقراراتك، وكيف تطور التصميم من المخططات إلى النماذج إلى الـMockups. الهدف أن تُظهر طريقة تفكيرك.
3. الأثر: كيف حل التصميم المشكلة؟ وكيف قست النتيجة؟ والأرقام والأدلة أقوى.
4. الخطوات التالية: كيف كنت ستطوره، وماذا ستفعل بعد الإطلاق: تحسينات، واختبار إضافي، وجمع ملاحظات.
5. ما تعلمته: كيف تطورت كمصمم، وكيف تتعامل مع الملاحظات.

مقابلة السبورةWhiteboard Interviews

كيف تتعامل معها:

1. وضّح أولًا: أعد صياغة السؤال، واسأل عن أي غموض.
2. فكّر بصوت عالٍ: اشرح كل خطوة، ولا تعمل بصمت.
3. أظهر منهجيتك: المستخدم، ثم المشكلة، ثم الحل، ولو باختصار.
4. تعاون: تفاعل مع الحاضرين، وتقبّل أفكارهم.

متلازمة المحتالImpostor Syndrome

علاماته: لا تتقدم لوظيفة إلا إن كنت «كاملًا»، وتقلل من نفسك، وترفض المدح، وتتجنب الفرص كالتعارف المهني والمقابلات.

كيف تتعامل معه:

• اعترف بالشعور وحدد سببه.
• اعترف بإنجازاتك: اكتبها، وتذكّر قيمتك.
• كن صادقًا مع نفسك: قيّم قوتك وضعفك، واعمل على التحسين.
• تحدّث مع شخص أكثر خبرة.
• اظهر بثقة: الاهتمام بمظهرك يرفع ثقتك، والتصرف بثقة يجعلها حقيقية مع الوقت.
• ساعد غيرك: مشاركة معرفتك تعزز إحساسك بقيمتك.
• اذهب مع صديق إلى المناسبات، فهذا يقلل التوتر.
• تعرّف على الناس: كلما تعرّفت أكثر، قلّ الخوف.
• اعرف أنك لست وحدك: الجميع مرّوا بهذا الشعور.

خطة العمل للعمل الحرBusiness Plans (Freelance UX)

فائدتها: تقرر بها هل يستحق المشروع، وتستعد للتعامل مع العملاء، وتتضح وجهتك كنشاط تجاري. وبناء النشاط يشبه UX: تفهم العميل، وتحدد احتياجه، وتقدم الحل.

أقسامها:

شكلها: عرض شرائح للشرح المباشر، أو وثيقة تُرسل وتُقرأ دون شرح. قالب وثيقة خطة العمل

إيجاد العملاءFinding Clients (Freelance UX)

نصائح: احمِ عملك بعلامة مائية (Watermark)، وأطلع العميل على التقدم باستمرار، وخصص وقتًا أسبوعيًا للبحث عن عملاء، وحافظ على علاقتك بالعملاء السابقين.

عرض السعرProposals (Freelance UX)

أجزاؤه:

• نطاق العمل (Statement of Work): وثيقة رسمية بالمهام المطلوب تسليمها، ومواعيدها، وتفاصيل العمل.
• الجدول الزمني (Project Timeline): مراحل المشروع وتاريخ كل مرحلة.
• تقدير الميزانية (Budget Estimate): التكاليف، وهامش الربح، والسعر النهائي.
• جدول الدفعات (Payment Schedule): مواعيد الدفع، والدفعة المقدمة، وأي شروط إضافية.
• إضافات اختيارية: تعريف بنفسك، وطريقة عملك، وشروط الدفع.

القوالب تسرّع العمل، وتمنع نسيان أي جزء، وتوحّد طريقة تقديمك:
قالب نطاق العمل، وقالب جدول الميزانية.

الذكاء الاصطناعي في UXGenerative AI in UX

استخداماته:

ومن تطبيقاته العملية أيضًا: إنشاء Personas، وتطوير الأفكار، وشرح التصميم لأصحاب المصلحة، وكتابة محتوى الـPortfolio.

إطار T-C-R-E-I لكتابة تعليمات أفضل:

1. Task (المهمة): ما الذي تريده بالضبط؟
2. Context (السياق): معلومات تساعد الأداة على فهم المطلوب، كالجمهور والهدف والقيود.
3. References (المراجع): أمثلة توضح الشكل أو الأسلوب المطلوب.
4. Evaluate (التقييم): راجع الناتج: هل حقق المطلوب؟
5. Iterate (التحسين): عدّل التعليمات وأعد المحاولة حتى تصل للنتيجة.

الاستخدام المسؤول:

• راجع المخرجات: وتأكد من دقتها.
• الخصوصية والأمان: لا تُدخل بيانات حساسة، سواء للمستخدمين أو للعميل.
• الإنسان في الحلقة (Human in the Loop): الأداة تساعد، والقرار لك.

موقع الـPortfolioPortfolio Website

اختيار الأداة يعتمد على: هل تعرف البرمجة؟ وما التكلفة والمرونة والقوالب المتاحة؟

• بلا برمجة وسهلة: Wix وSquarespace.
• مرنة ومتقدمة: Webflow وFramer.
• بسيطة ومجانية: Google Sites.

عناصره:

التخطيط: حدد الصفحات، وارسم هيكلًا بسيطًا، واختر تخطيطًا مناسبًا. والتحديث مستمر: أضف مشاريعك الجديدة لتعكس تطورك.

دراسات الحالة في الـPortfolioCase Studies in Portfolio

التجهيز: اجمع مشاريعك وصورها وملفاتها في مكان واحد، واجعل لكل مشروع صفحة. ولا تنسخ الشرائح حرفيًا، بل اعرضها بما يناسب الويب.

تنظيم المحتوى:

• النص قبل الصورة: يشرح النص، ثم تأتي الصورة، والمقارنات واضحة.
• الاتساق: الترتيب نفسه في كل المشاريع.
• النص: تسلسل بصري واضح، ونص مختصر يمكن مسحه بسرعة (Skimming).
• الصور: عالية الجودة، ومعروضة داخل إطارات أجهزة (Device Frames).
• أبرز التصميم النهائي: اجعل الـMockups النهائية جذابة بصريًا.

اطلب رأي غيرك واسأل: هل يعكسني كمصمم؟ وهل هو سهل الفهم؟ وهل القصة واضحة؟