إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 03-30-2012, 10:32 PM
الصورة الرمزية swatyoung
swatyoung غير متواجد حالياً
صاحب الموقع والمؤسس
 
تاريخ التسجيل: Feb 2010
الدولة: سوريا- دمشق
المشاركات: 894
swatyoung is a name known to allswatyoung is a name known to allswatyoung is a name known to allswatyoung is a name known to allswatyoung is a name known to allswatyoung is a name known to all
3 طرق يمكنك استخدامها للفت انتباه المستخدم

تحتاج عادة في إلى لفت إنتباه مستخدم (او زائر) موقعك الى شيء معيّن في الواجهة لاسباب مختلفة, كلفت انتباهه لزر معين (زر “تحميل” او “تسجيل” الخ), او إرشادات معينه (اخطاء حدثت, تنبيه معين…الخ) او اي شيء آخر. و لكن كيف تستطيع فعل ذلك؟

سأقوم في هذه التدوينة بالكتابة بشكل مختصر عن 3 طرق يمكن استخدامها للفت انتباه المستخدم لعناصر معينة في صفحات موقعك , و عندما اقول “عنصر”, فإنني اعني أي شيء في الصفح ة, سواء كان زر, عنوان, قائمة, او اي عنصر آخر.

1. الحركة
ببساطه, اي حركة في الصفحة ستجذب إنتباه المستخدم لها, و لذلك تجد الكثير الدعايات في المواقع تقوم باستغلال (او حتى اساءة استعمال) هذه النقطه و تستخدم الكثير من الحركة.

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

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

بأي حال, الحركه هنا تعتبر اكبر العوامل تأثيرا, فإستخدمها بحذر حتى لا يؤثر استخدامها سلبا على تجربة مستخدم موقعك.

2. الألوان الساخنة
يوجد لدى الالوان خاصية تسمى درجة الحرارة, و تقسم تلك الخاصية الالوان الى قسمين:

الالوان الساخنة: و هو مدى الالوان من الاحمر الى الاصفر تقريبا, و يشمل اللون البرتقالي و الزهري و الالوان “الساخنة” الاخرى. تميل الالوان الساخنة عادة الى البروز و لفت انتباه الشخص.
الالوان الباردة: و هو مدى الالوان من الاخضر الى الازرق تقريبا, و يشمل البنفسجي الداكن المائل للزرقه. و هي الوان منحسره مقارنة بالالوان الساخنة ولا تبرز مثل الالوان الساخنة.

تستخدم الالوان الساخنة عادة لشد انتباه الشخص لشيء معيّن, مما يفسّر استخدامها في الاشارات و لوح التحذير في الشارع

و بالتالي, تستطيع استخدامها في موقعك للفت انتباه المستخدم لاجزاء مهمه, مثل رسائل التحذير (في حالة حدوث خطأ), او عناصر مهمه في الصفحة. موقع Amazon مثلا يستخدمها للفت انتباهك لقائمة التسوّق الرئيسية على اليسار:

و عند زيارتك لموقع YouTube, ستلاحظ ان زر خاصية الرفع (Upload) لونه ساخن ايضا (برتقالي), بما انها خاصية مهمه و تحتاج لان تبرز بعض الشيء للمستخدمين في الموقع , حتى يجدونها بسهولة.

3. العناصر الكبيرة
العناصر الكبيرة على الصفحة بطبيعة الامر تلفت انتباه الزائر, سواء كانت ذات الوان ساخنة او باردة, كما ترى في موقع Basecamp:

و هذا العامل غير مرتبط بالازرار وحدها, و انما يمكن استخدامه في اي عنصر آخر تقريبا.

الختام
الموضوع ليس بالسهولة التي يبدو عليها, فعلى الرغم من استطاعتك ان تلفت انتباه المستخدم لاي عنصر بإستخدام احد الثلاث طرق المذكورة, الا انك ستجد التحدّي في عدة مواقف مثل:

ماذا لو كان لديك عدة عناصر جديرة بانتباه المستخدم؟
ماذا لو كانت الصفحة مصممة بالوان ساخنة اصلا؟
كيف تستخدم تلك الطرق بحيث لا تؤثر سلبا (عن غير قصد) على تجربة زوار الموقع ؟
لا يوجد اجابات عامة لتلك الاسئلة, لأن مواقع الانترنت تعمل تحت ظروف مختلفة و تستهدف عينات مختلفة من الناس, و لكن عند متابعتك لهذه المدونة و تعمقك في مجال قابلية الاستخدام اكثر, سيصبح ايجاد حلول لتلك المواقف اسهل و امتع, خاصة عند تعرفك لطرق اخرى تسهّل هذا الامر.
ان كانت لديك اي اسئلة بخصوص الموضوع او رغبت في مناقشة احدى نقاط النقاط, فلا تترد بكتابة تعليق.

المصدر

uxfix.com
رد مع اقتباس
  #2  
قديم 07-29-2012, 09:56 AM
الصورة الرمزية KHLEL
KHLEL غير متواجد حالياً
 
تاريخ التسجيل: Jan 2010
الدولة: الاردن
المشاركات: 327
KHLEL is on a distinguished road
افتراضي

مشكوووووور والله يعطيك الف عافيه
رد مع اقتباس
  #3  
قديم 11-05-2012, 01:57 PM
الصورة الرمزية شهد
شهد غير متواجد حالياً
 
تاريخ التسجيل: Oct 2011
الدولة: غزة
المشاركات: 16,522
شهد is a splendid one to beholdشهد is a splendid one to beholdشهد is a splendid one to beholdشهد is a splendid one to beholdشهد is a splendid one to beholdشهد is a splendid one to beholdشهد is a splendid one to beholdشهد is a splendid one to behold
افتراضي

مشكوووووور والله يعطيك الف عافيه
رد مع اقتباس
  #4  
قديم 11-05-2012, 08:23 PM
الصورة الرمزية حلا
حلا غير متواجد حالياً
 
تاريخ التسجيل: Oct 2011
المشاركات: 12,830
حلا is a splendid one to beholdحلا is a splendid one to beholdحلا is a splendid one to beholdحلا is a splendid one to beholdحلا is a splendid one to beholdحلا is a splendid one to beholdحلا is a splendid one to behold
افتراضي

رد مع اقتباس
إضافة رد

أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع


الساعة الآن 09:22 PM.


Powered by vBulletin® Version 3.8.10 Beta 1
Copyright ©2000 - 2024, vBulletin Solutions, Inc. Trans by
حميع الخقوق محفوظة © لـ منتديات العاشق 2009 - 2022