خذ UX إلى المستوى التالي عن طريق إضافة "فرحة"
يتم إنشاء مواقع الويب لأداء وظيفة ، والاتصال لمستخدميها. ولكن بالإضافة إلى ذلك ، يمكن أيضًا أن تكون مواقع الويب جذابة ومثيرة بل وممتعة للاستخدام.
تساعد إضافة الاهتمام المرئي إلى أحد المواقع في الحفاظ على تواصلنا معه ، سواء كان ذلك عن طريق الطباعة أو الرسومات أو التصوير الفوتوغرافي. ولكنني أعتقد أن هناك إمكانية لعناصر التفاعل لتوفير التحفيز المرئي والتغذية المرتدة ، حتى فرحة المستخدم. في هذا المقال ، سأجادل بأن إضافة بعض التأثيرات إلى المتعة والمفاجأة وإثارة المستخدمين يمكن أن تجعل مواقعك على الويب وتطبيقاتك أفضل ، وتترك المستخدمين يعودون.
بهجة
غالبًا ما يكون تصميم موقع الويب موضوعًا جافًا ، محملاً بمصطلحات مستخدم UX ورحلات مستخدم هندسة المعلومات. لكن لماذا لا يكون هناك بعض المرح على طول الطريق؟ تُعد إضافة المتعة إلى أحد المواقع طريقة رائعة لجعل الموقع ليس أكثر إنسانية فحسب بل أيضًا جعل موقعك فريدًا.
سأقوم بتضييق نطاق تعريفي للفرحة هنا بقولها إنها إضافة وظيفة غير مطلوبة .
أعني أنه ليس جزءًا أساسيًا من وظيفة الموقع. ومع ذلك ، يمكن أن يكون لها تأثير قوي على طريقة فهم الموقع وخبرته. في الحقيقة ، أود أن أقول إن الطريقة التي تتعامل بها مع العناصر غير الضرورية في واجهة المستخدم لا تقل أهمية عن الطباعة والعناصر المرئية الأخرى ، في تحديد نغمة موقع الويب.
تفاعل واحد مجاني
في مقال لمجلة كوبر ، يطلق Chris Noessel على "تفاعل حر واحد" وهو نمط تصميم "يمنح البرنامج شعوراً أكثر إنسانية."
جزء منه هو إدراك أن البشر مخلوقات شريرة غالباً ما تكون عرضة لتكرار الأعمال الصغيرة. تقليديا مع القلم والورقة كنا خربش أو باستمرار سحب الأقلام. أنا من ركلة جزاء القلم عابرة على سبيل المثال.
غالبًا ما يحمل الناس هذا التوجّه إلى تصفح الويب ، وغالبًا ما يتنقلون صعوداً ونزولاً ، واختيار أجزاء من النص ، أو تكرار الإجراءات.
يحتضن نمط التفاعل المجاني الواحد هذه الحاجة الإنسانية الفطرية للتلاعب ، من خلال إنشاء عناصر تفاعلية تعطي نتائج غير متوقعة أو ممتعة. بحاجة الى مثال؟ حاول تحريك المؤشر فوق شعار Web Designer Depot 'W' أعلى هذه الصفحة.
وكما يقول Noessel ، فإن التفاعلات المجانية تجلس خارج أداء المهام ، وتجلس بدلاً من ذلك في الفراغات الداخلية. لكنها قوية في تشكيل استجابتنا العاطفية للمواقع التي نستخدمها.
تأثيرات التمرير
كما ذكرنا سابقًا ، فإن أحد "fidgets" الأكثر شيوعًا هو التمرير لأعلى ولأسفل ، لذا فإن المواقع التي تضيف اهتمامًا مرئيًا عند التمرير غالبًا ما تكون مبهجة.
موقع صفحة واحدة ل Nizo يحتوي تطبيق التصوير الفوتوغرافي من Image Mechanics على مكونات الكاميرا 'Knolled' التي تتحرك أثناء التمرير إلى الأسفل والخروج أثناء التمرير لأسفل. إذا كنت مثلي فستقضي الكثير من الوقت في التمرير لأعلى ولأسفل ، واللعب مع واجهة رائعة. (لا تحبس أنفاسك في انتظار إصدار التطبيق.)
استخدام تأثيرات المنظر على التمرير يضيف فرحة أيضا ، مما يخلق وهم العمق. احب ال صبي خجول موقع الويب ، حيث تتطابق تأثيرات التمرير مع النغمة والأسلوب المرئي للموقع بشكل مثالي.
أنا مندهش لعدم وجود المزيد من مواقع الويب ذات تأثيرات التمرير الأفقي ، نظرًا لأن التمرير الجانبي هو موضوع شائع في تصميم الألعاب. لكن مثال جميل هو نينتندو ماريو كارت الموقع الذي ينظر إلى تاريخ اللعبة عبر 20 عامًا من وحدات تحكم Nintendo.
الموقع البولندي الهريس يضيف طبقات من العناصر الرسومية التي تمر بمرحلة انتقالية أثناء التمرير عبرها ، وهي طريقة عالية التقنية لتحقيق إحساس بسيط برسوم sketchbook.
ملك مواقع الآثار التمرير هو على الارجح Acko . هنا ، يعد عنصر رأس الموقع كائن رسوم متحركة ثلاثي الأبعاد. هذا هو شعار الرسوم المتحركة التي اتخذت إلى المستوى التالي - غامرة وتفاعلية ومرحة. حتى أن هناك إنجازات في "فتح" واجهة المستخدم - على الرغم من أن التدوين هو موضوع آخر تمامًا.
تصميم للعاطفة
تساعد إضافة الإضافة إلى موقعك على إنشاء اتصال عاطفي مع أحد المستخدمين. إن قوة العاطفة في التصميم شيء بدأنا نفهمه فقط ، ولكنه يساعدنا في توضيح سبب تمتعنا باستخدام أشياء معينة ولدينا مثل هذا الاتصال القوي. ينطبق على تصميم المنتجات المادية وكذلك التصميم التفاعلي.
أعتقد أن سببًا قويًا في أن منتجات Apple تحظى بتقدير كبير جدًا لدرجة أن المستخدمين أصبحوا مرتبطين عاطفياً بهم ، وهناك الكثير من الأمثلة على البهجة في كل من أجهزة وبرامج Apple. أعلم أن العديد من الأشخاص يحبون التمرير "الشريط المطاطي" على نظام التشغيل Safari بنظام iOS كثيرًا لدرجة أنهم سيغيبون عن العمل بشكل متعمد.
موافق من قبل "كثير من الناس" أعني ، ولكن أحب ستيف جوبز ما يكفي لبراءة اختراعه ، وشكلت جزءا من التقاضي أبل ضد سامسونج.
آرون والتر ، في كتابه تصميم للعاطفة ، ينظر إلى الطريقة التي تجذب بها مواقع الويب الناجحة انفعالات المستخدمين عن طريق إضفاء طابع شخصي عليها. تعد إضافة العناصر التي تُبهج المستخدم طريقة فعالة للغاية للقيام بذلك. ببساطة ، نحن نفضل الأدوات التي تسعدنا ، لذا فهي جيدة للأعمال أيضًا.
فرحة ليست وسيلة للتحايل
إضافة فرحة لا يعني إضافة تأثيرات متعمدة كوسيلة للتحايل. الآثار موجودة للمساعدة في تشكيل شخصية الموقع. ليس عليهم أن يكونوا مرحًا أو ملتويًا (على الرغم من أنهم يمكن أن يكونوا إذا كانت تلك هي الشخصية التي تريدون نقلها) ، فيمكن أن يكونوا دقيقين ومقيدين إذا كان يناسب الشخصية بشكل أفضل. إلقاء نظرة على pictet.com. أنا أحب الطريقة التي يتلاشى بها شريط البحث عند النقر على رابط البحث - فهو يوقف حقل نص البحث كونه عنصرًا مسيطرًا ، إلى أن تطلب منه أن يكون. إنه أنيق ودقيق ، ويتناسب مع نغمة الموقع - شركة خدمات مالية سويسرية - بشكل مثالي.
في بعض الأحيان تكون التأثيرات دقيقة جدًا حتى أنك قد لا تلاحظها. هل تعلم على سبيل المثال ، أن التحكم في مستوى الصوت على BBC iPlayer ترتفع إلى 11؟ إنها إيماءة صغيرة لطيفة إلى Spinal Tap.
لا تطرف
يمكن أن تؤدي إضافة عدد كبير جدًا من التفاعلات غير المتوقعة إلى نتائج عكسية ، مما يؤدي إلى إنشاء مبالغة مرئية. إلا إذا كنت تحاول إنشاء بيئة تشبه الألعاب ذات الحركة المفرطة ، فإن الكثير من التأثيرات المرئية ، مع وجود فليب ، والنوافذ المنبثقة ، و whizzbangs وقنابل الكويرك في كل مكان سوف ينتقص بشكل خطير من أي تفاعل ذي معنى مع المحتوى. إلقاء نظرة على LEDbow موقع على سبيل المثال. من الناحية الفنية ، إنها رائعة ، لكنني لا أعتقد أنها تتواصل بفعالية. هناك الكثير مما يجري.
الاتصال الهاتفي
أحب المواقع التي تعامل الشاشة كمحدد للمشهد أو سطحًا بدلاً من عارض الصفحة. تعمل الطبقات التي تتحرك بسرعات مختلفة على خلق العمق والاهتمام. عناصر تتحرك في مكانها لفت الانتباه إليها.
تجعل الحركة تجربة أكثر غامرة ، ولكن كن مدركًا أن هذا النوع من التفاعل لمصلحتك لا يساوي تفاعلًا أكبر.
إن إضافة البهجة تجعل المواقع أكثر إنسانية وأكثر مرونة أيضًا ، وذلك من خلال إشراك حاجتنا للمخ والقرد في الفوضى واللعب أثناء التفكير والتعلم. عندما تنشئ موقعًا في المرة القادمة ، فكّر في كيفية إنشاء شيء فريد لإسعاد المستخدمين.
هل تصمم للعاطفة؟ كيف تضيف فرحة إلى موقع؟ اسمحوا لنا أن نعرف في التعليقات.