لماذا وجود سير عمل UI / UX هو رائع وكيفية بناء الخاصة بك

أحصل دائمًا على تعليقات وأسئلة من العملاء وزملاء العمل والأصدقاء والمصممين الآخرين حول عملية تصميم UI / UX الخاصة بي. اعتقدت أنني سأقدم دليلًا مكثفًا عن سير العمل الخاص بي ، والمنهج والأدوات التي أستخدمها من البداية إلى نهاية مشروع نموذجي.

ومن هنا: سير عمل تصاميم Shibi النهائية!

إن تطوير العملية الخاصة بك لا يقل أهمية عن تطوير أسلوب التصميم الخاص بك

المرحلة 1: جمع المواصفات والمتطلبات

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

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

من الواضح أن هذه الخطوة تتطلب الكثير من التواصل مع العميل. بالنسبة لي ، عادة ما يشتمل على العديد من جلسات العصف الذهني ، ومكالمات Skype الجماعية ، ورسم الأفكار وما إلى ذلك. يمكن تسليم هذه المرحلة إلى ملف PDF بسيط "نظرة عامة على MVP" ، يحدد مواصفات التطبيق / المنتج ويوثق كل نتائج ورسومات العصف الذهني.

عينة من رسم الفكرةعينة من معاينة MVP

المرحلة 2: وضع الأسس

تبدأ رحلة الألف ميل بخطوة واحدة

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

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

هذا يرضي الرغبة الشديدة في تحليل بياناتي!

هذا مهم للغاية (بالنسبة لي) لأنه يخدم غرضين:

  • عملاء الفوترة بشكل صحيح وبدقة
  • تخصيص الوقت بشكل مناسب

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

الآن ، على تريلو. عندما انضممت إلى فريق Dumpster كمصمم UI / UX ، شعرت بسعادة غامرة لمعرفة أنهم استخدموا Trello لإدارة المهام وتخصيص المهام. بفضل نظامه القائم على البطاقات ، يمكّن فريقنا من استخدام عملية إدارة تشبه SCRUM تتيح إنتاج سريع وردود فعل فورية تقريبًا. إذا لم تكن تستخدمه بالفعل ، فلا أعرف ما الذي تنتظره!

المرحلة 3: البحوث وأفضل الممارسات

هذه المرحلة واضحة ومباشرة. الأهداف هنا هي:

  • منتجات البحث مع ميزات مماثلة والمستخدمين المستهدفين
  • تحديد المنافسين المحتملين ، ماذا يفعلون خطأ / صحيح؟
  • وضع أفضل الممارسات

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

ملاحظات المستخدم مجانا؟ نعم من فضلك!

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

عن طريق أخطاء الآخرين ، الحكيم يصحح أخطائهم

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

لذلك ، فإن أنماط واجهة المستخدم هي الأفضل!

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

حسنًا ، أصبح بإمكانك الآن أخيرًا البدء في الرسم والنماذج الأولية. هيا بنا إلى المرحلة التالية!

المرحلة 4: النماذج الأولية منخفضة الدقة (UX)

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

رسم القلم والورق عينة

إليك بعض منها يمكنك الاختيار من بينها:

  • إنفجن
  • Omnigraffle
  • Balsamiq
  • محل تصوير
  • UXPin
  • Axure

بالطبع هناك العديد منها. بخلاف Photoshop ، فقد استخدمت شخصيًا InVision و Omnigraffle و Balsamiq.

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

السلكي السلكيفوتوشوب منخفضة الدقة السلكينموذج InVision القابل للنقر

المرحلة 5: النموذج عالي الدقة (UI)

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

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

DribbbleBehance

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

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

استنتاج

أكبر غرفة في العالم هي مجال التحسين

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

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

شكر!