var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = 400, logInPopUpHeight = 400, logInBackgroundResize = true, logInBackgroundClass = false;var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = 400, logInPopUpHeight = 400, logInBackgroundResize = true, logInBackgroundClass = false;$(document).ready( function() {$(window).resize(function() {var windowWidth = document.documentElement.clientWidth;var popupWidth = $("#login_popup").width();var mypopup = $("#login_popup");$("#login_popup").css({"left": windowWidth/2 - popupWidth/2});});});$(document).ready( function() {$(window).resize(function() {var windowWidth = document.documentElement.clientWidth;var popupWidth = $("#login_popup").width();var mypopup = $("#login_popup");$("#login_popup").css({"left": windowWidth/2 - popupWidth/2});});});
Loading...


الرئيسيةأحدث الصورالتسجيلدخول
عالم الابداع
آلسلآم عليكم ورحمة الله وبركاته }~

 3 طرق يمكنك استخدامها للفت انتباه المستخدم 523913

كيف حـآل زـآئرنـآ آلكريم ,, نتمنى أن تكون في تمـآم آلصحه وآلعآفيه }~  3 طرق يمكنك استخدامها للفت انتباه المستخدم 672688

وأن شـآء آلله يكون آلمنتدى عجبكِ ,,|~  3 طرق يمكنك استخدامها للفت انتباه المستخدم 728427

وكمـآ يشرفنـآ تسجيلكِ معنـآ في آلمنتدى ..
}~  3 طرق يمكنك استخدامها للفت انتباه المستخدم 364368

،،

،


/


مع خـآلص شكري وتقديري وأحترـآمي ,,|~


الإدـآرهـ

عالم الابداع
آلسلآم عليكم ورحمة الله وبركاته }~

 3 طرق يمكنك استخدامها للفت انتباه المستخدم 523913

كيف حـآل زـآئرنـآ آلكريم ,, نتمنى أن تكون في تمـآم آلصحه وآلعآفيه }~  3 طرق يمكنك استخدامها للفت انتباه المستخدم 672688

وأن شـآء آلله يكون آلمنتدى عجبكِ ,,|~  3 طرق يمكنك استخدامها للفت انتباه المستخدم 728427

وكمـآ يشرفنـآ تسجيلكِ معنـآ في آلمنتدى ..
}~  3 طرق يمكنك استخدامها للفت انتباه المستخدم 364368

،،

،


/


مع خـآلص شكري وتقديري وأحترـآمي ,,|~


الإدـآرهـ

الجمعة يوليو 12, 2013 3:15 pm
الجمعة يوليو 12, 2013 3:12 pm
الإثنين أبريل 22, 2013 8:46 pm
السبت ديسمبر 08, 2012 8:41 am
السبت نوفمبر 17, 2012 2:46 pm
الجمعة نوفمبر 02, 2012 10:05 am
الجمعة نوفمبر 02, 2012 10:02 am
الجمعة نوفمبر 02, 2012 10:01 am
الجمعة نوفمبر 02, 2012 10:00 am
الجمعة نوفمبر 02, 2012 9:57 am


 

  3 طرق يمكنك استخدامها للفت انتباه المستخدم

اذهب الى الأسفل 
كاتب الموضوعرسالة
loubna
ادارية
ادارية
loubna


رقم العضوية : 2
التميز الرمضاني
عدد المساهمات : 951
نقاط : 2314
السٌّمعَة : 15
تاريخ الميلاد : 29/01/1995
تاريخ التسجيل : 08/05/2011
العمر : 29
الموقع الموقع : world.forum-canada.net

 3 طرق يمكنك استخدامها للفت انتباه المستخدم Empty
مُساهمةموضوع: 3 طرق يمكنك استخدامها للفت انتباه المستخدم    3 طرق يمكنك استخدامها للفت انتباه المستخدم Icon_minitimeالسبت مارس 24, 2012 8:00 am

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

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


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

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

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

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

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

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


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



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



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

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



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

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

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
عالم الابداع :: المنتدى التقني :: قسم تطوير المنتديات و المساعدة على إدارتها :: التطوير والمساعدة :: ساحة الدعم و المساعدة-
انتقل الى: