كيفية تحليل قابليتها للاستخدام من الحركة

كمصمم UX ، لديك ثلاثة عيوب أساسية عندما يتعلق الأمر بتحليل الحركة لسهولة الاستخدام.

  1. ثابت - لقد قمت بتدريب دماغك على مر السنين لرؤية التصميم كشيء لا يتحرك. في هذه المقالة ، سأساعدك في تدريب عقلك لمعرفة التصميم كما يحدث في الوقت المناسب.
  2. توقيت - التفاعلات القائمة على حركة جيدة حقا يحدث بسرعة. وهي مصممة لتكون سلس تماما. من الصعب اكتشاف خمسة مبادئ UX in Motion في وقت واحد والتي تلعب دورها في نصف ثانية.
  3. المفردات - أنت تفتقر إلى المفردات الأساسية التي تتيح لك فهم ما تراه. يمكنك التغلب على المشكلة الأولى والثانية ، ولكن ما لم يكن لديك المفردات ، فستكون محظوظًا تمامًا.

لحسن حظك ، تمكنت من الحصول على 3 أشهر من حياتي وأنتجت قابليتها للاستخدام المذهلة مع الحركة: إصدار UX in Motion Manifesto الذي حقق ما يقرب من 120،000 مشاهدة في الأسابيع الأربعة الأولى من صدوره.

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

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

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

دعنا نحلل هذه الكتلة اللذيذة الصغيرة التي وضعها السيد تشارلز باترسون.

الائتمان: تشارلز باترسون ل InVision

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

يمكن القول إن هناك المزيد من المبادئ في اللعب ، ولكن الآن ، سنركز على هذه المبادئ الخمسة.

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

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

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

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

الآن يمكنك أن تبدأ في الشعور بماذا تفعل الحركة لعقلك.

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

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

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

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

هذا يمكن أن يكون مثل هذا.

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

العيب الثالث (المفردات) ، لقد قمت بحلها بالفعل من أجلك في هذه المقالة ، والآن سأجعلها أسهل. سنقوم بفصل خمسة من UX in Motion Principles في هذا المرجع ، حتى تتمكن من رؤيتها كأدوات فردية في مشهد الحركة.

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

واحدة من الطرق الأولى التي لاحظت قابليتها للاستخدام من خلال الحركة هو المنظر داخل البطاقات. إن مبدأ Parallax له تأثير "الدفع للخلف" للعناصر المحددة مع إدراك "سحب" للأمام العناصر المحددة الأخرى. استخدام المنظر فعال للغاية في هذا المثال في تحديد التسلسل الهرمي الزمني.

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

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

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

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

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