المحتوى عن 'chart'.



مزيد من الخيارات

  • ابحث بالكلمات المفتاحية

    أضف وسومًا وافصل بينها بفواصل ","
  • ابحث باسم الكاتب

نوع المُحتوى


التصنيفات

  • التخطيط وسير العمل
  • التمويل
  • فريق العمل
  • دراسة حالات
  • نصائح وإرشادات
  • التعامل مع العملاء
  • التعهيد الخارجي
  • التجارة الإلكترونية
  • الإدارة والقيادة
  • مقالات ريادة أعمال عامة

التصنيفات

  • PHP
    • Laravel
    • ووردبريس
  • جافاسكريبت
    • Node.js
    • jQuery
    • AngularJS
    • Cordova
  • HTML
    • HTML5
  • CSS
  • SQL
  • سي شارب #C
    • منصة Xamarin
  • بايثون
    • Flask
    • Django
  • لغة روبي
    • Sass
    • إطار عمل Bootstrap
    • إطار العمل Ruby on Rails
  • لغة Go
  • لغة جافا
  • لغة Kotlin
  • برمجة أندرويد
  • لغة Swift
  • لغة R
  • لغة TypeScript
  • سير العمل
    • Git
  • صناعة الألعاب
    • Unity3D
  • مقالات برمجة عامة

التصنيفات

  • تجربة المستخدم
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
    • كوريل درو
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب
  • التصميم ثلاثي الأبعاد
    • 3Ds Max
    • Blender
  • نصائح وإرشادات
  • مقالات تصميم عامة

التصنيفات

  • خواديم
    • الويب HTTP
    • قواعد البيانات
    • البريد الإلكتروني
    • DNS
    • Samba
  • الحوسبة السّحابية
    • Docker
  • إدارة الإعدادات والنّشر
    • Chef
    • Puppet
    • Ansible
  • لينكس
  • FreeBSD
  • حماية
    • الجدران النارية
    • VPN
    • SSH
  • مقالات DevOps عامة

التصنيفات

  • التسويق بالأداء
    • أدوات تحليل الزوار
  • تهيئة محركات البحث SEO
  • الشبكات الاجتماعية
  • التسويق بالبريد الالكتروني
  • التسويق الضمني
  • التسويق بالرسائل النصية القصيرة
  • استسراع النمو
  • المبيعات
  • تجارب ونصائح

التصنيفات

  • إدارة مالية
  • الإنتاجية
  • تجارب
  • مشاريع جانبية
  • التعامل مع العملاء
  • الحفاظ على الصحة
  • التسويق الذاتي
  • مقالات عمل حر عامة

التصنيفات

  • الإنتاجية وسير العمل
    • مايكروسوفت أوفيس
    • ليبر أوفيس
    • جوجل درايف
    • شيربوينت
    • Evernote
    • Trello
  • تطبيقات الويب
    • ووردبريس
    • ماجنتو
  • أندرويد
  • iOS
  • macOS
  • ويندوز

التصنيفات

  • شهادات سيسكو
    • CCNA
  • شهادات مايكروسوفت
  • شهادات Amazon Web Services
  • شهادات ريدهات
    • RHCSA
  • شهادات CompTIA
  • مقالات عامة

أسئلة وأجوبة

  • الأقسام
    • أسئلة ريادة الأعمال
    • أسئلة العمل الحر
    • أسئلة التسويق والمبيعات
    • أسئلة البرمجة
    • أسئلة التصميم
    • أسئلة DevOps
    • أسئلة البرامج والتطبيقات
    • أسئلة الشهادات المتخصصة

التصنيفات

  • ريادة الأعمال
  • العمل الحر
  • التسويق والمبيعات
  • البرمجة
  • التصميم
  • DevOps

تمّ العثور على 2 نتائج

  1. ليس من السّهل قياس نجاح الحملات التسويقيّة عبر البريد الإلكتروني، لذلك سنعرض عليكم في هذا المقال طريقةً جديدةً للقيام بذلك. سنسلّط الضوء في هذا المقال على الإجراءات التي نتبعها لقياس وتحسين حملاتنا التسويقية، قمنا باختيار حملةٍ ذات نتائج متفاوتة كمثال حتّى تحصلوا على أكبرِ قدرٍ من الفائدة. طريقة أفضل لاستعراض بيانات البريد الإلكتروني (Data visualization) من السّهل قياس نجاح أو فشل رسالة بريد إلكتروني منفردة، لكن ماذا عن حملةٍ تسويقيّةٍ كاملة؟ الجدول أدناه يشبه ما يراه معظم المسوّقين عبر البريد الإلكتروني (email marketers) عندما يراجعون التحليلات (analytics) المتعلّقة بالحملة التسويقيّة. هذا الجدول مفيد لكنّه يحتوي فقط على بياناتٍ غير مُعالجَة (raw data). لذلك وجدنا طريقةً أفضل لاستعراض هذه البيانات وسنستخدم الحملة الترحيبية لمدونتها كمثال على ذلك.(يستقبل المشتركون الجُدد في المدوّنة رسائل هذه الحملة عبر البريد الإلكتروني كتعريف بالمدوّنة والخدمات التي نقدمها). ملاحظة: لا تحتوي كلّ رسائل البريد الإلكتروني المُرسَلَة في هذه الحملة على مقالات كاملة لذلك لا يوجد ما سيدفع مُستقبل الرّسالة للنقر على الرّوابط. أرسلنا بعض الرّسائل على هيئة HTML وأخرى كنصوص عادية ، وكانت بعض هذه الرّسائل طويلة وأخرى قصيرة. هدفنا هو جمع بياناتٍ عن الأشكال المتنوّعة من الرسائل. هذه المعلومات مفيدة لكنّنا أردنا طريقةً أفضل لاستظهارها (visualize). لذلك قمنا باستعمال جداول بيانات جوجل (Google spreadsheet) ونسخنا البيانات إليها حتى نستطيع دراستها بشكلٍ أفضل. الخطوة الأولى التي اتبعناها هي فصل معدّلات فتح الرسائل (open rate) عن معدّلات النقر (click rate) حتّى نستطيع إنشاء رسم بياني (chart) لكلٍّ منهما على حدة. ثمّ قمنا بتظليل البيانات والنقر على زر chart. أردنا أن نستعمل خطّ اتّجاه (Trend line) في الرّسم البياني، لذلك اخترنا scatter chart (أي: شكل انتشار- من أشكال الرسوم البيانيّة). وفعلنا الشيء نفسه لمعدّلات النقر. هذه الطريقة رائعةٌ لعرض البيانات لأنها تُسهّل تحديد أيّ الرسائل ناجحة وأيّها تحتاج الحذف أو التعديل. الخطوة التالية كانت جمع البيانات في رسمٍ واحد. يبدو هذا الرسم البيانيّ رائعًا، أليس كذلك؟ دعنا نرى بماذا يخبرنا. كيف يمكن قراءة هذه البيانات التفاعل (engagement) أعلى ما يكون في الرسائل الأربعة الأولى، وعليه فإن يجب علينا استغلال الفرصة لتضمين تلك الرّسائل دعوات إلى الإجراء (Call to action) وربما حتى إضافة عروض لتمديد الفترات التجربة المجّانية free trials أو عروضًا على بعض الخدمات. بعض الملاحظات الأخرى: معدّلات فتح الرسائل (open rates) تنخفض خلال الحملة بشكلٍ عام لكن معدّلات النقر تبقى متقاربة نسبيًّا. المجموعة التي قامت بالنّقر في المراحل اللاحقة من الحملة والتي لم تبدأ فترة تجربة مجّانية free trial هي التي يجب أن نرسل لها عرضًا خاصًا الرسالة التي حقّقت أعلى مُعدّل نقر 19.1% هي ببساطة رابط لمقال Ultimate Guide to Successful Email Marketing. يريد المشتركون محتوى قيّمًا وعلينا أنّ نبذل ما بوسعنا لتقديم مُحتويات بنفس الجودة. الرسالة التي حصلت على أدنى مُعدّل فتح تحتوي بدورها على رابط، لكنّه رابط لمقال لا يتحدّث عن البريد الإلكتروني. سجّل المُستخدمون في القائمة البريدية للحصول على مصادر حول البريد الإلكتروني والبيانات التي بين يدينا تُؤكّد ذلك. هناك بضعة حالات هبوط كبيرة في المعدّلات من رسالة إلى أخرى. ومنها انخفاض معدّل النقر من 19.1% في الرسالة الرابعة إلى 8.76% في الخامسة. ربحنا الثقة لكننا لم نستطع الحفاظ عليها في الرسالة التالية. رسائل البريد الإلكتروني التي تبني الثقة هي الطّريق الممهد لنداء إجراء (call to action) فعّال. في هذه الحالة، كلتا الرسالتين تقدّمان محتوىً جيدًا لكنّ المحتوى في الرسالة الخامسة ببساطة لم يكن جيّدًا بما فيه الكفاية. هل هناك أيّ شيءٍ آخر تستطيع أن تستخلصه من هذه البيانات؟ حاول استعمال نفس الطريقة لتحليل بيانات حملاتك التسويقيّة عبر البريد الإلكتروني وأخبرنا عن نتائج ذلك في التعليقات. ترجمة -وبتصرف- للمقال How to Measure the Success of Email Marketing Campaigns لصاحبه JIMMY DALY.
  2. يعد الإنفوجرافيك Infographic فنا لعرض المعلومات والإحصاءات على شكل رسومات بيانية واضحة تجعل تلقي المعلومة أكثر سهولة ويسرا. وفيما يلي طريقة تصميم إنفوجرافيك دائرة بيانية بالخطوات. ارسم دائرة كاملة الاستدارة عن طريق الضغط على Ctrl أثناء الرسم. ارسم مستطيلا رفيعا بجانب الدائرة وقلل الشفافية Opacity لكل منهما للمنتصف من لوحة التعبئة والحدود Fill and stroke. حدد المستطيل مجددا لتظهر أسهم التدوير ويظهر مركز دوران المستطيل على شكل علامة (+). نريد أن نسحب مركز الدوران إلى طرف المستطيل السفلي ولتسهيل هذه العلمية، فعل من الشريط العلوي خيار الكبس والالتقاط Enable snapping وتأكد من تفعل الخيارات التالية: التقاط الصناديق الوثابة Snap bounding boxes ومنه تفعل التقاط منتصف حواف الصندوق الوثاب Snap midpoint of bounding box edges. التقاط النقاط الأخرى Snap other points ومنه نفعل خيار التقاط مركز استدارة الأشكال Snap an item's rotation center. ثم اسحب مركز المستطيل للطرف السفلي مع الضغط على Ctrl أثناء السحب ليتم التقاطه. ثم ضع طرف المستطيل في وسط الدائرة، ليتم التقاط طرف المستطيل من مركز الدائرة. في الخطوات السابقة جعلنا مركز دوران المستطيل هو نفسه مركز دوران الدائرة وليظهر لك فائدة ما فعلنا، كرر المستطيل مرتين عن طريق الضغط عليه بالزر الأيمن ثم اختيار Duplicate. اضغط على المستطيل المكرر مجددا لتظهر لنا أسهم التدوير وقم بتدويره مع الضغط على Ctrl أثناء التدوير لضبط المسافة بين المستطيلات الثلاثة من حيث الموقع. قم بتحديد المستطيلات الثلاثة مع الضغط على Shift أثناء التحديد، ومن قائمة المسار Path اختر Union لتوحيدها معا. اختر كلا من الدائرة والمستطيلات الموحدة ومن قائمة المسار اختر أمر الفرق Difference لحذف موضع المستطيلات من الدائرة. لا تنس أن تلغي تفعيل الكبس والالتقاط من أجل إكمال بقية خطوات الرسم بحرية. ارسم مربعا مستدير الزوايا عن طريق تحريك الدائرة في طرف المربع العلوي الأيمن إلى الأسفل قليلا، ثم أعده لخلف الدائرة من الشريط العلوي. قم بتوسيط الدائرة وسط المربع عن طريق تحديدها ثم تحديد المربع ومن لوحة المحاذاة والاصطفاف Align and distribute حاذهما عاموديا وطوليا. مع كون الشكلين ما زالا محددين قم بتدويرهما مع الضغط على Ctrl أثناء التدوير حتى يعطينا شكل المعين. عد لأسهم التحجيم بالضغط مجددا على الشكل وحرك السهم السفلي المتوسط قليلا للأعلى. ألغ تحديد الشكلين بالضغط على مساحة العمل البيضاء ثم عد لتحديد الدائرة فقط ومن قائمة المسار اختر Break apart لتقسيم الدائرة لثلاثة أقسام منفصلة. ثم مع التأكد من كون الأقسام الثلاثة ما زالت محددة قم بتكرارها عن طريق الاختصار Ctrl+d. اسحب القطع المكررة للأعلى بالارتفاع الذي تراه مناسبا، مع الضغط على Ctrl أثناء السحب ثم تخلص من شفافية الشكل عن طريق لوحة التعبئة والحدود بجعل قيمة شفافية 100. ولون القطعة العلوية باللون الأحمر ثم لون القطعة السفلية بنفس اللون مع تحريك المؤشر عند الحرف L لليسار ليعطينا لونا أقتم. ملاحظة: لمعرفة الألوان التي اخترناها في التصميم يمكنك رؤية القيم من لوحة التعبئة والحدود. من الشريط العلوي أعد تفعيل الكبس والالتقاط وفعل هذه المرة من خيار التقاط العقد والمسارات والأذرع Snap nodes, Paths and handels خيار Snap cusp nodes.. لالتقاط العقد الحادة. بأداة الرسم المنحني Bezier ارسم مضلعا يصل بين أطراف القطعتين الحمراوين بشكل متوازي الأضلاع عن طريق النقر بمؤشر الفقرة على العقد التي يتم التقاطها ثم الاتجاه للعقد التالية والنقر وهكذا حتى نصل العقد ببعضها ونضغط على زر الإدخال عند الانتهاء من الشكل، ثم اختر القطعة القاتمة السفلية مع المضلع ومن قائمة المسار اختر Union. لون القطعة اليسرى العلوية باللون الأخضر وبنفس الطريقة اجعل القطعة السفلية بلون أقتم ولا تنس إزالة الشفافية من الشكلين. بالإضافة لخيارات الكبس المفعلة مسبقا فعل خيار التقاط المسار Snap to Path ثم بأداة الرسم المنحني ابدأ الرسم من عقدة القطعة السفلية اليمنى ثم ارتفع للعقدة العلوية اليمنى ومنها إلى مركز القطعة العلوية ثم لحافة الشكل العلوي اليسرى قريبا من العقدة ومنها انزل للأسفل مع الضغط على Ctrl لتحصل على خطٍ مستقيم إلى أن يتم التقاط أداة الرسم من الحافة السفلية المقابلة ثم عد وأغلق الشكل من حيث بدأت. حدد الشكل المضلع الجديد مع القطعة السفلية ووحدهما معا من قائمة المسار. لون القطعة الثالثة باللون الأصفر وبنفس الطريقة اجعل القطعة السفلية أقتم. هذه القطعة تحتاج للقليل من التركيز أثناء استخدام أداة الرسم، حيث ستبدأ من العقدة الحادة اليسرى من القطعة العلوية وحتى يتم التقاط العقدة السفلى دون أن يتم التقاط حواف الشكل فسنرتفع لشريط الكبس والالتقاط بعد أن التقطت الأداة العقدة الأولى لإلغاء خيار التقاط المسار ثم نعود للعقدة اليسرى الحادة من القطعة السفلية ليتم التقاطها وإنشاء العقدة الثانية. بعد أن التقطنا العقدتين العلوية والسفلية سنعود للشريط العلوي لتفعيل خيار التقاط المسار ونتجه بالأداة يمينا مع الضغط على Ctrl للحصول على خط مستقيم إلى أن يتم التقاط حافة القطعة السفلية. ثم نتجه بالأداة للأعلى مع الضغط على Ctrl ليتم التقاط الحافة المقابلة من القطعة العلوية ثم ننهي الشكل من حيث ابتدأنا لنحصل على شكل قريب من المربع، وبنفس الطريقة السابقة نوحده مع القطعة السفلية القاتمة. حدد القطعتين الخضراوين ثم اختر أداة التحرير Node tool ثم حدد جميع العقد العلوية في القطعتين عن طريق سحب مؤشر الفأرة حولها، وحركهما للأسفل عن طريق سهم التحريك السفلي من لوحة المفاتيح أو عن طريق سحبهما بمؤشر الفأرة مع الضغط على Ctrl أثناء السحب للمحافظة على محاذاتهما. ملاحظة: المستطيل الظاهر في الصورة هو مربع وهمي ناتج عن سحب المؤشر حول العقد العلوية لتحديدها جميعها. كرر الطريقة مع القطعة الصفراء واحذر من أن يتم اختيار أحد العقد السفلية وإن حصل ذلك عن طريق الخطأ فألغ التحديد عن طريق الضغط على Shift مع الضغط على العقدة غير المرغوبة، مع ملاحظة أن القطعة الصفراء أكثر ارتفاعا من الخضراء. أزل شفافية القاعدة الخضراء ولونها بلون رمادي ثم كرر الشكل مجددا ولونه بلون أقتم وحركه للأسفل مع الضغط على Ctrl ثم أرسله للخلف من الشريط العلوي. تأكد من كون خيارات الكبس والالتقاط السابقة مفعلة ثم بأداة الرسم المنحني ارسم مستطيلا يصل بين عقد الشكلين اليمنى واليسرى، ومن قائمة المسار قم بتوحيد المستطيل مع الشكل الأقتم. ملاحظة: لتكبير الشاشة اضغط + ولتصغيرها اضغط - من لوحة المفاتيح. حدد جميع أجزاء الشكل الموجودة في الشاشة وقم بتجميعها عن طريق اختصار Ctrl+g ثم صغر حجمها بالضغط على Ctrl+Shift أثناء التصغير للمحافظة على أبعاد الشكل. ارسم مستطيلا كبيرا حاد الزوايا وأرسله خلف الشكل الذي جمعناه في الخطوة السابقة ومن لوحة المحاذاة والاصطفاف قم بمحاذاة الشكل عاموديا وأفقيا مع المستطيل. فك التجميع عن الشكل واختر القاعدة السفلية بقطعتيها وكررها ثم وحد القطعتين المكررتين. لَوّنْ القطعة الموحدة باللون الأسود واجعل قيمة الشفافية 20 ثم أرسل القطعة للخلف. بأداة الكتابة اكتب الرقم 33.3%، واجعل الخط عريضا من الشريط العلوي للأداة باختيار Bold. ملاحظة: يمكنك تصغير وتكبير الرقم المكتوب عن طريق الأسهم مع الضغط على Ctrl+Shift أثناء ذلك للمحافظة على الأبعاد مع بقائه كنص يمكن التعديل عليه. لَوّن الرقم باللون الأبيض وارسم حوله مستطيلا أزل تعبئته واجعله بحدود بيضاء من تبويب رسم الحد Stroke paint ومن تبويب سمة الحد Stroke style غير عرض الحد وقد اخترنا هنا القيمة 3. ثم قم بمحاذاة الرقم بالنسبة للمستطيل عاموديا وأفقيا وقم بتجميعهما معا. كرر المجموعة مرتين وصفهما أفقيا بجانب المجموعة الأولى ومن لوحة المحاذاة والاصطفاف حاذهما أفقيا، وقم بمساواة المسافة بينها أفقيا. قم بتجميع المجموعات الثلاثة في مجموعة واحدة ثم حاذهم عاموديا مع الخلفية ثم فك التجميع عن طريق الضغط عليها بالزر الأيمن ثم اختيار Ungroup. بأداة الرسم المنحني ارسم خطا يمتد من منتصف المربع المتوسط ويمتد مع الضغط على Ctrl إلى القطعة الحمراء من الدائرة، واجعل عرض الخط كعرض حدود المستطيلات وكذلك لونه. كرر الخط مرتين وقم بمحاذاة كل نسخة عاموديا مع المستطيل الذي يمتد منه، ثم اسحب خطا وهميا بمؤشر الفأرة من الأعلى من جهة المسطرة واجعله مكانه أعلى منتصف الخطوط بقليل. اختر أداة التحرير ثم حدد المنطقة ما بين العقدتين ومن الشريط العلوي أضف عقدة عن طريق زر +، تأكد من تفعيل خيار Snap cusp nodes وألغ تحديد العقد الثلاثة عن طريق الضغط على المساحة البيضاء، ثم حدد العقدة الجديدة فقط وحركها للخط الوهمي ليتم التقاطها مع الضغط على Ctrl أثناء التحريك. أضف عقدة جديدة إلى نصف الخط السفلي بنفس الطريقة السابقة ثم ألغ تحديد العقدة الأولى فقط بالضغط على Shift وتحديدها، ثم حرك العقدتين معا للخط الوهمي ليتم التقاط العقدة الثانية، وضعهما حيث تكونا أعلى منتصف القطعة الخضراء من الدائرة تقريبا. حدد العقدة الثالثة فقط واسحبها للأسفل مع الضغط على Ctrl إلى أن تلامس القطعة الخضراء. كرر الطريقة نفسها مع الخط الأيمن في الاتجاه المعاكس واجعل العقدة الأخيرة تمتد إلى منتصف القطعة الصفراء. ثم أزل الخط الوهمي بتحديده ثم الضغط على زر الحذف من لوحة المفاتيح. ليكتمل التصميم أضف ثلاثة مربعات صغيرة بنفس ألوان القطع الثلاثة الفاتحة يمين الخلفية، واستعن بلوحة المحاذاة والاصطفاف لمحاذاتها عاموديا وتسوية المسافات بينها. ثم أضف بأداة الكتابة بجانب كل مربع العبارات التالية: العنصر الأول العنصر الثاني العنصر الثالث ولا تنس محاذاة كل عبارة مع مربعها أفقيا. حدد جميع الأجزاء التي قمنا بتصميمها باستثناء الخلفية وقم بتجميعها معا، وقم بمحاذاة المجموعة عاموديا وأفقيا مع الخلفية. النتيجة النهائية المقال مستفاد من فيديو بعنوان: Inkscape Tutorial: Pie Chart Infographic لصاحبه Nick Saporito.