مقالات
‏إظهار الرسائل ذات التسميات مقالات. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات مقالات. إظهار كافة الرسائل
غير معرف
5 طرق لتحسين ترتيب موقعك (SEO)

5 طرق لتحسين ترتيب موقعك (SEO)

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


1. نشر محتوي ذات صلة

جودة المحتوي هى المحرك الاول فى حصولك على ترتيب فى نتائج البحث ولا يوجد بديل عن المحتوي. المحتوي ذات جودة يجلب الكثير من الزوار الى موقعك بشكل متكرر، مما يرفع من مصداقة موقعك واهميته لدي الزائر.
حدد كلمة مفتاحية او جملة مفتاحية لكل صفحة. فكر كيف سيبحث عنك القارئ فى محركات البحث لكي يصل الى صفحتك ( الجمل المفتاحية بالانجليزية keyphrase مثل “الهندسة الميكانيكية فى مصر” , “افضل برنامج فيزياء تطبيقية” , “شهادة تسويق الكتروني”). كرر هذه العبارة عدة مرات داخل المقال – مرة او مرتين فى بداية المقال وكذلك في نهاية المقال، ومن مرتين الى اربع مرات وسط المقال.
لا تنسي ان تستخدم الخط الغامق bold والخط المائل italics والعناوين الرئيسية وتسليط الضوء على الجملة المفتاحية المستهدفة، لكن لا تبالغ فى ذلك.
لا تضحى بالكتابة الجيدة من اجل الـ SEO. افضل المقالات تكتب من اجل المستخدم User وليس من اجل محركات البحث.

2. تحديث المحتوي بشكل منتظم

اعتقد انك تشعر بقوة عند تحديث موقعك، ومحركات البحث ايضا تشعر بهذه القوة. المحتوي المحدث بانتظام يعتبر بالنسبة لجوجل واحدة من أفضل المؤشرات التى تدل على جودة الموقع، لذلك تأكد دائما من انك تحافظ على تحديث موقعك.

3. البيانات الوصفية

عند تصميم موقعك فكل صفحة تحتوي على مسافة بين تاج <head> لاضافة البيانات الوصفية metadata او معلومات حول محتوي الصفحة. اذا كان موقعك بنظام CMS مثل الووردبريس او جوملا فانه يتم تكويد الصفحة بشكل تلقائي لانه تم اعدادها من قبل. فستقوم بادخال البيانات الوصفية التالية من خلال نظام ادارة المحتوي:
  • العنوان
عنوان الصفحة Title هو الذي يظهر فى اعلى نافذة المتصفح. هو التاج الاكثر اهمية فى مقالك. لذلك يجب ان تهتم به وان تجعله اكثر جاذبية عن باقى العناوين الموجودة فى نتائج البحث لجذب الزائر الى مقالك، يجب ان يحتوي العنوان على الكلمة او الجملة المفتاحية المستهدفة ويفضل ان تكون فى بداية عنوان المقال. و يجب الا يزيد العنوان عن 65 حرف من ضمنهم المسافات spaces.
  • الوصف
الوصف Description هو نص يحتوي على تعريف لكل صفحة يظهر فى نتائج البحث اسفل العنوان ويجب ان يحتوي علي الكلمة المفتاحية المستهدفة وهو يساعد المستخدم فى فهم ما يدور داخل هذا المقال بتخليص فى 170 حرف ضمنهم المسافات.
  • الكلمات المفتاحية
الكلمة المفتاحية هى من ضمن البيانات الوصفية او Metadata وكان لها اهمية كبري فى جوجل وكانت تساعد على ظهور موقعك على الكلمة المفتاحية التى كنت تستهدفها، ولكن الان لم يعدها لها اى فائدة نهائيا واذا استخدمها بشكل مبالغ فيه ربما تضرك، اما فى محركات البحث الاخري مثل Yahoo ,Bing  فهي مازالت تهتم بالكلمات المفتاحية.

4. العلامات البديلة ALT

دائما قم بوصف الصور والفيديوهات من خلال كود Alt وهو كود بديل اى اذا حدث اى تلف فى الصورة او كان الانترنت بطئ  لدي زائر موقعك فلن تظهر الصورة وستظهر ايقونة ملف تالف اما عند اضافة كود Alt فسيظهر وصف للزائر يوضح ما هو هذا الملف. وايضا يساعد على ظهور صور موقعك فى نتائج بحث الصور فى جوجل ويساعد علي تصدر نتائج البحث فى حالة وجود الكلمة المفتاحية المستهدفة داخل وصف الـ Alt.

5. الارتباط مع الروابط الداخلية

التركيز على انشاء روابط ذات صلة داخل النص. بدلا من اضافة “انقر هنا” . حاول ان تقوم باضافة وصف يصف الصفحة المراد الارتباط بها وهو ما يسمي بالروابط الداخلية Internal Links. ارفاق رابط مع كلمة اضغط هنا ليس لها اى قيمة فى محركات البحث. في حين أن اضافة الرابط مع كلمة “السيو الحديث” او اضافة كلمة مستهدفة سوف يحسن ترتيب الصفحة التى ارتبطت بها من خلال كلمة مستهدفة فى نتائج البحث وكذلك ترتيب الموقع بشكل عام.
ومن المهم جدا مشاركة المقال على مواقع التواصل الاجتماعى بشكل واسع هذا سوف يعطيه دفعة قوية.
هذه بعض الروابط التى يجب ان تتبعها بشكل مستمر لتحسين ترتيب موقعك فى نتائج البحث:
غير معرف
7 مهارات لابد أن يمتلكها مصمم الويب

7 مهارات لابد أن يمتلكها مصمم الويب

غير معرف

 


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

1- أن تكون على دراية بعملية التصميم بأكملها

لابد لكل مصمم أن يكون على دراية بجميع نواحي التصميم لكي يصل إلي التصميم المتميز، وبعض نواحي التصميم هي :
أ- اللون
اللون يعتبر قلب التصميم وأهم شئ فيه، لأنه ينشئ الموضوع “theme” ويظهر تأثيرات أى تصميم. كما أنه يلعب دور مهم في نفسية المستخدم وهذا ما يعرف بتجربة المستخدم “UX”. (ماهي علاقة اللون بعلم النفس ؟ ) مقال سيفيدك فى تصميم تجربة المستخدم.
ب- التدفق “Flow”
يقصد بالتدفق، أى الحركة البصرية للمستخدم أو ماينظر إليه المستخدم تدريجياً فى التصميم. ويشمل التدفق العمق “depth” واللون والتسلسل الهرمي “hierarchy” والأشكال وأيضاً الخطوط. وأدوات التدفق تشمل منظور التباعد والتوجيه.
جـ- التوازن والتناسب
والمقصود بهما الإستقرار والإتزان البصري. ويوجد طريقتين للحصول على التناسب وهما “symmetrically و asymmetrically”.
كما أن التناسب يُستخدم عادةً فى الدلالة على العناصر المهمة وبالتالى يقوم بتحسين تدفق المعلومات.
د- التباعد
والتباعد كثيرا يجب أن يكون واضح وبسيط. فيقصد به المسافة بين العنصر والعنصر الأخر، حيث جميع المواقع التى تمتلك تجربة مستخدم جيدة يكون التباعد فيها متناسق. عموماً يجب أن يكونى التباعد سخياً بما فيه الكفاية بين العناصر في حين يجب أن تبقى العناصر ضيقة قليلاً لتسهيل القراءة، بمعنى أن لا تكون العناصر متباعدة بشكل مبالغ فيه والعكس صحيح. وهذا هو التناسب 🙂

2- تعلم أساسيات الـ HTML مثلما تعرف أصابع يدك 😀

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

3- تعلم بعض النقاط المهمة فى الكتابة الإعلانية

إنت كمصمم يكمن أن يُطلب منك أى شئ آخر غير التصميم: فقد يطلب منك كتابة مقال عن تسيوق منتج أو شئٍ آخر، نعم هذا صحيح إذا لم تعمل مع كاتب مواد إعلانية “copwriter”. فمن الأفضل أن يمتلك المصمم مهارات كاتب المواد الإعلانية “copwriter” لجذب الكثير من العملاء.
لا تفكر أبداً أن معرفة كيفية كتابة مقال يتعلق بتصميم مواقع العملاء، بينما معرفة الكتابة هى أحد الأصول الأساسية عندما يتعلق الأمر بتسويق منتجاتك أنت فقط.
ايضا هناك بعض المقالات فى موقعنا تساعدك في تعلم كيفية الكتابة

4- إتعلم بإستمرار

جملة “دائماً هناك الأفضل” هي التى لا بد أن تضعها نصب عينيك. حيث يمكنك دائماً تعلم أشياء جديدة تساعدك :
1- فى إقناع العملاء.
2- و أيضاً توسيع إبداعك ومهاراتك.
3- كما تساعدك في تحسين شغفك “passion” فى التصميم.
يوجد سبب واحد فقط يجعلك دائماً قابل للتعلم وهو أن جميع الإتجاهات الجديدة تظهر فى تصميم المواقع، فكر فقط فى التحديثات التى صدرت في الأعوام الأخيرة وهي : التمرير المنظر “parallax scrolling” ثم تصميم الفلات وأخيراً تصميم الماتريال.
“فى التصميم ..التعليم مستمر” لا تتوقف عن التعليم، بحيث يمكنك أن تكون دائماً على رأس أحدث الاتجاهات، مما يجعلك جيد جداً كمصمم.

5- طور مهاراتك في الـbusiness

الكثير من المصممين يعملوا بجانب التصميم أعمال أخرى خاصة بمنتجاتهم، لذا بدون تعلم بعض مهارات الـbusiness سوف تتعثر في :
أ- التسويق لنفسك.
ب- إيجاد عملاء.
جـ- كذلك سوف تتعثر فى الحفاظ على العملاء.
إذا كنت تعرف كيفية تشغيل مشروع تجاري، ستكون قادراً على اتخاذ القرارات التي تتعلق بالعملاء والمشاريع بكل ثقة. كذلك يجب عليك تعلم بعض المهارات المهنية التى تساعدك فى تنمية قدراتك التجارية. كما قولنا إتعلم بإستمرار فى كل المجالات التي تساعدك فى مجال التصميم 😉

6- تعلم فن الإستماع !

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

7- أخيراً، إجعل تصميم موقعك الأفضل على الإطلاق في الاستخدام

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

وإذا كنت متحمساً بشدة بشأن حرفتك، فإنك سوف تصل إلي هذه على أية حال، ولكن يمكنك أن تفعل أشياء لتسريع هذه العملية، فإنك ستصل إلى هدفك،
ولكن كلما تعمل على أشياء لا تبدو أنها مجرد تصميم بل هي أشياء أكبر من التصميم “الإبداع”، كلما أصبحت مصمم أفضل.

إذا كنت تمتلك بعض المهارات فأخبرنا بها
غير معرف
خبير بمجال تصميم الشعارات يقدم لك 5 نصائح ذهبية

خبير بمجال تصميم الشعارات يقدم لك 5 نصائح ذهبية

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

1- هل سأعجب به؟ أم ماذا؟

يقول آرمين “من الأشياء الأساسية لدى عندما أنظر في شعار أو علامة تجارية معينة، هي الجمالية، بمعني، هل هذا الشعار يحتاج الى شرح ووصف ما يحتويه من رسائل خفية أم أنه يجمع بين الجمالية والبساطة معًا؟”


آرمين فيت على المنصة، مشاركًا في مؤتمر Kyoorius Deisgnyatra. (مصدر الصورة: creativebloq)
أمران يشير اليهم آرمين في حديثه في Kyoorius Deisgnyatra 2015 أنك عند الانتهاء من تصميم الشعار يجب عليك اختباره على الجمالية والبساطة، وأقرب طريقة لهذا هي، تبتعد قليلا وتسأل نفسك عدة أسئلة بعد الانتهاء من الشعار، هل هذا رائع حقًا أم ان هناك الأفضل؟ هل هذا معقد في فهم الرسالة التى يحتويها أم أنها مختزلة بطريقة مبسطة يسهل فهمها؟

2- السياق من وجهة نظر آرمين

يُشدد آرمين هنا على السياق، والذي يأتي في المرحلة الثانية بعد الجمالية في ضوء اهتماماته بالشعار، ويقول “أتمعن بعد ذلك في التنفيذ، كيف يعمل; كيف يعمل الشعار في نواحي السياقات المختلفة، هل ينسجم مع أى سياق يوضع به؟ وهل هو بارز؟”
air1
شعار Airbnb. (مصدر الصورة: creativebloq)
ويعزز آرمين هذه الجزئية بمثال، وهو الشعار الجديد لـ Airbnb والذي احتضن منذ تصميمه مفهوم تعدد السياقات المختلفة ليعمل عليها، يتحدث هذا المصمم ويقول “أعتقد أن شعار Airbnb من الشعارات الممتعة حقًا، والذي قام عليه عدد من الناس يثقون في عملية تصميمه وفي المصممين” يقصد آرمين هنا أن شعار Airbnb تم تصميمه ليعمل في العديد من مختلف السياقات المتنوعة.

3- استحوز على الفكرة العبقرية!

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

4. تحلى بالشجاعة ولا تخف التحدي!

النصيحة الرابعة لآرمين تحوي مفهوم يحتاجه كل فرد منّا في حياته الشخصية والعملية لكي يضعه موضع التنفيذ، حيث يقول “كثير من المصممين او العملاء لا يجيدون روح الشجاعة عندما يقررون صنع شئ ما”
وفي هذه النصيحة يشترك ديفيد كارسون -أشهر مصممي الجرافيك في العالم- مع آرمين حين قال “اكسر القواعد ولا تضع حدًا للأفكار”. هذا ليس سرًا ولا غريبًا على هذا الرجل الذي يتجاهل الشبكية في كثير من تصميماته!
لولا الشجاعة والمخاطرة ما رأينّا هؤلاء الذين يخوضون أمتع تجارب حياتهم ليصلوا الي ما هم فيه الآن كـ ستيف جوبز عندما قرر أن يخاطر ويترك الجامعة من أجل أن يصل الى هدفه الذي كشف عنه الستار للعالم بعد ذلك.
مصدر الصورة: creativebloq

5- تفقد الشعار بصفاء ذهني

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

في النهاية، أخبرنا بثلاث نصائح كما لو أنك تُحاضر مصممين في مؤتمر وتود القاء هذه النصائح عليهم

غير معرف
أهم 10 مصادر يحتاجها مصممي الشعارات

أهم 10 مصادر يحتاجها مصممي الشعارات

غير معرف




















“أريد التعلم أكثر” “أريد تنمية مهاراتي وتزويد مواضع الاستلهام لدى” أعتقد ان مثل هذه الخواطر هي التي دفعتك لهذه المقالة لحصد العديد من المعلومات لكي تحول هذه الخواطر الى حقيقة وواقع ملموس. 10مصادر من بين العديد من المصادر المختلفة على شبكة الانترنت تلبي لك كل هذا وتعطيك مزيدًا من النصائح والاستلهامات والأدوات.

1- Logospire

Screenshot_4

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

2- Brand New

Screenshot_1

Brand New هي امتداد لشركة underconsideration. وفكرة هذا الموقع هو استعراض وشرح العديد من الشعارات الجديدة وابداء الرأى فيها، واذا أعادت شركة ما تصميم الشعار الخاص بها، تعقد Brand New مقارنة وتشرح الاختلافات بين الشعار الجديد والقديم، مما يساعدك في الحصول على الاتجاهات الجديدة في العلامات التجارية لمواكبة كل ما هو جديد.
وبمجرد النظر في “دراسات الحالة” التي يعرضها الموقع، سيزداد لديك مؤشر الاستلهام، فضلًا عن الخبرة التي ستحصل عليها من بعض النصائح التي يقدمها أيضًا.

3- freepik

Screenshot_2

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

4- logofaves

Screenshot_3 (2)

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

5- logolounge

Screenshot_5

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

6- logogala

logogala

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

7- logomoose

Screenshot_6

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

8- logodesignlove

Screenshot_7

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

9- Logo Pond

Screenshot_8

Logo Pond يحتوي على مئات الأفكار والشعارات، حيث يتردد عليه أغلب مصممي الشعارات في العالم، يمتلك نفس فكرة logogala من اظهار “الشعار المميز” وأيضًا فكرة تصدير الشعار الخاص بك عليه والحصول على النصائح والملاحظات.
موقع مميز للغاية من ناحية الاستلهام والأفكار، اذا كنت تأمل في ذلك.
غير معرف
مقدمة في مفهوم تقنية “تتبع العين” و أثرها على أصحاب المواقع

مقدمة في مفهوم تقنية “تتبع العين” و أثرها على أصحاب المواقع

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

 كيف تعمل تقنية تتبع العين (eye tracking) ؟

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




 





و ما هي الطرق التي نعتمد عليها في استخراج النتائج ؟

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




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

ما الذي تقدمه هذه التقنية لأصحاب المواقع ؟

1. معرفة اذا كان المستخدمين تفاعلوا مع عناصر الواجهة و المحتوى جيدًا أم  مسحوه بأنظارهم فقط ؟ لكن أحيانًا يركز المستخدمون ابصارهم على نقطة ما لمدة معينة بدون تركيز و هنا لا نستطيع ان نعرف  اذا تفاعلوا فعلاً مع الوجهة بوعي أم لا .
2. معرفة معدل انتباه المستخدمين للأجزاء المختلفة في صفحات الموقع لكن لا نستطيع أن نعرف لماذا ثبتوا النظر على هذه العناصر تحديدًا .
3. معرفة اذا كان المستخدم يبحث عن شئ معين – بكلمات غير متأكد من صلاحيتها – من اتساع حدقة العين و هذا تقوم بتحديده الشركة التي تقدم الخدمة أما أنت كصاحب موقع يصلك فقط تقرير عن السلوك البصري للمستخدم يشمل أيضًا فئات المستخدمين الذين اهتموا بتصفح الموقع و كيفية تفاعلهم معه و مدى انتباههم للعناصر التي جذبت أنظارهم و على العكس الفئات التي تصفحته بشكل سريع .


الخاتمة  

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

ثلاثة أخطاء تفقدك زوار موقعك في أقل من 10 ثوانِ

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

لذلك هناك أخطاء قاتلة ان فعلتها ستفقد 60% من زوار موقعك في أقل من 10 ثوان

أولاً : غموض المحتوى الذي يتم عرضه في منطقة الـfold



 









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

وبالتالي انت بحاجة لوضع وصف مختصر أو ما يُسمى بالـ(elevator pitch) عن شركتك و ماذا تقدم من منتجات و خدمات و كيفية إستخدامها وطرق التواصل بفريق عملك في روابط مُنَسقة  في الشاشة الأولى التي يراها المُستخدم من موقعك .






 








أجريت دراسات عديدة عن كيفية رفع معدل التحويل (conversion rate) لصفحات الهبوط (landing pages) و هي الصفحات التي يهبط اليها المستخدم/ العميل بعد ضغطه على رابط اعلان و تحتوى على تفاصيل المنتج / الخدمة المُعلن عنها .

لكن لابد أن تكون صفحات الهبوط بمواصفات خاصة كي يتفاعل معها المستخدم لذلك هناك بعض الخصائص التي تتشارك فيها صفحات الهبوط ذو الطابع المثالي مثل :
  1. وضوح المميزات و القيم التي يقدمها المنتج / الخدمة .
  2. سؤال صريح للمستخدم لإتخاذ أجراء معين أو ما يُسمى ” بالنقرة الثانية” قد يكون هذا الإجراء تسجيل (sign up) أو قراءة المزيد (learn more) أو تدوين (download) و هذا يجعل المستخدمين على الموقع فترة أطول و من ثم يساعدك في خدمة محتوى الموقع بحسب الإجراء المُتخذ .
أما تحديد الإجراءات ذاتها فيتوقف ذلك على إختبارات أ / ب و التي تساعدك في إخراج إصدارين مختلفين لصفحة الهبوط بموقعك حتى ترى أيهما سيعمل أفضل ؟



 




في هذه الإختبارات نحتاج الى تقييم الآتي:
  1. أي الإصدارين أقل في معدل الإرتداد (bounce rate) ؟
  2. أي الإصدارين يمتلك نقرات أعلى بالنسبة للـCTA ؟
  3. أي الإصدارين سيحصل على نقرات أكبر للروابط التي تريد النقر عليها ؟
  4. الى أي مدى سينتقل الزوّار الى أسفل الصفحة ؟

تذّكر أن إختبارات أ / ب اذا أُجريت بإنتظام ستساعدك على تحسين الرسالة التسويقية

ثانيًا : التحميل البطئ

أفضل المواقع تصميمًا في العالم تفقد قدرتها على جذب المستخدمين بسبب التحميل البطئ وربما يغادر بعضهم الموقع بعد أول ثانيتين من فتح الموقع دون تحميل المحتوى و هذا سيرفع من معدل الإرتداد و يقلل من معدلات التحويل / التفاعل .
فإذا كانت الصفحة التي استهدفها المستخدم تحوي فديو كبير مثلاً أو صور كبيرة الحجم فتأخذ وقتًا كبيرًا في التحميل فإذا لم يكن لديك تقنية نقل ذات قدرة عالية (fast broadband) حتى تعرض المحتوى سريعًا فسوف تخسر الكثير من زوار موقعك . 
لذلك أنت بحاجة الى:
  1. استضافة موقعك على خادم قوي المعالجة و ذو نطاق ترددي عالي (high bandwidth) حتى يكون سريع التواصل والإستجابة خلال أوقات الذروة .
  2. ضغط الصور ذات الأحجام الكبيرة و أيضًا ملفات css و js و إستخدام تقنية التخزين المؤقت (server caching) حتى تضمن تحميل سريع .
  3. التأكد من تجاوبية موقعك على مختلف المنصات كالهواتف و الأجهزة اللوحية .

Fwaslpost#4-04

ثالثًا : فقدان القيمة


Fwaslpost#4-05

من أكبر أسباب ارتفاع معدلات الإرتداد هو شعور الزائر أنه فقد القيمة التي يبحث عنها بمجرد دخوله موقعك لذلك ينفر منه سريعًا ويعيد البحث على موقع آخر يقدم له ما يريد .
و أحيانًا لا يتمتع موقعك بترتيب جيد في محركات البحث و هذا يفقد ثقة الزائرين في جودة محتوى الموقع
قد يكون السبب أن :
  1. عدم ترابط المحتوى وتنسيقه بشكل يؤهله للترتيب في محركات البحث و من ثم لا يستطيع جوجل الربط بين المحتوى في سياق واحد و بالتالي لا يتعرف عليه المستخدم بسهولة .
  2. الكلمات المفتاحية (Keywords) غير وافية أو لا تصف المحتوى جيدًا فإحذر من الإختصار الغير مُجدي و المزايدة التي لا تعبر عن المحتوى .

الخاتمة

تتخلص أهمية الموقع في القيمة التي يقدمها سواء منتج / خدمة أو محتوى تعليمي أو أيًا كان الأهم من القيمة هو كيفية عرضها حتى تصل للمستخدمين على أكمل وجه و يتم استيعابها و التعامل معها بالصورة المرجوة .

الاشتراك في: الرسائل (Atom)

قوالب

More »

اضافات

More »