چگونه می توان نمودارها و اینفوگرافی های زیبایی را برای سایت های خود تهیه کرد؟

منسوخ: _usort_terms_by_ID است منسوخ از نسخه 4.7.0! به جای آن از wp_list_sort () استفاده کنید. که در /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php برخط 4713


اگر اینترنت یک چیز است ، بصری است.

مردم عاشق اطلاعات سریع و به راحتی در دسترس هستند و اینفوگرافیک ها دقیقاً آن نوع تجسم داده ها را ارائه می دهند. حتی هنگامی که با نمودار ، نمودار یا عکس پای ترکیب می شوید ، درک داده های پیچیده نیز ساده تر است.

طبق اینفوگرافیک توسط مدارس برتر بازاریابی ، اینفوگرافیک توانایی دستیابی به حدود 15 میلیون نفر را دارد.

چرا اینفوگرافیک?

Bell Pottinger ، بازاریابی ، افزایش 55 درصدی بودجه تجاری را برای موارد دیجیتالی مانند اینفوگرافیک شاهد بود.

Unbounce در اینفوگرافیک درباره اینفوگرافیک اظهار داشت که تعداد افرادی که در جستجوی اینفوگرافیک هستند در دو سال گذشته 800 درصد افزایش داشته است. با آماری مانند این ، سخت است که تصور کنید که تجسم داده ها در قالب اینفوگرافیک ، یک محتوا / بازاریابی مناسب برای وب سایت ها و وبلاگ ها است..

مزیت شماره 1- بازدیدکنندگان جدید

اضافه کردن اینفوگرافیک بازدید کنندگان سایت های جدید را از چند طریق جلب می کند.

  • جستجوی وب: کاربران اینترنت ممکن است درمورد موضوعی که اینفوگرافیک شماست تحقیق کنند. اگر تنها سایتی هستید که اینفوگرافیک راجع به اینکه چرا زغال اخته شما را باهوش تر می کند ، از هر کسی که در جستجوی اینفوگرافیک در آن موضوع جستجو می کند ، ترافیک دریافت خواهید کرد. کسانی که به طور خاص برای تصاویر جستجو می کنند ممکن است در اینفوگرافیک شما نیز بیابند.
  • رسانه های اجتماعی: اینفوگرافیک از مدارس بازاریابی برتر نشان می دهد که یک پست سنتی حدود 75 توییت دریافت می کند ، در حالی که یک اینفوگرافیک تقریباً 600 نفر می شود. از آنجا که افراد بسیار بیشتر از این که یک پست ساده داشته باشند ، می توانند اینفوگرافیک شما را در توییتر به اشتراک بگذارند ، از این رو پتانسیل شما برای رسیدن به بازدید کنندگان جدید از طریق اجتماعی است. رسانه بسیار زیاد است.

نیلسون / گروه نورمن تخمین می زند که میانگین بازدید از صفحه زیر یک دقیقه طول می کشد. اگر علاقه خواننده را جلب نکنید ، او به صفحه شما نگاه می کند و به سایت بعدی می رود.

بازدید کنندگان سایت عادت دارند که برای کسب اطلاعات و اخبار پیمایش کنند. این دلیل دیگری است که چرا اینفوگرافیک ها آنقدر خوب کار می کنند تا علاقه خواننده را جلب کنند. نمایش تصویری از یک واقعیت جالب راهی سریعتر برای ارائه اطلاعات نسبت به پاراگراف متن است. خوانندگان می توانند اینفوگرافیک شما را به سرعت چسبانده ، اطلاعات مورد نیاز را جذب کنند و کمی بیشتر بمانند تا آنچه را که ارائه می دهید بررسی کنند یا ممکن است سایت شما را برای استفاده بعدی مشخص کنند..

چالش فنی ارائه اطلاعات غنی از اینفوگرافیک

با این حال ، نکته دیگری که باید در نظر داشته باشید این است که در حالی که اینفوگرافیک ها ارزش افزوده می کنند ، تصاویر سنگین که بار زیادی را می طلبند ممکن است برای دور کردن بازدید کنندگان باشد. تحقیقات انجام شده توسط Pew Internet تخمین می زند که متوسط ​​بازدید کننده سایت از صفحه انتظار بارگیری در کمتر از سه ثانیه را دارد. هرچه سرعت سایت شما بیشتر شود ، نرخ تبدیل شما بهتر می شود.

این کاملا متعادل کننده است تا مطمئن شوید که سایت شما تجربه ای غنی از نظر بصری ارائه می دهد ، در حالی که هنوز رعد و برق را سریع بارگیری می کنید. بهترین راه برای دستیابی به این امر با سرورهای سریع و تصاویر بهینه شده است. شما در بررسی های میزبانی وب توجه خواهید کرد ، ما روی سرعت بسیار زیاد تأکید می کنیم و در هنگام رتبه بندی یک میزبان وب ، سرعت های بیشماری را انجام می دهیم.

مزیت شماره 2- حفظ بازدید کنندگان

نیلسون / گروه نورمن تخمین می زند که میانگین بازدید از صفحه زیر یک دقیقه طول می کشد. اگر علاقه خواننده را جلب نکنید ، او به صفحه شما نگاه می کند و به سایت بعدی می رود.

بازدید کنندگان سایت عادت دارند که برای کسب اطلاعات و اخبار پیمایش کنند. این دلیل دیگری است که چرا اینفوگرافیک ها آنقدر خوب کار می کنند تا علاقه خواننده را جلب کنند. نمایش تصویری از یک واقعیت جالب راهی سریعتر برای ارائه اطلاعات نسبت به پاراگراف متن است. خوانندگان می توانند اینفوگرافیک شما را به سرعت چسبانده ، اطلاعات مورد نیاز را جذب کنند و کمی بیشتر بمانند تا آنچه را که ارائه می دهید بررسی کنند یا ممکن است برای استفاده های بعدی سایت شما را علامت گذاری کنند..

با این حال ، نکته دیگری که باید در نظر داشته باشید این است که در حالی که اینفوگرافیک ها ارزش افزوده می کنند ، تصاویر سنگین که بار زیادی را می طلبند ممکن است برای دور کردن بازدید کنندگان باشد. تحقیقات انجام شده توسط Pew Internet تخمین می زند که متوسط ​​بازدید کننده سایت از صفحه انتظار بارگیری در کمتر از سه ثانیه را دارد. هرچه سرعت سایت شما بیشتر شود ، نرخ تبدیل شما بهتر می شود.

این کاملا متعادل کننده است تا مطمئن شوید که سایت شما تجربه ای غنی از نظر بصری ارائه می دهد ، در حالی که هنوز رعد و برق را سریع بارگیری می کنید. بهترین راه برای دستیابی به این امر با سرورهای سریع میزبانی وب و تصاویر بهینه شده است. توجه خواهید کرد که ما در بررسی هاستینگ ما روی سرعت زیادی تأکید می کنیم – به عنوان مثال به بررسی میزبانی A2 مراجعه کنید یا سایر بررسیهای ما را بررسی کنید تا ببینید کدام میزبان وب بهترین نیاز شما برای سرعت را برآورده می کند.

مزیت شماره 3 – اضافه کردن مقام

50٪ از مغز ما درگیر پردازش بینایی است (منبع).

بیشتر افراد یادگیرنده بینایی هستند. NeoMam تحقیقاتی را از منابعی مانند Google Trends ، Nielson و Pearson گردآوری کرده است که نشان می دهد 70 درصد گیرنده های حسی در چشم واقع شده اند و افراد می توانند در کمتر از 1/10 ثانیه ثانیه صحنه تصویری را بگیرند و درک کنند..

مردم تمایل دارند آنچه را که می بینند باور کنند زیرا آنها آن را بهتر درک می کنند. انجام تحقیقات و پشتیبان گیری از آن در اینفوگرافیک شما می تواند اقتدار به برند شما اضافه کند. حتماً:

  • آمار کاملی ارائه دهید
  • منابع مورد احترام را در انتهای اینفوگرافیک اضافه کنید
  • نمودارها و نمودارهایی را اضافه کنید که آن آمار را به روشی بصری نشان می دهد

وقتی حواس بصری را با ویژگی های تعاملی ترکیب می کنید ، مانند اینفوگرافیک نئوام که این آمار از آن ناشی می شود ، نه تنها علاقه خواننده خود را جلب می کنید بلکه آن را درگیر می کنید.

چه چیزی بیشتر متوجه می شوید؟ آیا متوجه می شوید که یک صفحه گرافیکی ساده در صفحه ایجاد شود ، چشمک می زند یا شاید یک فیلم را شروع می کند?

چه چیزی باعث ایجاد اینفوگرافیک خوب می شود?

با پیشرفت به جلو ، امروز به دنبال برخی از بهترین منابع و ابزارهای تجسم داده ها خواهیم بود. مهم نیست که شما یک وبلاگ نگار گاه به گاه هستید که به سادگی می خواهید اینفوگرافیک های زیبا را برای اهداف برندسازی یا طراح گرافیکی حرفه ای ایجاد کنید که نیاز به حفاری عمیق تر در این زمینه داشته باشد. من مطمئن هستم که این پست را مفید خواهید یافت.

ساختار اطلاعات

به طور کلی ، بخش خوبی از تجسم داده ها از سه عنصر اصلی تشکیل شده است:

  1. داده های معنی دار,
  2. طراحی اطلاعات مناسب ، و
  3. گرافیک زیبا.

بخاطر داشته باشید که گرچه اینفوگرافیک ها و نمودارها تمایل به جلب توجه وبلاگ ها و کاربران رسانه های اجتماعی دارند؛ آنها باید بیش از تبلیغات تجاری انجام دهند – اینفوگرافیک و نمودار فرض می کنند در وهله اول داده های خسته کننده و کثیف را به روشی کاربر پسند ارائه دهند..

از این رو ، قبل از ایجاد نمودار یا اینفوگرافیک ، باید 1) اطلاعات خود را سازماندهی ، فیلتر و تصحیح کنید. 2) در مورد نحوه ارائه داده های خود تصمیم بگیرید (با عنوان ، طرح های تجسم داده ها).

داده کاوی

OpenRefine را وارد کنید – یک ابزار قدرتمند داده کاوی که ما را از سازماندهی ردیف داده به صورت ردیف در کاربرگ اکسل نجات می دهد. این ابزار که قبلاً با عنوان Google Refine (و Freebase Gridworks) شناخته می شد ، به کاربران کمک می کند تا داده ها را کشف و پاکسازی کنند ، داده ها را از یک قالب به قالب دیگر تبدیل کرده و آن را با خدمات مختلف وب گسترش دهند..

در صورتی که با برخی از داده های گسترده و بدون کنترل کار می کنید ، قطعاً OpenRefine باید در جعبه ابزار شما باشد. این ابزار در حال حاضر در GitHub میزبانی شده است ، می توانید برای اطلاعات و کمک های لازم به این صفحه مراجعه کنید. برای پیگیری بیشتر و آخرین اخبار ، باید وب سایت تازه راه اندازی شده خود را نیز در http://openrefine.org/ ببینید.

ارائه اطلاعات

پس از آماده شدن با داده های خود ، وقت آن است که تصمیم بگیرید چگونه می خواهید آن را به بینندگان ارائه دهید.

روشهای بی شماری برای انجام این کار وجود دارد: نمودار پای ، نمودار ، نمودار خط ، هیستوگرام ، نقشه گرما ، نمودار جریان ، جدول تناوبی و غیره. هر یک از این رویکردها برای نوع خاصی از داده ها کاملاً متناسب است (و در صورت سوء استفاده بد به نظر می رسد).

چگونه باید داده های خود را ارائه دهید ، تا آماری شما زیبا ، چشم نواز و قابل فهم باشد?

در این باره ، Visual Literacy یک جدول تناوبی بسیار مفید را در تمام گزینه هایی که می توانید برای تجسم داده های خود استفاده کنید ، ایجاد کرد (نمایش زیر).

توجه داشته باشید که جدول تناوبی هنگام غلتیدن ماوس ، نمونه های جالب بسیاری را به نمایش می گذارد ، بنابراین مطمئن باشید که جدول واقعی را در سایت مشاهده می کنید.

جدول دوره ای در تجسم داده ها

در صورتی که به دنبال رویکردهای غیر سنتی هستید ، باید این مقاله جالب در مجله Smashing را بررسی کنید. این پست مدتی پیش منتشر شده است اما هنوز هم به نظرم بسیار مفید است.

استفاده از اینفوگرافیک و ابزار شارژ

به محض اینکه با معماری اطلاعات تمام شد ، زمان آن رسیده که تولید واقعی شود. تهیه نمودار خوب از داده های خام هرگز کار آسانی نیست ، خوشبختانه ابزارهای بی شماری برای انجام کار وجود دارد.

بله ، تعداد بی شماری از ابزار برای تجسم داده ها. ابزارهای جامع وجود دارد که گرافیک تعاملی را از داده های پیچیده تولید می کند. همچنین برنامه های وب ساده ای وجود دارد که کاری جز ایجاد نمودارهای خط 2 محوره ساده ندارند.

به دلایل عملی ، ما در حال بررسی هر دو طرف هستیم و چندین ابزار گرافیکی را هم برای کاربران پیشرفته و هم برای کاربران گاه به گاه ذکر خواهیم کرد.

ابزارهای نمودار پیشرفته

اول ، اجازه دهید برخی از مطالب پیش رو را بررسی کنیم.

1. ggPlot2 و R

R و ggplot2

R یک زبان رایانه و محیطی برای دستکاری داده ها ، محاسبه و نمایش گرافیکی است. از طرف دیگر ، ggplot2 یک سیستم ترسیم برای R است که به تولید گرافیک پیچیده چند لایه کمک می کند. برای مثال HeatMap در بالا با استفاده از ggplot2 و R ساخته شده است.

اگر علاقه مند به یادگیری R و ggplot2 هستید ، LearnR یک وبلاگ عالی برای مطالعه بیشتر است (هرچند که این وبلاگ مدتی است که به روز نشده است).

2. jqPlot

jqPlot

jqPlot یک افزونه ترسیم و نمودار برای چارچوب jQuery Javascript است. jqPlot نمودارهای خط ، میله و پای زیبا را تولید می کند. این ابزار دارای برخی از ویژگی های خوب مانند ایجاد نقاط تعاملی است که می تواند توسط کاربران در مرورگرهای وب تنظیم شود. با این حال ، شایان ذکر است که این ابزار کاملاً آزمایش نشده است و ممکن است توسط برخی از مرورگرهای وب پشتیبانی نشود – یعنی Chrome و IE زیر 7.

3. نمودار JP

نمودار JP

JP Graph ابزاری برای نمودارسازی با PHP است که از انواع مختلف نقشه پشتیبانی می کند. در صورت نوشتن برنامه PHP که به کتابخانه ایجاد نمودار نیاز دارد ، این چیزی است که باید به آن توجه کنید. من نمی گویم JP Graph ابزاری آسان برای مبتدیان است اما هنگامی که نیاز به ایجاد نمودارها و نمودارها از سرور وب خود دارید ابزار (یا کتابخانه PHP) بسیار مفید است. JP Graph برای استفاده غیر تجاری رایگان است و به سرور وب نیاز دارید که از PHP 4.3.x یا بالاتر پشتیبانی کند.

4. جعبه ابزار JS InfoVis

جعبه ابزار InfoVis JavaScript

JavaScript InfoVis Toolkit کتابخانه ای است که توسط Nicolas Garcia Belmont ساخته شده است. این کتابخانه دارای طیف گسترده ای از گزینه های تجسم است و استفاده از آن کاملاً رایگان است.

 5. IBM Analytics (قبلاً با عنوان بسیاری از چشم ها شناخته می شد)

IBM Analytics ابزاری رایگان است که به کاربر امکان می دهد تجسمی از تقریباً هر نوع مجموعه داده ایجاد کند.

بسیاری از چشم ها که در سرورهای IBM میزبانی شده اند ، کاری بیش از تجسم داده ها انجام می دهند – این امکان را به کاربران می دهد تا مجموعه داده های خود را بارگذاری کنند و همچنین مدل جدیدی از تجسم را بر اساس هر داده ذخیره شده در سرور تولید کنند..

6. نمودار گوگل

نمودار Google

Google Chart رایگان ، قدرتمند ، انعطاف پذیر است و توسط بسیاری از ابزارهای توسعه دهنده دیگر پشتیبانی می شود.

نمودار در Google نمودار صرفاً مبتنی بر فناوری HTML5 / SVG است. این ابزار به ایجاد نمودارهایی در قالب های مختلف با انیمیشن زیبا و کنترل های تعاملی کمک می کند.

7. محور

محور

Axiis یک چارچوب تجسم داده منبع آزاد است که توسط تام گونزالز و مایکل وان دانیکر ساخته شده است. این ابزار مخصوص توسعه دهندگان مبتدی و متخصص به طور یکسان طراحی شده است. Axiis هم مؤلفه های تجسم از قبل ساخته شده و هم الگوهای الگوی انتزاعی و کلاس های رندر را فراهم می کند که به شما امکان می دهد تصویری منحصر به فرد خود را ایجاد کنید.

ابزارهای اینفوگرافیک آسان برای مبتدیان

مسلماً ، بیشتر وبلاگ نویسان (خودم شامل می شوم) برای عملیات منظم وبلاگ نویسی نیاز به ابزارهای جامع نمودار ندارند. بیشتر اوقات ، همه آنچه ما نیاز داریم یک برنامه وب آسان یا یک ابزار ساده برای انجام سریع کار است.

با این گفته ، در اینجا لیستی از ابزارهای ایجاد که به تلاشهای بسیار کمی برای یادگیری و کاربر پسند نیاز دارند ، آورده شده است.

1. Visme

visme

Visme یک پلتفرم DIY است که به کاربران امکان می دهد ارائه های حرفه ای و اینفوگرافیک ایجاد کنند.

بیش از 350،000 فرد و سازمان (از جمله کاربران شرکتهای بزرگی مانند IBM و دیزنی) از این ابزار برای برقراری ارتباط بهتر از طریق گرافیک های تعاملی و ارائه استفاده می کنند..

2. انتقام

Venngage یک ابزار تصویری کاربر پسند است که از سال 2011 وجود دارد. این ابزار یک روش آسان برای ایجاد اینفوگرافیک با یک ویرایشگر کشیدن ، رها کردن بوم ، بوم آزاد و 1000+ نمونه و نمونه های از پیش ساخته ارائه می دهد..

3. Easel.ly

Easel.ly

Easel.ly به ایجاد و اشتراک گذاری داده های بصری به راحتی آنلاین کمک می کند. برنامه وب در یک رابط کاربری ساده با برخی از الگوهای از پیش تعیین شده و ویژگی های کشیدن و رها کردن قرار دارد. اگرچه Easel.ly هنوز در حالت بتا است ، اما در حال حاضر بیش از 130،000 تصویری ایجاد شده توسط کاربر در سرور خود دارد.

4. Vizualize.me

VIsualize.me

Vizualize.me به ایجاد اینفوگرافیک های زیبا در مورد افراد کمک می کند (بله ، از این رو نام Vizualize Me). این یک ابزار سرگرم کننده برای بازی با آن است و فقط با چند کلیک رزومه یا نمایه زیبا ایجاد می کند. اگر در LinkedIn قرار دارید ، باید واقعاً این را امتحان کنید – این ابزار قادر است با پروفایل LinkedIn شما پیوند بخورد و بر اساس داده های شما گرافیکی خیره کننده تولید کند..

5. هولی

هوهلی

به یک سازنده نمودار ساده نیاز دارید؟ سپس Hohli مکان بازدید است. این برنامه های وب انواع مختلفی از نمودارها را در دوازده اندازه مختلف پشتیبانی می کنند – همه کاربران باید به آن مراجعه کنند این است که داده ها و جزئیات طراحی را کلید کنید..

6. پیکتچارت

Piktochart یک ابزار مبتنی بر اینفوگرافیک قالب است که به غیر طراحان کمک می کند تا از گرافیک ها و نمودارهای زیبا استفاده کنند.

این ابزار از ویژگی های کشیدن و رها کردن پشتیبانی می کند و انتخاب های گسترده ای را در قالب های از پیش تعیین شده ، آیکون ها ، بردارها و تصاویر ارائه می دهد. اگر به دنبال یک ابزار گرافیکی آسان هستید و به خاطر پرداخت هزینه های ناچیز برای این سرویس مهم نیستید ، قطعاً Piktochart یکی از بهترین انتخاب های شماست.

قبل از شروع کار: الهامات اینفوگرافیک

بنابراین آیا شما آماده هستید تا برخی از اینفوگرافیک های خود را بسازید؟ صبر کن. ما هنوز کمی بیشتر برای رفتن به اینجا داریم.

در اینجا برخی از محبوب ترین اینفوگرافی ها و نمودارهای ضبط شده از اینترنت آورده شده است.

من کاملاً مطمئن هستم که در گذشته برخی از آنها را در شبکه های رسانه های اجتماعی مشاهده کرده اید – این نشان می دهد که گرافیکی زیبا با چوب داده های معنی دار!

همچنین دلایلی وجود دارد که این روزها گالری های اینفوگرافیک به این اندازه قاچاق می شوند.

با مراجعه به آثار دیگران ، می آموزیم که چه خوب با مخاطبان کار می کند.

  • اندازه متوسط ​​برای اینفوگرافیک محبوب چیست؟?
  • چه نوع موضوع مورد استقبال بیشتر بینندگان قرار می گیرد?
  • اگر تعداد داده های بیشتری را در نمودار خود وارد کنید باید درج کنید?
  • چه تعداد گلوله باید در اینفوگرافیک خود داشته باشید?
  • چه چیزی اینفوگرافیک را محبوب می کند?

مثالهای زندگی واقعی: انواع اینفوگرافیک

این سؤالاتی است که می توانید هنگام مشاهده نمونه ها از آنها بپرسید.

نوشیدنی قهوه مصور

نوشیدنی قهوه مصورمنبع: lokeshdhakar.com

راهنمای درست برای پسران فن 

راهنمای زمینه کامپیوتر طرفداران پسران جهانمنبع: دنیای کامپیوتر

بهترین آبجو در آمریکا 2008

بهترین آبجو در آمریکامنبع: Mikewithart.com

جداول دوره ای از حروف

جدول حروف

ردیاب کمک هزینه

ردیاب کمک هزینهمنبع: نیویورک تایمز

تکامل تلفن

اینفوگرافی گاهشمارمنبع: Pow Wow Now

نمودار را بررسی کنید

نمودار اینفوگرافیکمنبع: چهار میدان

حفاری های عمیق تر

من وقتی تحقیق خودم را برای این پست انجام می دادم به ده ها وبلاگ جالب و وب سایت های مرتبط با موضوع خودم دست یافتم. جدی ، چیزهای زیادی برای خواندن و یادگیری و بازی با آنها وجود دارد! من هرگز نمی دانستم که تعداد زیادی داده آزادانه در Gap Minder و Better World Flux وجود دارد. من در سایت ها / وبلاگ های آموزنده ای مانند UX Booth چیزهای زیادی را خوانده ام (که کاملاً مربوط به تجسم داده ها نیست ، اما مقالات مفیدی در مورد چگونگی بهبود تجربیات در بهبود تجربه کاربر وب وجود دارد) ، نمودارهای پویا ، جریان داده ها. و من عمیقاً تحسین می کنم از همه کارهای خیره کننده نمایش داده شده در صفحه رندی Pinterest و نمودار نمودار.

اگر صرفاً در زمینه تجسم اطلاعات شروع می کنید ، توصیه می کنم از سایت ها و وبلاگ های ذکر شده در بالا بازدید کنید.

اگر در کارزار بازاریابی خود قدرت تجسم داده ها را به کار نگرفته اید ، اکنون زمان شروع کار است.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map