12 شيئًا مجانيًا يمكنك القيام به لبدء حياتك المهنية في تصميم UX

حسنًا ، أول الأشياء أولاً. من هو هذا الدليل؟

  • مصممي الويب ، المصممين المرئيين ، مصممي الجرافيك ، والطلاب الذين يريدون اقتحام تصميم تجربة المستخدم (UXD).
  • الأشخاص الذين هم على دراية بالمبادئ الستة للتصميم (لن أذهب إلى التصميم المرئي هنا).
  • الأشخاص الذين يعرفون بالفعل أدوات التصميم مثل Photoshop أو Sketch.

لا تقلق الآن ، فهناك بعض النصائح غير العملية التي لا تتضمنها هذه المقالة:

  • "الاشتراك في النشرة الإخبارية س"
  • "إليك الكثير من الروابط التي لن تقرأها أبدًا"
  • أو "العثور على معلمه" - لأنه يتيح لك مواجهته ، فلن تقرأ هذه المقالة إذا وجدت وحيد القرن النادر الذي يعد معلمًا في UX.

ها نحن ذا.

الشيء رقم 1: تعلم رمز

افعل ذلك. ستكون بخير تعلم HTML / CSS وجافا سكريبت بقدر ما تستطيع.

الآن ، قبل أن تنهمر ، استمع إلى ما لا أقوله.

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

لماذا ا؟ سيعطيك هذا فهمًا أعمق لقواعد تصميم الويب. بمجرد معرفة هذه القواعد ، ستعرف كيفية كسرها. بالإضافة إلى ذلك ، سوف تتعلم ما هو ممكن وما هو غير ممكن. سيوفر لك هذا رصيدًا فوريًا من فريق dev ، وسيوفر لك ولشركتك حملاً كاملاً من وجع القلب.

أنا أوصي freeCodeCamp ، وهو بالطبع مجاني! من السهل البدء ، ويتم تقسيم الدورات التدريبية إلى مقاطع صغيرة سهلة الاستهلاك. تستغرق دورة HTML5 و CSS خمس ساعات فقط لإكمالها ، وتوفر لك جميع الأساسيات التي تحتاج إلى معرفتها. على المضي قدما ، والغوص في.

الشيء رقم 2: طباعة موقع أو تطبيق كامل

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

إذا كنت مستقلاً ، فقم بإلقاء دليل أزياء مجانًا للعميل التالي. تأكد من وضع قطعة الذهب هذه في محفظتك. المزيد عن أدلة الأسلوب هنا. (لا تقلق ، لست مضطرًا إلى إنشاء ملف تفاعلي. سيكون ذلك رائعًا ، لكن يمكن أن يكون ملف PDF فقط).

الشيء رقم 3: جعل خريطة تدفق المستخدم

الآن بعد أن أصبح موقع الويب بالكامل على الحائط. لقد حان الوقت للنظر فيه بشكل نقدي وعمل مخطط انسيابي للمستخدم.

على سبيل المثال بالنسبة لموقع التجارة الإلكترونية ، ستكون أبسط خريطة للمستخدم هي الصفحة الرئيسية> الفئة> المنتج> السلة> الدفع.

سوف تكتشف أن المنتج هو الصفحة الرئيسية لموقع التجارة الإلكترونية. معظم الفرص لزيادة التحويل تكمن هناك.

إذا لم تكن جزءًا من شركة ، فراجع الشيء رقم 4 أدناه.

الشيء رقم 4. عكس المهندس موقع أو تطبيق

إذا لم تكن جزءًا من شركة ، فإن إحدى أفضل الطرق لتعلم UX هي القيام ببعض الهندسة العكسية القديمة الجيدة.

الآن لا تأخذ أي موقع ويب فقط ، فقم بذلك من خلال التطبيقات والمواقع الحائزة على جوائز.

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

الشيء رقم 5: رسم ، رسم ، رسم

... من التصميمات الخاصة بك وتدفق المستخدم أولا. هذا سيقضي على الكثير من الصداع في فوتوشوب.

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

لا شيء يبدأ حتى يضرب قلمك تلك الورقة. قبل هذه النقطة مجرد فكرة مجردة.

الشيء رقم 6: البدء في النماذج

بالطبع ستحتاج إلى تعلم نوع من أداة النماذج الأولية. تذكر أن هذا لا يجعلك في الواقع مصمم UX جيدًا ، إنه مجرد أداة تربط بين النماذج الخاصة بك معًا.

الغرض من النماذج الأولية هو إظهار تفاعل أصحاب المصالح مع المطورين ، ولكن لا يمكنهم ذلك. لا تفكر أكثر من ذلك. انها ليست سحرية.

يحتوي Invision على منحنى تعليمي صغير ويلعب بشكل جيد مع Sketch و Photoshop. أول 3 مشاريع مجانية! هو إلى حد بعيد أبسط جميع أدوات النماذج القائمة على السحابة. بالإضافة إلى ميزة التعاون حلوة جدا. ها هو الرابط.

الشيء رقم 7: ندخل في جوجل تحليلات

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

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

منطقة القيمة الرئيسية لك هي منطقة الصفحات. (موجود تحت قسم السلوك) هنا يمكنك معرفة الصفحات التي يرتديها المستخدمون أو تقضي أطول وقت فيها. ستسلط هذه الصفحات الضوء على أعلى مجالات الفرص المتاحة لك كأداة UXer.

الآن ، انتقل إلى تلك الصفحات التي حددتها وقم بما يلي:

  1. تشغيل Heatmap
  2. جمع تعليقات المستخدمين
  3. إجراء اختبار المستخدم

كل ما تحتاجه لهذه التكتيكات الثلاثة هو أداة واحدة تسمى Hotjar

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

الشيء رقم 8: تشغيل خرائط الحرارة

حسنًا ، ما عليك القيام به هنا هو تشغيل خريطة حرارة لبضعة أسابيع ، بناءً على حركة مرور موقع الويب الخاص بك. ثم يمكنك البحث عن ما يسمونه "الفرص".

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

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

إذا كنت تسعى لتصميم مقالة جذابة ، فإن ما تريده هو الألوان الدافئة طوال الوقت وصولاً إلى اللون الأحمر في CTAs. إذا لم يحدث هذا: الفرصة!

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

الشيء رقم 9: استخدام نموذج ملاحظات العملاء

Yep ، Hotjar لديه واحد من هؤلاء أيضًا ، بالإضافة إلى أنه سيولد واحدة من تلك السحب الجميلة من أجلك. (الكل يحب هؤلاء). بالإضافة إلى أن هناك خيار لتخصيص السؤال المطروح. الاستفادة من هذه الميزة.

عند تحليل ملاحظات العملاء ، ابحث عن الأنماط. إذا كان لديك قسم لخدمة العملاء ، فاذهب للتحدث إليهم ولاحظ الأنماط في ما يقولون. إذا كان لديك حدث شركة ، ابحث عن الممثلين وسماع ما يقولون ، والميزة هي الإعداد غير الرسمي. بالمناسبة ، CS REPS LOVE VENTING ، هم سيحبونك!

اجمع كل هذه التعليقات والآن يمكنك الوصول إلى:

الشيء رقم 10: إجراء اختبار المستخدم

يقدم Hotjar هذا ، ولكن يمكنك أيضًا اختبار المستخدم مع أشخاص في المكتب ، إذا كانوا في السوق المستهدف. إذا كنت مستقلاً ، فاستخدم أصدقاءك اللطفاء للغاية.

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

مع هذه ثلاث نقاط البيانات

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

الشيء رقم 11: لا تخافوا من اختبار A / B

إن أفضل طريقة لإثبات قيمتك كأداة UXer هي اختبار تصميماتك عبر اختبار A / B.

الآن ، لا يوجد الكثير منها مجانًا ، لكن لحسن الحظ يمكنك القيام بذلك باستخدام Google Analytics ، من خلال تجارب محتوى الميزات الخاصة بها. لديها منحنى التعلم حاد على الرغم من.

نتائج اختبار A / B الموضحة في التجارب ، تعتبر زيادة معدل التحويل هي الأكثر أهمية. من باب المجاملة becomeablogger.com

أو ، الطريقة السريعة القذرة هي تحديد علامة أهدافك في Google Analytics (تحويل / متوسط ​​قيمة الطلب / متوسط ​​الوقت المستغرق في الصفحة) ثم نشر التغييرات. بعد حوالي 4 أسابيع (حسب حركة المرور الخاصة بك) ، اصنع علامة جديدة وقم بمقارنتها. إذا قمت بأداء واجبك ، يجب أن تشاهد النتائج التي تريدها.

إذا كنت في شركة ، ولديك الميزانية ، حاول أن تدافع عن بائع طرف ثالث. أنا أوصى Qubit. بالإضافة إلى ذلك ، لديهم خدمة عملاء رائعة.

الشيء رقم 12: إتقان فن التواصل

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

حسنًا ، إذن كيف تحقق هذا؟

الاستماع ، الاستماع ، الاستماع ، ثم الاستماع بعض أكثر

فهم العميل هو المفتاح في عملك. في بداية اجتماعك ، ابدأ في تدوين الكلمات التي يكررها العميل / المدير / المدير / المدير التنفيذي باستمرار ، ضع دائرة حولها ، ثم قل مرحباً بمفرداتك الجديدة.

مثال على الملاحظات التي تم التقاطها أثناء اجتماع العميل

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

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

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

الزبائن لا يفهمون المنتج؟ يوصي بتصميم المخططات لقسم المعلومات أو تسليط الضوء على الأسئلة الشائعة.

انهم يريدون المزيد من العلامات التجارية؟ يمكنك وضع هذا الشعار في كل مكان: فكر في أيقونة الدردشة ، وقم بتخزين أيقونات خريطة محدد الموقع ، في التذييل ، أنشئ مكتبة من الرموز المخصصة!

لكن بجدية

يجب أن تكون دائما التفكير في طرق التصميم ، ويمكن حل مشاكل العمل.

جوهر كونه UXer هو حل المشاكل. إذا كان العميل يواجه صعوبة في التدقيق ، يمكنك إصلاح ذلك. (حسنًا ، ليس إذا كان الأمر يتعلق بمشكلات الخادم.) إذا لم يفهم عميلك ما يفعله موقع الويب الخاص بك ، فيمكنك حل ذلك. إذا كان الرئيس التنفيذي لديك يريد خفض معدل الارتداد ، فانتقل إلى هناك.

أنت محلل للمشكلات ، وليس تاجر تجزئة بكسل.

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

تنتهي بنسختك من مخطط UX Venn ، حيث نحب جميعًا هؤلاء.

شكرا للقراءة ، لا تتردد في البريد الوارد مع أي أسئلة أو تعليقات

يمكنك أن تجد لي هنا:

  • Instagram: https://www.instagram.com/misaac85/
  • تويتر: https://twitter.com/MiriamIsaacDsgn
  • LinkedIn: https://www.linkedin.com/in/miriam-isaac-1b4bb531/