هل تريد نقل موقعك الالكتروني الى استضافة اخرى؟ عليك اعادة التفكير في الامر

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

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

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

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

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

انتقالات وسلوك الصفحة: لتسهيل التنقل من نقطة إلى أخرى والتبديل بين الصفحات.
المسرات والديكور: هذا يعطي بعض pizazz إلى التخطيط الخاص بك مثل التمرير المنظر.
تريد أن تقرأ أكثر؟ فيما يلي دليل حول استخدام الرسوم المتحركة والتوضيح على تصميم الويب.
الاعتدال هو قوة وليس ضعف

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

هل يمكنك تبرير استخدام الرسوم المتحركة مع أحد هذه الاستخدامات؟ عظيم! ثم كنت على استعداد! (فقط لا تنس الاعتدال).
ما يجب أن يكون متحركًا (وما لا يجب أن يكون!) تعمل

بعض عناصر الموقع الشائعة بشكل جيد مع الرسوم المتحركة ، بينما لا يعمل الآخرون بشكل جيد. ركّز طاقة الرسوم المتحركة على المجموعة السابقة:

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

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

تم إنشاء محتوى قبل التعاقد مع شركة تسويق الكتروني بالسعودية

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

أهمية الجمهور

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

للمبالغة قليلا (فقط قليلا): إذا كان جمهورك المستهدف هو حقا في أنظمة الألوان أحادية اللون. أو إذا كان الزوار مهتمين بموقعك للحصول على المشورة القانونية وتحميل تطبيقات الجوال التى قمت ببرمجتها ؛ أو إذا كنت تشك في أن العديد منهم سيصل إلى موقعك من خلال إصدار متصفح قديم على نظام تشغيل قديم – فيمكنك افتراض أن الصور المتحركة ليست هي الخيار الصحيح في حالتك.
على استعداد لتقديم شيء جميل؟ إنشاء موقع على شبكة الإنترنت مع!

7 قواعد تؤثر على تسويق موقعك الالكتروني وجعله احترافي

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

لنواجه الأمر؛ إنها 2018. في حين أن قدراتنا الحالية لم يسبق لها مثيل ، ما زلنا نلجأ إلى الجيل الحالي من أدوات التحليلات لتقييم البيانات (أي ما يعادل تداول الذهب).

“مممممممممممم ، انظر إلى هذا الانخفاض في حركة إحالتك هناك ، تيمي؟ أنا dunno ، ربما هذا هو السبب في فشل عملك. “(المصدر: Gold Panning ، تبين لنا togwotee الخاص بك)

كيف تقوم بتصميم موقع احترافي يعشقه زوارك؟

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

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

– سيشكرونك على ذلك.

“مهمتك هي منح مستخدمي موقعك الالكتروني قدرات خارقة” – كاثا سييرا

أجب “كيف أفعل؟” في الثواني العشر الأولى

في كتاب هانكيد ، نيرال إيال الممتازة حول إشراك تصميم المنتج ، يصف دور “المشغلات” – الداخلية والخارجية المحفزات الخارجية التي تؤثر على الناس للبحث عن المنتجات الرقمية واستخدامها.

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

في المثال أعلاه ، يتم رسم عيناي على الفور إلى اللوحات الحمراء والخضراء ، والتي تنقل بسرعة فكرة أن وقت الانتظار الحالي هو مشكلة أحتاج إلى التركيز عليها الآن. بدلا من ذلك ، متوسط ​​وقت المقبض هو كل شيء جيد. هذا الاستخدام البسيط للون جريء وذو مغزى يخبرني بشيء مهم في جزء من الثانية ، وهو أمر قد يستغرق ما يقرب من ساعة لفكها.
“صممت لوحة أجهزة القياس بشكل صحيح ، وتزيد الإنتاجية لجميع المستخدمين” ~ Daniel O’Sullivan ، Invision Blog

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

يمكن أن يكون الأمر بسيطًا مثل إرسال أداة التحليلات الخاصة بك بريدًا إلكترونيًا لتمييز علامة بارزة ، كما هو الحال في المثال الممتاز أعلاه من Buffer. اليوم ، نحصل على إشعارات حول كل شيء – أن أسهمنا قد ارتفعت ، أو أن الموعد النهائي هو الموعد المحدد ، أو إلغاء اجتماع ، أو أن صورة الهريرة الخاصة بنا حصلت على 14 إعجاب فقط (c’mon ، والسيد Bigglesworth هو أفضل من ذلك بكثير). فلماذا لا يتم إعلامك عندما يحدث شيء مهم على مواقعنا الإلكترونية أو في أعمالنا؟ دفع الإخطارات ، والرسائل القصيرة ، وتكامل chatbot / Slack ، ملخصات يومية – هذه كلها رؤى استباقية يجب خبزها في تجربة مستخدم متماسكة لأداة تحليل حديثة.

لا تكثر من استخدام الالوان في تصميم الموقع

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

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

يشبه كثيرًا استخدام الألوان ، يمكن أن يؤدي اختيار تسميات الأزرار والرموز إلى جعل تجربة المستخدم أو خرقها ، لذلك اخترها بحكمة – ولا تستخدم أبتر أبسوم أبسوم أبداً ، حتى أثناء مرحلة تركيب الإطارات / النماذج الأولية. باستخدام التحليلات ، يمكن أن تؤدي العلامات غير اللائقة أو غير الدقيقة لزر مهم أو رابط تقرير إلى حدوث مشكلات. على سبيل المثال ، قد يكون لدى مستخدميك سوء فهم كامل لقدرات منتجك – ما هي فرصة ضائعة!
“هاه؟ كل ما أريد معرفته هو كيف تجري زياراتي … ”

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

تذكر ان احصائيات موقعك الالكتروني هي البيانات التي تساعدك!

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

“كان لديك 3000 زائر أمس”

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

“كان لديك 3000 زائر أمس ، وهو أعلى بنسبة 38 ٪ من المعتاد”

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

“كان لديك 3000 زائر أمس ، وهو أعلى بنسبة 38 ٪ من المعتاد ، ويرجع ذلك أساسا إلى زيادة عدد الزوار من Facebook”

الآن هذه رؤية يمكنني استخدامها حقًا! يخبرني كيف أديت ، كم كان طبيعي / غير طبيعي هذا الحدوث ، ويحدد بوضوح مصدر هذا الحدث الهام. وبهذه الطريقة ، تزودني البيانات الإضافية بسياق ذي مغزى لمعلوماتي الأساسية ، مما يجعلها أقوى بكثير ، مع رؤية عامة أكثر قابلية للتنفيذ.
استخدام معدلات & نسب للمقارنات ، بدلاً من الأرقام الأولية
لنفترض أنك تحاول مقارنة أداء مقالتين مختلفتين للمدونة – واحدة تم نشرها قبل 5 أيام ، والأخرى قبل 3 أشهر. مجرد النظر في عدد الزوار أو أسهم الاجتماعية من المرجح أن أقول لكم أن آخر القديمة لها بطريقة أكثر مرة وسهم من أحدث واحد، ولكن كنا نتوقع هذا، أليس كذلك؟ بعد كل شيء ، كان للوظيفة القديمة مزيدًا من الوقت لتجميع الحركة والمشاركة –

يمكننا مقارنة أداء موقعك الالكتروني بشكل موضوعي؟

من خلال حساب نسبة الأسهم إلى الزيارات (أي # أسهم اجتماعية مقسومة على عدد الزيارات) ، يمكننا قياس قابلية المشاركة لكل موضوع. يمكننا أن نرى مدى احتمال مشاركة مشاركة واحدة على أخرى – بغض النظر عن الأرقام الفردية المعنية.

توضيح المعلومات المفيدة حقًا كنص وليس أرقامًا.

لماذا ا؟ كلمات لها معنى النوعي ودلالة خبز إليها، مما يجعلها أكثر ملاءمة لإخبار قصة بالمعلومات عن البيانات التي يمكن للمستخدم بعد ذلك اختيار العمل أو تجاهلها.
ولكن عند تقديم أرقام الأداء ، فإن السؤال الأول الذي يسأله المستخدم عادة هو: “إذن ، هل هذا جيد؟ أو “سيئة”؟ الأرقام هي البيانات – هناك فقط للحصول على مقياس – لذلك يحتاجون إلى معلومات إضافية من أجل نقل المعنى. مع المزيد من المعلومات ، يمكن لأرقامك أن تخبر قصة متماسكة حول ما يحدث.
لقد بدأنا نشهد تغييرًا في طريقة عرض تقارير التحليلات للمستخدمين. نحن نرى استخدامًا أكبر للنص الوصفي ، المستخدم لنقل المعنى من البيانات. (من الأمثلة الرائعة على ThinkUp (للأسف RIP) ومؤخرًا ، GrowthBot – برنامج Chatbot للتحليلات.)

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

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