Warning: Use of undefined constant cmp - assumed 'cmp' (this will throw an Error in a future version of PHP) in /home/netafzar/public_html/wp-content/plugins/automatic-tag-link/automatic-tag-link.php on line 83
محبوب ترین اصطلاحات طراحی سایت در سال 2019

محبوب ترین اصطلاحات طراحی سایت در سال ۲۰۱۹

محبوب ترین اصطلاحات طراحی سایت در سال ۲۰۱۹

 

 

ترند های روز در طراحی سایت در سال ۲۰۱۹ به موضوع اصلی طراحان سایت تبدیل شده است. در اینجا به ۱۰ ترند به‌روز در ساخت وب‌ سایت‌هایی اشاره می‌کنیم که مردم دوست دارند و طراحان باید از آنها اطلاع داشته باشند.

محبوب ترین اصطلاحات طراحی سایت در سال 2019" src="https://netafzar-pc.ir/wp-content/uploads/2019/03/filePath2FFileGallery2Fwebone.co2Fresponsivewebdesignb-1.png" alt="محبوب ترین اصطلاحات طراحی سایت در سال 2019" />
محبوب ترین اصطلاحات طراحی سایت در سال ۲۰۱۹

سال نو آغاز شده است و بهترین زمان برای طراحان است تا از گرایش‌های به‌روز در ساخت وب‌ سایت‌های جدید در سال ۲۰۱۹ مطلع باشند. به عبارت دیگر اگر می‌خواهید وب سایتی را طراحی کنید که توجه کاربران را جلب کنید، باید این این موارد را بدانید.
تغییرات سریع در روندهای طراحی و فناوری‌های ساختِ وب تاثیر مستقیمی بر آن چه که در ساخت این وب سایت‌ها خوب و بد تلقی می‌شود دارند. از این رو، همه‌ی طراحان باید با این تغییرات همگام باشند.
با نگاهی به روند طراحی‌های برتر در ساخت وب سایت در سال ۲۰۱۸ و روندهای طراحی آن در طول این سال‌ها متوجه می شوید که بسیاری از گرایش‌های به‌روز چرخه‌ای و پیوسته هستند. مانند موفقیتِ طراحی‌های واکنش‌گرا و ساده‌گرا. بنابر این به این معناست که محبوبیت آنها در سال ۲۰۱۹ کاهش نخواهد یافت.
و با توجه به میزان نفوذ اینترنتِ تلفن همراه طراحان به احتمال زیاد بر اصول mobile-first و زیبایی‌شناسی رابط تمرکز خواهند کرد.
در اینجا نگاهی به سایر گرایش‌های مورد انتظار در رابطه با ساخت وب سایت‌های ویژه در سال ۲۰۱۹ خواهیم داشت.

  • Mobile-first
  • سرعت
  • طراحی تصویرسازی شخصی
  • متحرک‌سازی در CSS3
  • گرایش استفاده از ویدئو در طراحی وب
  • مینی‌مالیسم (minimalism و یا ساده‌گرایی )
  • طراحی واکنش ‌گرا
  • استفاده از گرادیان در طراحی وب سایت
  • استفاده از تایپوگرافی در طراحی وب سایت
  • ابزارهای طراحی

اولویت نسخه موبایلی در طراحی سایت

محبوب ترین اصطلاحات طراحی سایت در سال ۲۰۱۹
۱- Mobile-First

گوگل در سال ۲۰۱۸ برای اولین بار Mobile-First را معرفی کرد که براساس الویت ‌بندی ایندکس محتوا و لینک‌های صفحات موبایلی است. این ابتکار در سال ۲۰۱۹ ادامه خواهد داشت و مستلزم این است که طراحان وب نسخه‌ی موبایلی وب سایت‌ها را در الویت قرار دهند
.
علاوه‌بر این، SEO تنها عاملی نیست که طراحی سایت را در الویت قرار می‌دهد. آمار نشان می‌دهد که ۵۰% از ترافیکِ وب‌ سایت جهانی از موبایل ناشی می‌شود. با افزایش کاربرهای موبایل، جلوه‌های بصری و تجارب جستجو عوامل مورد نیاز در طراحی وب سایت در سال ۲۰۱۹ به شمار می‌رود.

۲- سرعت

سرعت بارگذاری صفخات موبایلی

محبوب ترین اصطلاحات طراحی سایت در سال ۲۰۱۹
سه ثانیه. در این سه ثانیه مشخص می‌شود که آیا کاربران در وب سایتی می‌مانند یا آن را ترک می‌کنند. طراحی‌تان تنها اینقدر زمان دارد تا کاربری را برای ماندن متقاعد سازد.
تحقیقات Akamaii and Gomez.com نشان داد که ۵۰% از کاربران خواهان وب سایتی هستند که در سه ثانیه یا کمتر از آن بارگذاری (لود) می‌شود. بنابر این، به دلیل به‌روزرسانی الگوریتم سرعت که در ماه ژوئیه‌ی ۲۰۱۸ اعلام شد طراحان اگر می‌خواهند رتبه‌بندی موتور جستجویشان را بهبود ببخشند تحقیقات Akamaii and Gomez.com نشان داد که ۵۰% از کاربران خواهان وب سایتی هستند که در سه ثانیه یا کمتر از آن بارگذاری (لود) می‌شود. بنابر این، به دلیل به‌روزرسانی الگوریتم سرعت که در ماه ژوئیه‌ی ۲۰۱۸ اعلام شد طراحان اگر می‌خواهند رتبه‌بندی موتور جستجویشان را بهبود ببخشند باید زمان لود صفحه‌ی وب سایتشان را کاهش دهند. بنابراین، سرعت دومین روند مهم در طراحی وب سایت در سال ۲۰۱۹ است که طراحان باید به آن توجه کنند.

۳- طراحی تصویرسازی شخصی

طراحی تصویر سازی شخصی

محبوب ترین اصطلاحات طراحی سایت در سال ۲۰۱۹

طبق آمار، جلوه‌های بصری تصویرسازی بر کاربران ۷ برابر بهتر از عکاسی عادی است. تصویرسازی برای اعمال به صفحه‌ی اصلی وب سایت، راهنمای کاربران جدید، انتظار برای ارتباط، صفحه پیشرفت و غیره عامل خوبی به شمار می‌رود.
در نیمه‌ی دوم سال ۲۰۱۷ شرکت‌هایی مانند Slack و Dropbox شروع به استفاده از تصویرسازی‌هاس شخصی کردند تا ویژگی‌های برند را انتقال دهند که به طور روز افزون محبوبیت‌اش بیشتر می‌شود. این محبوبیت تا سال ۲۰۱۸ ادامه داشت و انتظار می‌رفت که در سال ۲۰۱۹ به‌عنوان گرایش جدید در طراحی وب به درجه‌های بالاتری دست یابد.
طراحی تصویرسازی شخصی دارای جلوه‌های بصری قوی‌تر و از ویژگی‌های برند بیشتری برخوردار است که به انتقال مفهوم عمیق‌تری از برند کمک می‌کند. استفاده از تصویرسازی‌های منحصربه‌فرد و رنگ‌های جذاب تاثیرگذاری عمیق بر کاربر را آسان تر میکند.

۴- متحرک‌سازی در CSS3

متحرک سازی در css

محبوب ترین اصطلاحات طراحی سایت در سال ۲۰۱۹

ظهور متحرک‌سازی در دو دهه‌ی پیش بسیار سریع بوده است. در روندهای طراحی وب Forbes در سال ۲۰۱۸ پیش‌بینی شد که متحرک‌سازی یکی از قدرتمندترین روندها در طراحی وب است و در میان طراحان و کاربران به محبوبیت بالاتری دست خواهد یافت. استفاده از فناوری CSS3، طراحی سنتی وب را زیباتر و استفاده از آن را راحت‌تر کرده است.
از آنجا که متحرک‌سازی در CSS3 در زمینه‌ی UI نسبتا جدید است از فرصت بیشتری برای توسعه‌ی آن در استفاده از وب سایت برخوردار است. بنابر این، استفاده و توسعه‌ی بیشتر این روند در سال آینده کاملا منطقی است.

۵- گرایش استفاده از ویدئو در طراحی وب

استفاده از ویدیو در طراحی سایت

محبوب ترین اصطلاحات طراحی سایت در سال ۲۰۱۹

یکی از بهترین شیوه‌ها برای جلب توجه مشتری استفاده از ویدئو است. اشیای متحرک جذاب‌تر می‌شوند.
در مقایسه با تصاویر ساکن و یا متن، ویدئوهای کوتاه، شیوه‌ی راحت‌تری برای ارائه‌ی اطلاعات بیشتر هستند که کاربر را قادر می‌سازند تا به سرعت ویژگی‌های صفحه‌ی وب و یا محصول را درک کنند.
ویدئوها به افزایش سپری کردن زمانِ کاربر در صفحه کمک می‌کنند که برای نرخ تبدیل و SEO مناسب است. الویت‌بندی پست‌های ویدئویی فیس‌بوک مدرک محکمی برای اثبات اثربخشی این ابزار است. علاوه‌بر این، با توجه به این که ما در عصر اطلاعات متنوع زندگی می‌کنیم استفاده از این عناصر پوپا مانند زمینه‌های ویدئویی به تدریج افزایش خواهد یافت.

مطالعه بیشتر: شرکت طراحی سایت

۶- مینی‌مالیسم (minimalism و یا ساده‌گرایی)

مینیمالیسم در طراحی سایت

محبوب ترین اصطلاحات طراحی سایت در سال ۲۰۱۹

مینی‌مالیسم، یکی از روندهای سنتی در طراحی وب، مترادف با سادگی است. اغلب اولین انتخاب برای طراحان وب اصلِ «بیشترین اثر با کمترین موارد» است. هر چقدر عناصر طراحی رابط کمتر باشد اثربخشی‌اش بهتر است.
با سریع‌تر و پرجنب‌وجوش‌تر شدنِ زندگی مدرن، مردم زمان کافی برای پردازش اطلاعات ندارند. طراحی خوب کاربران را قادر می‌کند تا در کمترین زمانِ ممکن اطلاعات را دریافت کنند. بهترین راه برای رسیدن به این هدف استفاده از عناصر کمتری است.
چه از تایپوگرافی واضح و چه از نوع متضاد و طراحی سیاه و سفید استفاده کنیم، وب سایتی که به خوبی طراحی شده است نویگیشن وب سایت را آسان می‌کند و اطلاعات دقیقی را ارائه می‌دهد که برای تجربه کاربری بسیار مناسب است. CTAای که به خوبی طراحی شده است موجب بالا رفتن نرخ تبدیل نیز می‌شود.

۷- طراحی واکنش‌گرا

طراحی سایت ریسپانسیو

محبوب ترین اصطلاحات طراحی سایت در سال ۲۰۱۹

توسعه‌ی سریعِ دستگاه‌های تلفن همراه، تبلت‌ها، تلویزیون‌ها و دسکتاپ‌ها، موجب آگاهی طراحان از این موضوع شده است که طراحی کنش‌گرا باید یکی از روندهای اصلی در طراحی وب سایت در سال ۲۰۱۹ باشد.
از آنجا که گوگل در سال ۲۰۱۰ برجسته‌سازی وب سایت‌های کنش‌گرا به موبایل را آغاز کرد، موبایل به اولین انتخاب درطراحی وب سایت کنش‌گرا تبدیل شده است. اکنون تعداد کاربران موبایل به مراتب بسیار بیشتر از کاربران دسکتاپ است. گوگل همچنین در الگوریتم جدید خود ، ایندکس صفخات موبایلی را در اولویت قرار داده است. هدف از این کار ترغیبِ شرکت‌ها به به‌روزرسانی طراحی وب سایت‌های کنش‌گرا و افزایش تجاربِ آنلاینِ کاربران موبایل است.

۸- استفاده از گرادیانِ جذاب و روشن در طراحی وب سایت

استفاده از گرادیان در طراحی سایت

محبوب ترین اصطلاحات طراحی سایت در سال ۲۰۱۹

در چند سال گذشته طراحان به طور افزاینده‌ای در طراحی‌هایشان از گرادیان رنگی استفاده می‌کنند. در سال ۲۰۱۸، گرادیان شناور بسیار محبوب بود. حتی اگر تنها یک رنگ به کار رود می‌توان با کمکِ گرادیان‌ها و تصاویر متفاوت ساختارهای لایه‌ای غنی ایجاد کرد که به لحاظ زیبایی‌شناسی به تجارب خوشایندی منجر می‌شود. استفاده از گرادیان‌های روشن و تصاویر برجسته یکی از ترکیبات رنگی و اصلی در سال ۲۰۱۹ خواهد بود.

طراحی سایت اختصاصی

۹- استفاده از تایپوگرافی بولد در طراحی وب سایت

تایپوگرافی در طراحی سایت

طرح‌بندی صفحه وب به اندازه‌ی محتوای نمایش داشته شده در رابط کاربری مهم است. آمار نشان می‌دهد که بیش از ۹۵% از اطلاعات در صفحه‌ی وب، متن است. به لحاظ تاثیرگذاری بر کاربران، حروف‌پینی در مقایسه با تصاویر و تطبیق رنگ‌های وب در درجه‌ی دوم قرار دارد.

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

۱۰- ابزارهای طراحی اصلی

صرف‌نظر از نوعِ طراحی وب، طراحی واکنش‌گرا، تصویرسازی، گرادیان یا تایپوگرافی، ابزارهای طراحی پایه‌ی همه چیز به شمار می‌روند. ابزارهای طراحی کارآمد هرگز از مُد نمی‌افتند. این ابزارهای طراحی در سال ۲۰۱۹ همچنان محبوب خواهند بود.
  • Sketch. ابزار طراحی رابط کاربری UI
  • Mockplus. ابزار نمونه‌سازی اولیه‌ی سریع
  • WebGradients. ابزار گرادیان
  • FontMap. ابزار فونت
  • Mockplus iDoc. ابزار هندز آفِ طراحی جدیدِ برند
  • AE. نرم‌افزار پردازشِ بصری پویا و قدرتمند

خلاصه

گرایش‌های مُد روز در طراحی سایت همیشه موضوع داغی برای طراحان در سراسر جهان به شمار می‌روند. به دنبال پیش‌بینی بیش از ۱۰ روندِ طراحی وب در سال ۲۰۱۹، طراحان برای ایجاد طراحی‌های فراموش‌نشدنی، منحصربه‌فردتر و بولدتر می‌توانند از تمام قدرتشان استفاده کنند. طراحی وبِ خلاقانه شانسی اتفاق نمی‌افتد. می‌توان برای رسیدن به چنین طراحی دست به تجزیه و تحلیل زد، ابزارها و مسائل کلیدی را درک و اجرا کرد. همواره به روندهای جدید در طراحی وب توجه داشته باشید و مطمئن شوید که می‌توانید یکی از وب‌ سایت‌های عالی را بسازید.

Warning: Use of undefined constant cmp - assumed 'cmp' (this will throw an Error in a future version of PHP) in /home/netafzar/public_html/wp-content/plugins/automatic-tag-link/automatic-tag-link.php on line 83
طراحی الهام بخش فروشگاه اینترنتی

طراحی الهام بخش فروشگاه اینترنتی

طراحی الهام بخش فروشگاه اینترنتی

 

 

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

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

طراحی الهام بخش فروشگاه اینترنتی
چه چیزی باعث می شود طراحی سایت فروشگاهی الهام بخش به نظر برسد؟

  • عکس های محصول باکیفیت: عکاسی از محصولات و ویژگی های ظاهری وب سایت فروشگاهی مانند طرح بندی و طراحی گرافیک به یک اندازه اهمیت دارند.
  • ناوبری و راهبری آسان: اگر انبار موجودی به اندازه کافی بزرگ باشد، محصولات باید با دسته بندی خوب سازماندهی و مرتب شوند و باعث میشود تا مشتریان دقیقا با استفاده از شرایط جستجو همان چیزی را پیدا کنند که نیاز دارند.
  • پیامهای تبلیغاتی: سایت تجارت الکترونیک باید تبلیغات و معاملات را در جلو و مرکز، مثلا در اسلایدر صفحه اصلی و یا در سرصفحه(هدر) تبلیغ کند. یک فرم ثبت نام پاپ آپ برای خبرنامه نیز می تواند به این امر کمک کند.

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

طراحی الهام بخش فروشگاه اینترنتی

نمایش با کیفیت محصول

نمایش با کیفیت محصول

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

طراحی الهام بخش فروشگاه اینترنتی

اقلام لوکس

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

خرید اقلام لوکس

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

طراحی الهام بخش فروشگاه اینترنتی

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

ارتباطات عاطفی

ارتباطات عاطفی

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

طراحی الهام بخش فروشگاه اینترنتی

قبل از خرید امتحان کنید

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

طراحی الهام بخش فروشگاه اینترنتی

امتحان قبل از خرید

پوشاک Bungalow یکی از فروشگاه هایی است که به مشتریان پنج روز فرصت می دهد تا لباس های مد بالا را به صورت رایگان قبل از عودت آنها امتحان کنند. این شرکت این کار را همچنین با استفاده از پاکت های پیش پرداختی و بدون هزینه عضویت و هزینه های تکمیلی، هوشمندانه انجام می دهد. مشخصات شخصی این سبک و مدل واقعا این ویژگی “اتاق لباس” را فراتر از یک امتحان ساده قبل از تجربه خرید کاربر جلوه می دهد. مشتریان واقعا می توانند یک خرید منحصر به فرد را بدون ترک خانه با اسودگی تجربه کنند، تجربه ای که نمی توان ان را در جای دیگری یافت.

طراحی الهام بخش فروشگاه اینترنتی

خرید آسان

خرید آسان در سایت بخشی جدایی ناپذیر از فرایند ایجاد یک تجربه مثبت کاربری محسوب می شود. به این فکر کنید: هنگامی که مشتریان به یک فروشگاه می روند، می توانند از کارکنان سوال بپرسند و یا به سادگی هزینه ها را در قسمت باجه پرداخت کنند. اما جنبه منفی در یک فروشگاه در این مورد یافت می شود که ممکن است کارمند در دسترس نباشد یا اینکه دریافت وجه و هزینه در یک روز شلوغ بسیار طول بکشد و زمان زیادی بگیرد.

خریذ آسان از سایت فروشگاهی

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

طراحی الهام بخش فروشگاه اینترنتی

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

طراحی الهام بخش فروشگاه اینترنتی

 


Warning: Use of undefined constant cmp - assumed 'cmp' (this will throw an Error in a future version of PHP) in /home/netafzar/public_html/wp-content/plugins/automatic-tag-link/automatic-tag-link.php on line 83
۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

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

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

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

ملاک ما برای انتخاب چه بوده؟

  • پیام کلی صفحه (messaging)
  • مزیت‌های رقابتی محصول (value propositions)

توضیح مختصر: مزیت‌های پیشنهادی یا value propositions، که از آن به مزیت‌های رقابتی محصول یاد کرده‌ایم، به این پرسش پاسخ می‌دهد که چرا مشتری باید محصول ما را خریداری کند؟ این کالا در مقایسه با نمونه‌های دیگر موجود در بازار چه مزیت‌هایی دارد؟ هزینه کمتر/کیفیت بهتر/خدمات گسترده‌تر و …

  • مشوق‌های فروش (promotions)

این برندها در ارائه موارد بالا، تیپ‌های شخصیتی خریداران (buyer personas) را لحاظ کرده‌اند.

احتمالا شما هم با مشاهده صفحات نمونه تمایل پیدا می‌کنید که محصولات‌شان را بخرید!

  1. Bellroy

Bellroy کیف پول‌های باریک می‌فروشد. کیف‌هایی که از عموم آنچه تاکنون دیده‌اید فضای کمتری اشغال می‌کند و در جیب شما خوش‌فرم‌تر جا خوش می‌کند. مسلما این محصول فواید خود را دارد. اما چطور به مشتری بگوییم که مزیت استفاده از این کیف نسبت به گزینه‌های موجود در بازار چیست؟

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

برای پاسخ به این سوال، Bellroy طی سه مرحله مشتری را در سفری کوتاه همراهی می‌کند تا به وی بگوید که:

  • مشکل کیف‌های موجود چیست؟
  • این مشکل چگونه حل می‌شود.
  • ما برای حل این مشکل چه کرده‌ایم.

همچنین یک بخش تعاملی با کاربر طراحی شده. قسمتی که نشان می‌دهد کیف‌های باریک این شرکت نسبت به سایر کیف پول‌ها چگونه عمل می‌کنند. یک میله لعزنده طراحی شده که به چپ و راست می‌کشید. هرچه میله را به سمت راست هدایت کنید، کیف پول شرکت Bellroy و یک کیف پول عادی را می‌بینید که هردو پر از کارت‌های بانکی و پول می‌شوند. اینطور است که متوجه می‌شوید Bellroy چه مشکلی را حل کرده! در پایان از اینکه کیف پول Bellroy چقدر فضای کمتری اشغال می‌کند، شگفت‌زده خواهید شد!

مشاهده نمونه در سایت شرکت Bellroy

  1. Wistia

Wistia یک شرکت میزبانی و تحلیل فایل‌های ویدئویی است. شرکتی که برای مشتریانش میزان کارایی و اثرگذاری ویدئو را اندازی‌گیری می‌کند. می‌دانم سوال‌تان این است که چه چیزی صفحه معرفی محصول این شرکت را متفاوت از سایرین کرده که در این لیست قرار گرفته؟

اول از همه با پنج آیکون گرافیکی رنگی، مزیت‌های محصول خود را معرفی کرده. دست روی مواردی گذاشته که اکثر کاربران دوست دارند آن‌ها را ببینند.

اما اگر اندکی صفحه را اسکرول کنید، یک ویدئو برای شما پخش می‌شود که قابلیت‌های این ابزار آنلاین را به شما نمایش می‌دهد. اینکه چگونه می‌توانید روی یک فیلم بنویسید، دکمه‌های مشوق کاربر (Call To Action) طراحی کنید. مشاهده فیلم را منوط به درج ایمیل در خبرنامه نمایید و …

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

یکی از بهترین راه‌های توضیح توانمندی‌های یک پلتفرم، نمایش بصری قابلیت‌های آن است. در این نمونه کاربران امکانات Wistia را می‌بینند و متوجه می‌شوند که به چه راحتی می‌توانند از آنهمه مزیت بهره ببرند.

مشاهده نمونه در سایت شرکت Wistia

  1. Square

Square یک شرکت فراهم‌کننده تراکنش مالی بر بستر موبایل است. طوری که فروشندگان می‌توانند وجه کالا را از هرکجا و در هر زمان که بخواهند از مشتریان دریافت کنند. این کار صرفا با یک گوشی تلفن هوشمند انجام می‌شود!

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

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

تیتر اصلی هر بخش از صفحه معرفی محصول به صورت درشت این عبارت را نشان می‌داد: “دستگاه کوچک خواندن کارت بانکی با قابلیت‌هایی بزرگ”

در تمام صفحه، مانند صفحه پرسش‌های متداول، به‌شکلی منظم و شفاف به سوالات کاربران پاسخ داده می‌شد. ابهاماتی راجع به نحوه عملکرد این دستگاه در هر مرحله از تراکنش. این کار با یک صفحه خلوت، استفاده از عناوین کوتاه و به‌کارگیری تصاویر مناسب انجام پذیرفت. با نگاه به هر بخش کاملا متوجه می‌شویم که Square در این مرحله از تراکنش چگونه کار را آسان‌تر می‌کند.

مشاهده نمونه در سایت شرکت Square

  1. Rent the Runway

فروشگاه‌های اینترنتی می‌توانند کالاهای خود را به صد شکل مختلف معرفی کنند. Rent the Runway یکی از آن‌ها است. شرکتی که به‌صورت آنلاین لباس اجاره می‌دهد.

Rent the Runway یک صفحه اختصاصی برای هر یک از لباس‌ها طراحی کرده که کل اطلاعات مورد نیاز خریدار را ارائه می‌کند: تصاویر مختلف، اندازه‌گیری بدن و سایزبندی لباس، مشخصات دقیق پارچه، قیمت شفاف و انعکاس نظرات سایر خریداران. آنچه در واقع آن‌ها را متمایز می‌کند جزئیاتی است که در مورد محصول ارائه می‌کنند. مثلا بخشی برای نکات متخصصین مد و استایل در مورد این لباس و بخش دیگری برای سایز لباس و نحوه نشستن آن روی بدن پیش‌بینی شده.

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

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

هدف تمام این توضیحات، ترغیب مشتری به خرید و جلب اعتماد آن‌ها نیست. بلکه برای کمک به مشتری است تا بتواند تصمیمی مطمئن‌تر بگیرد.

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

Rent_the_runway

  1. Coin

Coin مثل کارت اعتباری (بانکی) عمل می‌کند ولی نسبت به آن مزایایی دارد. مثلا اطلاعات تمام کارت‌های اعتباری شما را در یک محل نگه می‌دارد. به عبارت دیگر، به‌جای اینکه کیف پول‌تان را با دو کارت اعتباری، یک کارت نقدی و یک کارت هدیه پر کنید، صرفا یک کارت Coin بر می‌دارید.

برخی از صفحات معرفی محصول، مملو از متن و توضیحات است. اما Coin بازدیدکنندگان را به‌صورت دیداری با تمام مزیت‌های استفاده از محصولش آشنا می‌کند. صفحه با یک ویدئو در بالای آن شروع می‌شود که نشان می‌دهد Coin چطور عمل می‌کند و چقدر استفاده از آن باحال است.

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

اما اسکرول صفحه را از دست ندهید. Coin کاربرد محصول خود همراه با مزایای آن را با یک انیمیشن جذاب نشان می‌دهد.  چه راهکار خوبی برای نمایش قابلیت‌های محصول خود برگزیده!

  1. Oreo

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

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

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

Oreo یک دیزاین منحصربه‌فرد هم برای این صفحه در نظر گرفته. با اینکه بیسکوئیت‌ها تک رنگ هستند ولی صفحه، شامل ویدئوها، پس‌زمینه‌ها و آبجکت‌های گرافیکی مملو از رنگ‌های شاد و کودکانه است.

Oreo

  1. Fitbit Charge

وقتی که می‌خواستم این مقاله را بنویسم از چند نفر پرسیدم که چه صفحه معرفی محصولی را پیشنهاد می‌دهند. اکثرا بلافاصله می‌گفتند Fitbit. بعد از بررسی سایت متوجه دلیل آن‌ها شدم.

صفحه با مزیت‌های رقابتی محصول شروع شده و نه لیستی از قابلیت‌ها! این کار در قالب عکسی بزرگ در هدر سایت (Hero Image) صورت پذیرفته. در آن تصویر افرادی را می‌بینیم که کوه‌پیمایی میکنند. Fitbits به دست کرده‌اند و بزرگ نوشته شده “روزتان را پر انرژی کنید”.

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

وقتی صفحه را اسکرول کنید، یک روز عادی استفاده‌کننده را به تصویر کشیده. طی چهار مرحله بصری، کوتاه، مختصر و سریع نحوه کار محصول بیان شده. اطلاعات بیشتر منوط به خواست مشتری است. در یک بخش تعاملی زیر بخش”Everything you need, all in one place”  این امکان را به کاربر می‌دهد که با حرکت ماوس، ببیند که قابلیت‌های مختلف در موبایل چگونه نمایش می‌یابند. اما این صفحه علاوه بر تمام این‌ها توضیح می‌دهد که چرا این قابلیت مفید است و به درد کاربر می‌خورد.

البته Fitbit می داند که کاربران تمام این جزئیات را به خاطر نمی‌سپارند، اما مطمئن است که تمرکز کافی روی تغییری که این محصول در زندگی افراد ایجاد می‌کند گذاشته. این کار را انصافا استادانه انجام داده.

fitbit

  1. Volkswagen

خودروسازی Volkswagen، یک رویکرد تعاملی برای بازاریابی محصول خود برگزیده. به‌جای لیست کردن امکانات خودرو، شما را دعوت به فرایندی می‌کنند که خودروی دلخواه خود را بسازید! وقتی وارد این فرایند می‌شوید Volkswagen امکانات مختلفی را که می‌توانید انتخاب کنید، پررنگ می‌کند. سپس یک نمایش بصری از تفاوتی که این قابلیت در خودرو ایجاد م‌کند به شما نشان می‌دهد. پس می‌فهمید که این قابلیت چه اثری روی خودرو و قیمت آن خواهد داشت.

با اینکه من اصلا قصد خرید خودروی جدیدی نداشتم، اما برای بازی و سرگرمی هم که شده، زمان زیادی را صرف سفارشی‌سازی خودروی مورد نظرم کردم.  چه رنگی میخواهم؟ آیا یک سیستم صوتی پیشرفته خریداری کنم؟ بله درست حدس زدید. این یک راه سرگرم‌کننده برای برندهاست تا حس بد مشتری به فروشندگان را از بین ببرند. کافی است به آن‌ها اجازه دهیم خودشان مستقلا قابلیت‌های مد نظرشان را انتخاب کنند.

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

ضمنا با ارائه یک امکان خیلی خوب، به شما می‌گوید که نزدیک‌ترین نمایندگی‌های فروشی که خودرویی با مشخصات درخواستی شما موجود دارند کدامند؟

ضمنا توجه داشته باشید که آن‌ها صفحه عادی معرفی محصول را هم‌چنان حفظ کرده‌اند.

Volkswagen

  1. Seattle Cider

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

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

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا

Seattle_Cider

  1. Orangina

این نوشیدنی مرکبات گازدار از سال ۱۹۳۵ تاکنون با عرضه چهار محصول شناخته شده است: آب پرتقال، پرتقال خونی، لیموشیرین و میوه‌های استوایی. پس چه چیزی صفحه معرفی محصولات Orangina را متمایز می‌کند؟

برای اولین بار گشتن در این صفحه صرفا سرگرم‌کننده به نظر می‌رسد. با حرکت ماوس روی هر محصول، یک انیمیشن اتفاق می‌افتد. مثلا پرتقال به دو نیم تقسیم می‌شود. عنوان محصول درشت شده و باکس نمایش محصول تغییر اسیز می‌دهد.

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

Orangina

  1. Mango Languages

Mango Languages یک تجربه دوست‌داشتنی زبان‌آموزی به‌وجود آورده. صفحه اصلی بر اساس هریک از تیپ‌های شخصیتی خریداران (personas) شامل کتابخانه‌ها، مدارس، شرکت‌ها، سازمان‌های دولتی و افراد به بخش‌های مجزا تقسیم گشته. با کلیک روی دکمه هر بخش کاربر را به صفحه تخصصی خود هدایت می‌کند. در صفحه مقصد به شکلی شفاف و کاملا جامع مزایای روش‌های زبان‌آموزی این شرکت را برای آن تیپ مشتری بیان می‌کند.

بیایید نگاهی به مثال‌مان در زمینه راهکار آموزش زبان برای افراد (به‌صورت شخصی) بیاندازیم. مانند تمام بخش‌های دیگر وب‌سایت یک احساس مفید و دوست‌داشتنی بودن نسبت به این برند خواهید داشت. عکس ما نمی‌تواند احساسی را که سایت به شما می‌دهد، القاء کند. لطفا خود سایت را مشاهده نمایید.

اگر صفحه را اسکرول کنید می‌بینید که تمام تاکید بر مزیت رقابتی اصلی خدمات این شرکت برای اشخاص و افراد است. همه چیز صفحه در خدمت این شعارهاست: “سادگی” ، “سرگرم‌کنندگی”، “مفید بودن”. جالب است بدانید این پیام‌ها برای شرکت‌ها یا سازمان‌ها متفاوت است! این یک نمونه عالی از طراحی مبتنی بر پرسوناهای مشتریان است.

Mango

  1. Minwax

Minwax تولیدکننده محصولات مراقبت از مبلمان و کف‌پوش‌های چوبی است. این برند نه‌تنها صفحه‌ای مرتبط با محصولاتش طراحی کرده، بلکه فراتر از آن به کاربر کمک می‌کند تا به‌راحتی آنچه را به درد کارشان می‌خورد بیابند.

این کار را به کمک بخشی با نام جستجوگر محصول (Product Finder) انجام داده. این بخش مانند یک امتحان عمل می‌کند. یک سری سوال با پاسخ‌های چند گزینه‌ای از شما می‌پرسد. مثلا اینکه:

قصد مراقبت از چه چیزی را دارید؟

  • مبلمان
  • در چوبی
  • کف‌پوش
  • کابینت آشپزخانه

وقتی پاسخ سوالات را دادید، یک لیست از محصولات پیشنهادی به شما نمایش داده می‌شود. جالب‌تر اینکه همراه آن کتابچه‌ای از نکات مهم برای استفاده از این محصول متناسب با نیاز شما (مثلا برای کف‌پوش) تولید شده! البته این شرکت در اینجا هم متوقف نمی‌شود و حتی ابزارهایی که برای انجام این‌کار به آن نیاز دارید را نیز به شما معرفی می‌کند (مثلا عینک ایمنی، دستکش و کاغذ سمباده).

۱۲ نمونه از بهترین روش نمایش محصول در سایت های صنعتی دنیا


Warning: Use of undefined constant cmp - assumed 'cmp' (this will throw an Error in a future version of PHP) in /home/netafzar/public_html/wp-content/plugins/automatic-tag-link/automatic-tag-link.php on line 83
توصیه‌های موسسه وبومتری در زمینه طراحی یک وب‌سایت موفق دانشگاهی

توصیه‌های موسسه وبومتری در زمینه طراحی یک وب‌سایت موفق دانشگاهی

توصیه‌های موسسه وبومتری در زمینه طراحی یک وب‌سایت موفق دانشگاهی

 

 

 

توصیه‌های زیر توسط موسسه وبومتریک ارائه شده تا به دانشگاه‌ها و موسسات پژوهشی کمک کند حضور پرقدرت و موفقی در وب داشته باشند:

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

  1. یک نام دامنه و فقط یک نام دامنه انتخاب کنید!

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

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

  1. محتوا، محتوا و بازهم محتوا را گسترش دهید.

یک حضور قوی در وب تنها زمانی ممکن می‌شود که تلاش تعداد زیادی از نویسندگان پشت آن باشد. وجود وب‌سایت‌های عظیم، تنها با تلاش گروه بزرگی از نویسندگان امکان‌پذیر است. بهترین راه برای انجام این کار تشویق و حمایت‌های مادی و معنوی دانشمندان، محققان و دانشجویان تحصیلات تکمیلی است. کسانی که نویسندگان بالقوه شما محسوب می‌شوند.

توصیه‌های موسسه وبومتری در زمینه طراحی یک وب‌سایت موفق دانشگاهی

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

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

  1. نترسید، محتوای آفلاین‌‍تان را آنلاین کنید.

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

توصیه‌های موسسه وبومتری در زمینه طراحی یک وب‌سایت موفق دانشگاهی

  1. روی لینک دادن و لینک گرفتن  متمرکز شوید.

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

صفحات یتیم سایت‌تان را بیابید. صفحاتی که هیچ ارتباطی با دیگر صفحات سایت ندارند. طوری لینک‌دهی داخلی کنید که این صفحات نیز خوانده شوند.

  1. از زبان انگلیسی غافل نشوید.

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

  1. امروزه نوبت عکس، فیلم و فایل‌های چندرسانه‌ای فرا رسیده.

اگر چه HTML، فرمت استاندارد یک صفحه وب است. اما گاهی بهتر است فرمتهای نظیر PDF یا فایل‌های Microsoft Word را هم امتحان کنیم. چرا که این فایل‌ها توزیع بهتری از اطلاعات را امکان‌پذیر می‌کنند. فرمت‌های معمول برای مقالات علمی می‌توانند با فرمت پی دی اف باشند که آسان‌تر باز شده و می‌توان دانلود و بعد مطالعه کرد.

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

توصیه‌های موسسه وبومتری در زمینه طراحی یک وب‌سایت موفق دانشگاهی

  1. با موتورهای جست و جو دوست باشید.

از منوهای دست و پاگیر مبتنی بر فلش و جاوا که دسترسی موتورهای جست‌وجو را محدود می‌کنند بپرهیزید. از دسته‌بندی های زیاد درون یکدیگر نیز اجتناب کنید. پایگاه‌های داده با اطلاعات عظیم که پشت یک باکس جستجو مخفی شده‌اند نیز برای موتورهای جستجو در دسترس نیستند! حتی برخی از صفحات آژاکس نیز ممکن است برای موتورهای جست‌وجو خوانا نباشند. در صفحات زیادی می توانید درباره بهینه‌سازی سایت در موتورهای جستجو مطالعات بیشتری داشته باشید.

  1. خود را منفور بازدیدکنندگان نکنید!

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

  1. محتوای سایت را به‌روز کنید.

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

  1. سایت‌تان را با متاتگ‌ها غنی کنید.

استفاده از متادیتا و متاتگ‌های توصیفی، سئوی سایت را بالا می‌برند. استانداردهایی نظیر Dublin core برای کمک به این موضوع ارائه شده‌اند.

توصیه‌های موسسه وبومتری در زمینه طراحی یک وب‌سایت موفق دانشگاهی


Warning: Use of undefined constant cmp - assumed 'cmp' (this will throw an Error in a future version of PHP) in /home/netafzar/public_html/wp-content/plugins/automatic-tag-link/automatic-tag-link.php on line 83
ده فرمان برای طراحی سایت موفق دانشگاه

ده فرمان برای طراحی سایت موفق دانشگاه

توصیه‌های نلسون و نورمن که به NN هم مشهورند، در زمینه طراحی سایت دانشگاهی از شهرت فراوان برخوردار است. در این مقاله به بررسی این ده فرمان می‌پردازیم:

یک وب سایت موثر می تواند اعتبار موسسه آموزشی را بیشتر کند و با افزایش رضایت کاربر به تقویت موثر دانشگاه بیانجامد. این امر از اتلاف پول و زمان شما محافظت می‌کند.

ده فرمان برای طراحی سایت موفق دانشگاه

پایینتر از انتظار!

اگر بر به‌وجود آوردن یک تجربه کاربری خوب تمرکز کنید، سرمایه‌تان به هدر نمی‌رود. بر اساس تست‌های کاربرسنجی ما، خطوط راهنمای این مقاله می‌تواند تجربه کاربری را در بیشتر دانشگاه‌ها و دانشکده‌ها ارتقا دهد. یک خبر غم‌انگیز این است که بیشتر سایت‌های دانشگاهی در سطح پایین قابلیت کاربری قرار دارد. پایین‌تر از آنچه کاربران اینترنت، امروزه انتظار دارند.

خطوط راهنمای طراحی سایت دانشگاهی

یک تست واقعی

در آماده‌سازی نتیجه این گزارش ۵۷ سایت دانشگاهی با کاربران ۱۶ تا ۶۸ سال، در ایالات متحده، کانادا، انگلستان و تایوان مورد بررسی قرار گرفتند. ما دانشجویان احتمالی هر دو مقطع کارشناسی و کارشناسی‌ارشد و حتی پدر و مادرشان را نیز به‌همکاری طلبیده‌ایم. و از آن‌ها کمک گرفتیم.

از ایشان سوالات متعددی پرسیدیم. مثلا گفتیم معلمی را تصور کنید که از شما خواسته به سایت این دانشگاه نگاهی بیاندازید. وب‌سایت را باز کنید و ببینید آیا این دانشگاه را گزینه مناسبی برای ادامه تحصیل می‌یابید یا خیر؟

ده فرمان برای طراحی سایت موفق دانشگاه

چرا نگران تجربه کاربری هستیم؟

مگر دانشجویان باهوش نیستند؟ مگر وب و اینترنت را خوب نمی‌شناسند؟

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

تازه وارد هستید؟ نگران نباشید

بهترین وب‌سایت‌های دانشگاهی واضح صحبت می‌کنند. حتی با دانشجویان تازه وارد. در این وب‌سایت‌ها پیدا کردن چیزی که می‌خواهید ساده است. بقیه وب‌سایت‌ها محکوم به شکستند.

خطوط راهنمای کلی برای خلق یک تجربه کاربری موفق

  1. دانشگاه خود را در هر صفحه به وضوح معرفی کنید.

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

ضمن آنکه این‌کار برای اعتبار مجموعه شما موثر است. قرار گرفتن آرم دانشگاه در بالا و سمت راست سایت می‌تواند در این زمینه نقش موثری ایفا کند.

نمایش آرم دانشگاه در تمام صفحات

 

  1. ماموریت مهم: چهره خود را نشان دهید.

از تصاویری استفاده کنید که ارزش‌های دانشگاهی را نشان دهد. تا کاربر شما قضاوت خود را بر مبنای تصاویر قرار دهد. چند تصویر از وقایع ورزشی نشان می‌دهد که شما بر ورزش تمرکز دارید. یک ویدئ با تصاویر افرادی که شبیه هم لباس پوشیده‌اند القاء می‌کند که تنوع در دانشگاه شما کم است. وقتی عکس انتخاب می‌کنید هشیار باشید که هر عکس به‌تنهایی چه می‌گوید و به عنوان یک قطعه از کل پازل چه نقشی ایفا می‌کند. کاربران خیلی راحت فرق بین تصاویر واقعی و ساختگی را می‌فهمند.

ده فرمان برای طراحی سایت موفق دانشگاه

عکس های تبلیغاتی، اغلب یک تصویر شیرین و جذاب از دانشگاه را نشان می‌دهد. اما کاربر از تصویر واقعی دانشگاه لذت می برد. به اظهار نظر یک کاربر در حال بازید از سایت دانشگاه توجه کنید: “به نظر می‌رسد این دانشگاه صرفا به‌دنبال گرفتن پول نیست. پیداست می‌خواهد چیزی بیاموزد. برای همین هم دانشجویان به گرفتن مدرکش افتخار می‌کنند. چهره‌های خندان پرسنل دانشگاه  دیدم که به کاری که انجام می‌دهند عشق می‌ورزند.” همین تصویر چیزی است که انتظارش را داشتید! در واقع ماموریت شما انجام شده است.

  1. به صفحه درباره ما بها دهید:

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

متاسفانه این صفحه همیشه مغفول مانده. متن درباره ما معمولا کسل‌کنند نوشته می‌شود و کمترین نمره رضایت‌مندی را می‌برد! این صفحه باید در کمال ایجاز، آموزنده بوده و با زبان ساده اطلاعات مهمی را توضیح دهد. گاهی ممکن است یک ویدئو تاثیر خیلی بهتری داشته باشد.

ده فرمان برای طراحی سایت موفق دانشگاه

در این صفحه آمار دانشگاه به‌صورت درشت نمایش داده می شوند، که واضح و موثر است:

نمایش آمار دانشگاه به شکل بزرگ و شفاف

 

  1. به چه چیزی افتخار می‌کنید؟

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

یکبار یکی از کاربران که با متون متراکمی در یک صفحه روبرو بود  گفت: “کلمات بسیاری در کنار هم قرار دارد. چرا همه اطلاعات در اول صفحه گنجانده شده؟ دستاوردها می‌توانست در پایین صفحه قرار بگیرد تا کسی که علاقمند است و صفحه را اسکرول می‌کند آن‌را ببیند.

ده فرمان برای طراحی سایت موفق دانشگاه

  1. کاربر باید لیستی از رشته‌ها و تخصص‌ها را به‌راحتی ببیند.

دانشجوی بالقوه بیشتر به رشته‌ها و تخصص‌ها نگاه می‌کند.در یکی از تحقیقات ما، ۴۸ درصد کاربران نفهمیدند که دانشگاه رشته‌ای را که به دنبالش می‌گشتند ارائه کرده! نتیجه این بود که مردم نفهمیده بودند که کدام رشته در این دانشگاه تدریس می‌شود. وقتی آن را پیدا نکرده بودند فکر کرده بودند که اصلا چنین رشته‌ای وجود ندارد. به‌جای اینکه کاربر را مجبور کنید حدس بزند، لیست رشته‌ها و دانشکده‌های‌تان را دقیقا در جای مورد انتظار بگذارید.

یک کاربر ۱۸ ساله می‌گفت من قسمت ریاضی در سایت ندیدم و داشت سایت دانشگاه را ترک می‌کرد. در حالی‌که ریاضی به عنوان زیر شاخه علوم معرفی شده بود! این موضوع اهمیت مخاطب‌شناسی (شناخت پرسونا) و درک آن‌ها را نشان می‌دهد.

  1. دانشجو و دنیای پس از فارغ‌التحصیلی

فرصت‌های شغلی پس از فارغ‌التحیلی را معرفی کنید و آن‌ها را به صفحه فارغ‌التحصیلان ارتباط دهید. وقتی کاربر دانشگاه‌ها را ارزیابی می‌کند یک دغدغه مهم وی و والدینش این است که پس از تحصیل در رشته خود مشغول به‌کار می‌شود؟

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

 

نمایش موقعیت‌های شغلی

 

  1. مسیر ثبت‌نام را به وضوح نشان دهید.

از یک دانشجوی احتمالی بخواهید که مسیر ثبت‌نام در سایت دانشگاه را سپری کند. ببییند آیا تاریخ‌های ضرب‌الاجل را به‌راحتی پیدا می کند؟

 

نمایش تاریخ‌های مهم

 

  1. کاربر را تعقیب کنید.

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

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

بر خلاف آنچه به نظر می‌رسد نوجوانان و جوانان همیشه هم از زبان فانتزی لذت نمی‌برند . می‌‍دانند که آینده زندگی‌شان به این تصمیم وابسته است و به همین دلیل نیز به‌دنبال احساس سرگرمی نیستند. امر آموزش جدی است و دوست دارند شما هم آن‌ها را جدی بگیرید. زرق و برق‌های طراحانه نمی‌تواند لزوما جذاب باشد. پس تمرکز را بر محتوایی بگذارید که برای مخاطب جوان یا نوجوان قابل فهم باشد.

مثلا اگر جملاتی را از دانشجویان فعلی منتشر کنید، محتوای شما خیلی جذاب خواهد شد. چرا که به دانشجویان جدید می‌گویید که چقدر به بینش و نگرش دانشجویان‌تان اهمیت می دهید.

  1. خیلی ها شما را در سایت های دیگر جست و جو می کنند.

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

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

ده فرمان برای طراحی سایت موفق دانشگاه


Warning: Use of undefined constant cmp - assumed 'cmp' (this will throw an Error in a future version of PHP) in /home/netafzar/public_html/wp-content/plugins/automatic-tag-link/automatic-tag-link.php on line 83
آنچه قبل از شرکت در وبومتری دانشگاهی باید بدانید!

آنچه قبل از شرکت در وبومتری دانشگاهی باید بدانید!

وب‌سنجی دانشگاهی چیست؟

وبومتری، بزرگترین مکانیزم رتبه‌بندی سایت دانشگاه‌ها و موسسات آموزش عالی در جهان است. نسبت به سنجش‌های مرسوم دیگر نیز برتری‌های قابل توجهی دارد. شاید مهمترینش این باشد که وبومتری در سطح تمام دانشگاه‌های جهان است، نه صرفا چند صد موسسه در کشورهای توسعه‌یافته. این رتبه‌بندی  بیش از ۲۴۰۰۰ موسسه آموزش عالی در سراسر جهان را در بر می‌گیرد. البته مسلم است که دانشگاه‌های بین‌المللی معولا موسسات خیلی کوچکی هم نیستند.

این رتبه‌بندی از سال ۲۰۰۴ تاکنون هر شش ماه یک بار انجام می‌شود. مسئول برگزاری آن، آزمایشگاه سایبرمتیک و شورای ملی تحقیقات اسپانیا هستند. مبنای سنجش این است که وب‌سایت یک دانشگاه چقدر تاثیرگذار است و چگونه به‌نظر می‌رسد؟ نحوه انجام هم به‌شکل خوداظهاری است. دانشگاه‌ها اطلاعات مفید و قابل اعتمادی از ابعاد مختلف کاری‌شان ارائه می‌دهند.

رتبه بندی سایت های ایرانی در وبومتری دانشگاهی

 

وبومتری دانشگاهی از کی شروع شد؟

آزمایشگاه سایبرمتریک از اواسط دهه نود مطالعات گسترده‌ای را بر روی وب‌سایت‌های دانشگاهی آغاز کرد. در سال ۱۹۹۶ یک شاخص اولیه تعریف شد. سه سال بعد موسسه EU funded project EICSTES بر مبنای این پژوهش‌ها، جمع‌آوری داده از دانشگاه‌های اروپایی را آغاز کرد.

در سال ۲۰۰۳ پس از انتشار رتبه‌بندی علمی دانشگاههای جهان (ARWU) توسط دانشمندی به نام لیو، تصمیم بر آن شد تا از نوآوری‌های به‌کار رفته در تحقیقات او و تیمش در وبومتریک دانشگاهی نیز استفاده گردد. البته رسیدن به شاخصی دقیق که در سطح جهانی هم جواب دهد اصلا کارآسانی نبود!

بالاخره ویرایش اولیه این رتبه‌بندی در سال ۲۰۰۴ منتشر شد. از سال ۲۰۰۶ هم این سنجش، دوبار در سال برگزار می‌شود. جالب است بدانید از ۲۰۰۸، علاوه بر دانشگاه‌ها، وبومتریک شامل موسسات درمانی، مراکز تحقیقاتی و مدارس بازرگانی هم می‌شود.

انگیزه اصلی پشت سر وبومتری دانشگاهی چیست؟

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

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

آنچه قبل از شرکت در وبومتری دانشگاهی باید بدانید!

سایت دانشگاهی آینه تمام نمای دانشگاه

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

چرا شاخص‌ها مرتبا تغییر می‌کنند؟

موسسه وبومتری به‌شکل مداوم معیارهای خود را بازنگری کرده و آن را بهبود می‌بخشد. چرا که شرم‌آور است اگر یک رتبه‌بندی علمی بدون تصحیح خطا یا تغییر شاخص‌ها به حرکت خود ادامه دهد. پس شاخص‌ها مرتبا وزن‌دهی مجدد می‌شوند.

کدام دانشگاه‌ها زحمت شرکت در وبومتری دانشگاهی را نکشند؟

  1. دانشگاه ها یا موسساتی که مدراک جعلی یا مشکوک ارائه می‌دهند.
  2. موسساتی که ارتباط ایمیلی برقرار نمی‌کنند.
  3. دانشگاه هایی که وب سایتشان ۷ روز هفته و ۲۴ ساعته در دسترس نیست.
  4. دانشگاه‌هایی که نمی‌توانند درخواست‌های موسسه وبومتریک را فوری و طی دو ماه پشت‌سرهم پاسخ‌گویی کنند.
  5. دانشگاه‌هایی که دو یا چند وب‌سایت دارند. در ویرایش جدید، با این موضوع برخورد شدیدتری می‌شود.

اگر در جایگاه شایسته خود نیستید.

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

آنچه قبل از شرکت در وبومتری دانشگاهی باید بدانید!

چگونه از تبعیض جلوگیری می‌شود؟

نوسانات موتورهای جست‌وجو بالاست. بنابراین ارقام می‌توانند بسیار متفاوت باشند. ضمن آنکه اگر جست‌وجو در روزهای بعد تکرار شود نتیجه متغیر خواهد بود. پس هر متغیر حداقل دوبار در بازه‌های زمانی متفاوت محاسبه می‌گردد و مقدار بیشتر ذخیره می‌شود. باتوجه به اینکه الگوریتم‌‎های گوگل مبتنی بر جغرافیا عمل می‌کنند از سرورهای متعدد در مناطق مختلف استفاده می‌شود تا پراکندگی جغرافیایی پوشش داده شود. البته سرور اصلی در اسپانیا و به زبان انگلیسی جستجو می‌کند.

زمان اعلام نتایج

داده‌ها  از ۱ تا ۲۰ ژانویه یا ژوئن جمع‌آوری می‌شود. انتشار نهایی رتبه‌بندی طراحی سایت‌های دانشگاهی در اواخر ژانویه یا ژوئیه (معمولا قبل از ۲۸ ام) صورت می‌گیرد.

حتی فکر تقلب را هم از سرتان بیرون کنید!

متاسفانه طی سال‌های گذشته بسیاری از شیوه‌های غیر اخلاقی توسط افراد یا گروه‌ها انجام گرفته. قبلا تخلف آشکار با محرومیت دانشگاه جریمه می‌شد، اما هم‌اینک برای متوجه کردن  مقامات دانشگاهی به سوء رفتار جدی مسئول وب‌سایت، به این دانشگاه‌ها رتبه ۹۹۹۹۹ اعطا می‌شود!

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

افزایش مصنوعی تعداد فایل‌های موجود در وب‌سایت هم جایز نیست. دیده شده که برخی از دانشگاه‌‍ها یک محتوای ثابت را در فرمت‌های مختلف تکثیر می‌کنند تا به افزایش حجم کمک کنند! این نه تنها رفتاری غیر عاقلانه بلکه غیر قانونی است.

آنچه قبل از شرکت در وبومتری دانشگاهی باید بدانید!


Warning: Use of undefined constant cmp - assumed 'cmp' (this will throw an Error in a future version of PHP) in /home/netafzar/public_html/wp-content/plugins/automatic-tag-link/automatic-tag-link.php on line 83
مشکلی که حل کرده‌اید بفروشید نه محصولی که ساخته‌اید!

مشکلی که حل کرده‌اید بفروشید نه محصولی که ساخته‌اید!

 

 

 

وقتی به یک نفر کتابی را می‌فروشید، مشتی کاغذ و جوهر و چسب نفروخته‌اید! در واقع به سوالات او پاسخ داده‌اید. شاید هم اگر کتاب خوبی نوشته باشید، نوع نگرش جدید و روش زندگی بهتری را به او عرضه کرده‌اید.” کریتوفر مورلی

“به مشتریان‌تان بیمه عمر نفروشید. بلکه به آن‌ها این را بفروشید که بیمه عمر برای شما چه می‌کند” بن فلدمن

“اینطور نیست که مشتریان راه‌حل را نمی‌دانند. مسئله اینجاست که اغلبا مشکل را نمی‌بینند یا اهمیت آن را درک نمی‌کنند” کی‌جی چسترتون

منظور این بزرگان از بیان جملات بالا چیست؟ تاکید تمام‌شان بر فروش راه‌حل، به‌جای فروش محصول است.

مشکلی که حل کرده‌اید بفروشید نه محصولی که ساخته‌اید!

قبلا بازاریابی و فروش تماما به‌معنای معرفی قابلیت‌ها و امکانات محصول بود. بعدها توجه‌ها به مزایای محصول منعطف شد. اما امروزه تمرکز روی حل مشکل آمده.

با یک مثال موضوع روشن‌تر می‌شود. «داروخانه شبانه‌روزی» قابلیت یک داروخانه تمام‌وقت است. اما مزیت آن این است که «در هر ساعتی از شبانه‌روز که خواستید می‌توانید داروی موردنیازتان را تهیه نمایید». اما مشکلی که شما حل می‌کنید این است: «خدای‌ناکرده طفل شما در تب می‌سوزد و برای پیشگیری از تشنج، باید به او استامینوفن بدهید. داروخانه‌ی ما ساعت ۳ شب هم باز است».

درس پشت سر این مثال چیست؟ مشکلی که حل کرده‌اید به‌شکل مشهودی به نیاز مشتری نزدیک‌تر است تا مزیتی که ایجاد کرده‌اید. همچنانکه مزیتی که دارید بسیار مشخص‌تر است تا امکاناتی که ارائه می‌کنید.

مشکل اکثر طراحی سایت های صنعتی این است که به‌جای تمرکز روی مشکلی که حل کرده‌اند، انرژی‌شان را صرف یک پرزنت عالی از محصولی می‌کنند که ساخته‌اند! اما صادقانه بگویم که این اشتباه در نگاه طراح سایت صنایع نیست. این چیزی است که کارفرما از وی می‌خواهد! این همان علتی است که اکثر فروشندگان شرکت‌های تولیدی هم، در جلسات پرزنت، بیشتر حرف می‌زنند تا گوش کنند.

مشکلی که حل کرده‌اید بفروشید نه محصولی که ساخته‌اید!

“یک فروشنده موفق کسی است که سوالات خوبی می‌پرسد و کنجکاوی می‌کند تا مشکلات و نیازهای مشتری خود را بشناسد. در جلسات فروش و پرزنت موفق، ۶۵% از وقت فروشنده به شنیدن می‌گذرد ولی در جلسات معمول فروش، بیش از ۸۰% از زمان فروشنده به پرزنت و صحبت کردن می‌گذرد.” موسسه سیلز تلنت

وقتی صرفا راجع به محصول‌تان صحبت می‌کنید، سایت بلافاصله برای مشتری کسل‌کننده می‌شود. اجازه دهید آمار میزان خروج فوری مشتریان از وب سایت ها (Bounce Rate) را بررسی کنیم.

مشکلی که حل کرده‌اید بفروشید نه محصولی که ساخته‌اید!

بیایید این آمار را کاهش دهیم.

البته برای اینکه در انجام این مهم موفق باشید باید ابتدا بدانید که اصلا چرا مشتری چیزی را می‌خرد؟

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

خیلی از افراد می‌پرسند که آیا هر کسب‌وکاری مشکلی را حل می‌کند؟

قطعا اگر فروش دارید، توانسته‌اید مشکل عده‌ای را حل کنید. به‌قول ریچارد برنسون معروف: “راه‌اندازی یک کسب‌وکار یعنی موفقیت شما در حل یک مشکل”

در این مقاله خواهید آموخت که چطور با رعایت سه نکته کلیدی، فروش را افزایش دهید، بدون اینکه محصول‌تان را معرفی کنید!

  1. نکته اول

سعی کنید خودتان را جای مشتری بگذارید. از نگاه او به همه چیز بیاندیشید. مثلا از خودتان بپرسید، واقعا چه مشکلی از بازار را من حل کرده‌ام؟ بعد صادقانه ببینید بین ۵ تا ۱۰ راه‌حل اصلی حل این مشکل، کدامیک از آنها را شما ارائه می‌کنید.

  1. نکته دوم

از ۱۰ نفر از مشتریان خوب‌تان که بیشتر از محصول شما استفاده می‌کنند، بپرسید که چه مشکلی از آنها بعد از خرید این محصول حل شده.

  1. نکته آخر

در پاسخ‌‎های مختلف به‌دنبال یک الگوی تکراری بگردید. ببینید که آیا مشکلات شبیه به هم پیدا می‌کنید. اینجاست که شما انگیزه اصلی خریداران برای خرید محصول‌تان را یافته‌اید.

مشکلی که حل کرده‌اید بفروشید نه محصولی که ساخته‌اید!

این دستگیره به شما کمک می‌کند که سایت کارخانه را طوری طراحی کنید که مشتری تحت تاثیر قرار گیرد: به زبان مشتری سخن بگویید و نه با لحن یک فروشنده.

یک نکته به عنوان هدیه شما که تا آخر این مقاله را خواندید:

در یک بررسی علمی، ۶۳% از مردم داستان‌هایی که در سایت‌ها خوانده بودند را به خاطر می‌آوردند، اما فقط ۵% از آنها آمار ارائه شده را فراموش نکرده بودند.

کافی است جلسه خود با مشتری را با گوشی هوشمندتان فیلم‌برداری کنید. بعد تکه‌هایی از این فیلم‌ها را جدا کنید. به‌ویژه آنجاها که راجع به مشکلی سخن می‌گوید که با خرید محصول شما حل شده. این قطعه فیلم‌ها را در بخش نظرات مشتریان (Testimonials) سایت‌تان منتشر کنید. چه چیزی بهتر از اینکه مشتریان شما را معرفی کنند، نه خودتان! ضمن آنکه ۸۵% از کاربران اظهار داشته‌اند که بعد از دیدن یک ویدئو، تمایل بیشتری به خرید محصول داشته‌اند.

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

مشکلی که حل کرده‌اید بفروشید نه محصولی که ساخته‌اید!


Warning: Use of undefined constant cmp - assumed 'cmp' (this will throw an Error in a future version of PHP) in /home/netafzar/public_html/wp-content/plugins/automatic-tag-link/automatic-tag-link.php on line 83
با بهترین تجربیات صنایع در بهینه سازی سایت یا سئو همراه شوید

با بهترین تجربیات صنایع در بهینه سازی سایت یا سئو همراه شوید

با بهترین تجربیات صنایع در بهینه سازی سایت یا سئو همراه شوید

 

 

 

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

با بهترین تجربیات صنایع در بهینه سازی سایت یا سئو همراه شوید

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

نکته: این روش‌ها اگرچه به‌صورت اختصاصی برای سایت های صنعتی طراحی شده ولی کم‌وبیش برای سایر عرصه‌ها هم کار می‌کند.

  1. مرحله اول: با تیپ شخصیتی خریداران (Buyer Personas) شروع کنید.

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

  • موقعیت و سمت شغلی فرد
  • اطلاعات مربوط به شرکت و عرصه کاری آن
  • چالش‌ها و مشکلات
  • اهداف
  • این افراد برای کسب اطلاعات به کجاها می‌روند؟
  • اطلاعات دموگرافی یا جمعیت‌شناسی
  • عادت‌های خرید

شناخت بیشتر از مشتریان بالقوه به شما کمک می‌کند ارتباطات خاصی را برای بازاریابی پیدا کنید. مثلا اینکه سایت شما چه صفحات و محتوایی نیاز دارد.

با بهترین تجربیات صنایع در بهینه سازی سایت یا سئو همراه شوید

  1. مرحله دوم: شناسایی کنید که چه کلمات کلیدی یا کلیدواژه‌هایی را پرسوناهای شما جستجو می‌کنند.
  • تحقیقات کلیدواژه‌ای: برای اینکه کشف کنید، چه کلمات کلیدی را مشتریان بالقوه شما استفاده می‌کنند تا مشکل‌شان را حل کنند. با جستجوی هر عبارت، گوگل تعداد بیشتری از جستجوهای مشابه کاربران را در پایین صفحه به شما پیشنهاد می‌دهد.
  • یک لیست از کلمات کلیدی تهیه نمایید: این کلمات کلیدی اولیه را به Google’s Keyword Planner بدهید تا به شما کلمات کلیدی بیشتری پیشنهاد کرده و میزان جستجوی هریک را به شما بگوید. اینچنین است که اهمیت کلمات کلیدی برای شما روشن می‌گردد.

نکته: گوگل ایران را برای استفاده از این ابزار تحریم کرده. پس لاجرم باید با VPN یا فیلترشکن وصل شوید.

  • حواستان به کلمات کلیدی چند کلمه‌ای باشد: کلمات کلیدی طولانی بیشتر به نیاز پرسوناهای شما می‌خورند تا کلمات کلیدی کوتاه و کلی. ضمن اینکه کسب رتبه در این کلیدواژه‌ها بسی راحت‌تر است تا کیووردهای تک‌کلمه‌ای.
  1. مرحله سوم: به ترتیب الویت برای هر کیوورد یک صفحه اختصاصی بسازید.

لیست کلمات کلیدی به‌دست آمده از ابزار گوگل را بررسی کنید و بر اساس تعداد جستجوهای کاربران الویت‌بندی کرده و برای هریک صفحه اختصاصی بسازید.

یک مثال ملموس: یکی از مشتریان ما در زمینه قطعات خودرو فعالیت می‌کرد. یک لیست طولانی از کلیدواژه‌ها داشت. اول می‌خواست سودآورترین قطعات را معرفی کند. اما بر اساس تحقیقات کلیدواژه‌ای ما مشخص شد که ۹۰% از کلیدواژه‌ها، صرفا ۱۰% از جستجوها را به خود اختصاص می‌دهد. پس منطقا تصمیم بر این شد که تمام توان‌مان را روی تولید صفحاتی برای آن ده درصد کیوورد شاخص کسب و کار بگذاریم.

با بهترین تجربیات صنایع در بهینه سازی سایت یا سئو همراه شوید

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

  1. مرحله چهارم: رعایت اصول فنی و محتوایی بهینه سازی درون صفحه.

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

  • آدرس صفحه (Page URL): حتما برای صفحه خود یک آدرس اختصاصی که کلمه کلیدی مورد نظر شما در آن آمده ایجاد کنید. اجازه ندهید آدرس صفحه چیزی شبیه به این باشد: com/?keyword=2234
  • عنوان صفحه (Page Title): حداکثر در ۷۰ کاراکتر یک عنوان جذاب برای صفحه انتخاب کنید که حتما کلیدواژه هدف شما را در برگیرد.
  • محتوای صفحه (Page Content): از تگ H1 به عنوان سرتیتر مطلب استفاده کنید و در آن حتما کلمه کلیدی مورد نظرتان را بیاورید. در جاهای دیگر صفحه هم با پرهیز از زیاده‌روی از این کلمه کلیدی استفاده کنید. به‌هیچ‌وجه متن ماشینی برای گوگل ننویسید. نهایتا شما می‌خواهید کاربر را ترغیب به خرید یا عکس‌العمل کنید. روی عکس‌های خود ALT بگذارید و کلمه کلیدی خود را در آن بیاورید.

نکته: نگران نباشید. این موارد را شرکت داده‌ورزان در زمینه طراحی سایت شما انجام می‌دهد.

با بهترین تجربیات صنایع در بهینه سازی سایت یا سئو همراه شوید

  • فراداده توصیفی صفحه (Meta Description): این همان متن کوتاهی است که زیر نتیجه صفحه شما در گوگل نمایش می‌یابد و به ترغیب کاربر برای ورود به سایت‌تان کمک شایانی می‌کند. بر اساس پرسونای مخاطبین از عبارات مفیدی استفاده کنید که ایشان احساس کنند مشکل‌شان در صفحه شما حل می‌شود. حتما کلیدواژه خود را در این متن جای دهید.
  • سرعت بارگزاری صفحه (Page Load Speed): سرعت لود صفحه برای کاربر تاثیر مهمی در کسب رتبه بالا در گوگل دارد. اگرچه بخشی از این‌کار با شرکت طراح سایت شماست، اما خود شما هم باید از استفاده از تصاویر حجیم خودداری کنید.

یک مثال از بهینه سازی در طراحی سایت صنعتی: یکی از مشتریان ما تجهیزات الکترونیکی برای مراکز ورزشی تولید می‌کرد. قطعاتی مانند قفل هوشمند، دستبند استخر و …  . اما این شرکت تمام ترافیک خود را به سمت صفحه اصلی هدایت می‌کرد. پس از بررسی پرسوناها و تحقیقات کلیدواژه‌ای، یک سری صفحه برای ایشان تولید شد که متناسب با نیاز هر پرسونا راهکاری ارائه شده بود و از کلمه کلیدی مخصوص به آن پرسونا نیز بهره برده شده بود. مثلا “دستبند استخر” به‌عنوان کلیدواژه اختصاصی استخرها. ببینید که چقدر می‌توان با شناخت بهتری از مشتری و متناسب با نیاز وی حرف زد. این کلیدواژه بلافاصله هم در گوگل رتبه پیدا کرد.

  1. مرحله پنجم: لینک ورودی (Inbound Links).

وقتی که وب سایتی به شما لینک می‌دهد، شما یک لینک ورودی به‌دست آورده‌اید. هر لینک ورودی مانند یک رای نزد گوگل محسوب می‌شود. هرچقدر آرای شما نسبت به رقبا بیشتر باشد، رتبه بهتری در انتظار شماست. البته همه لینک‌ها از وزن برابری برخوردار نیستند. اگر از یک سایت همکار که زمینه کاری آن با شما یکی است لینک بگیرید، خیلی موثرتر از گرفتن یک لینک از یک سایت مهم غیر مرتبط است!

  1. مرحله ششم: بازدیدکننده‌ها را به افراد آماده فروش تبدیل کنید (Visitor 2 Lead).
  2. با بهترین تجربیات صنایع در بهینه سازی سایت یا سئو همراه شوید

حالا که رتبه بهتری دارید و ترافیک بیشتری نسیب سایت‌تان می‌شود، مطمئن شوید که همینجا متوقف نشوید. مشتری را مجبور کنید در سایت شما کاری بکند. تماسی بگیرد، فرمی پر کند، فایل پی‌دی‌افی دانلود کند. سعی کنید دکمه محرک‌ کاربر  (Call to Actions) مشتری را یک مرحله به شما نزدیک‌تر کند.

بسیاری از سایت‌ها صرفا یک تماس با ما پیش‌بینی می‌کنند. این در حالی است که بسیاری از کاربران در فرایند بررسی اولیه هستند. اینها با شما تماس نخواهند گرفت و سایت را ترک می‌کنند و احتمالا بعدها هم شما در ذهن‌شان نمی‌مانید. بهتر است یک ایبوک مختصر یا یک فایل PDF مفید برای آنها بگذارید که بتوانند دانلود کنند. بعدها برای اقدام به خرید، فایل شما نماینده فروش شما نزد مشتری است!

با بهترین تجربیات صنایع در بهینه سازی سایت یا سئو همراه شوید


Warning: Use of undefined constant cmp - assumed 'cmp' (this will throw an Error in a future version of PHP) in /home/netafzar/public_html/wp-content/plugins/automatic-tag-link/automatic-tag-link.php on line 83
بر اساس آخرین پژوهش‌ها، اسکرول شدن صفحات چه تاثیری بر تجربه کاربری دارد؟

بر اساس آخرین پژوهش‌ها، اسکرول شدن صفحات چه تاثیری بر تجربه کاربری دارد؟

 

 

 

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

بر اساس آخرین پژوهش‌ها، اسکرول شدن صفحات چه تاثیری بر تجربه کاربری دارد؟

 

بالای خط تاخوردن

بالای خط تاخوردن

این نیمه صفحه‌ی بالایی را اصطلاحا «بالای خط تاخوردن» یا «Above The Fold»  می‌گویند. محتوای موجود در این قسمت اولین چیزی است که به چشم خواننده می‌خورد.

در دهه نود میلادی، اصطلاح «بالای خط تا» وارد ادبیات وب شد. دلیل آنهم پر واضح است. به‌واسطه محدودیت‌های نرم‌افزاری و سخت‌افزاری در آن زمان، اسکرول کردن کار دشواری بود. بعدها سخت‌افزارها تغییر کردند، هم ماوس‌ها چرخ مخصوص اسکرول پیدا کردند و هم گوشی‌های موبایل، هوشمند شدند. مرورگرهای جدید و مدرن به بازار آمدند. اما جالب اینجاست که تصور بالای خط تای قدیمی و دوست‌داشتنی، هنوز در ذهن ما جا خوش کرده و ظاهرا به این زودی‌ها هم قصد رفتن ندارد!

بیایید دقیق‌تر به این اصطلاح نگاهی بیاندازیم: بالای خط تا …

من از شما می‌پرسم: بالای خط تا در دنیای رایانه به چه معنی است؟

در قدیم که اندازه مانیتورها دارای سایزهای محدود ۱۵ و ۱۷ اینچ بودند بیان می‌شد که خط تا یا فولد قسمتی از سایت است که در لحظه اول که سایت بارگزاری می‌شود، در نمایشگر قابل مشاهده است. اما آیا این مفهوم در انواع اسکرین‌های امروزی هم قابل مدیریت است؟ مخصوصا با این همه تنوع سایز موبایل و تبلت! مثلا سایز تلفن‌های همراه را با تلویزیون‌های هوشمند ۴۰ و ۵۰ اینچ مقایسه کنید.

بهترین کار این است که بر روی کیفیت محتوا تمرکز کنیم. با این‌کار، کاربران دلیل خوبی برای مشاهده ادامه مطالب شما (زیر خط تا) خواهند داشت. این موضوع چطور انجام می‌شود؟

بر اساس آخرین پژوهش‌ها، اسکرول شدن صفحات چه تاثیری بر تجربه کاربری دارد؟

  • صفحه شما باید یک پیام مشخص برای کاربران داشته باشد.
  • سرتیترها و زیر تیترها می‌بایست به شکل درستی انتخاب گردد.
  • به مطالب مهم و مورد نیاز کاربر، اولویت بالاتری بدهید.

 

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

 

انواع سایز مانیتور

انواع سایز مانیتور

بر اساس آخرین پژوهش‌ها، اسکرول شدن صفحات چه تاثیری بر تجربه کاربری دارد؟

اما بیایید نگاهی به تحقیقات علمی مرتبط بیاندازیم:

تحقیقات علمی اثبات می‌کند که بر خلاف تصور ما، اسکرول تجربه‌ی مطلوبی محسوب می‌شود:

  • چارتبیت، یک فراهم کننده تحلیل داده، در طی تحقیقی بر روی ۲ میلیارد بازدید دریافت که حدود ۶۶% از تمرکز محتوای اصلی صفحات وب زیر خط تا قرار دارند.
  • در موبایل نصف کاربران بعد از ۱۰ ثانیه اسکرول می کنند و ۹۰ درصد بعد از ۱۴ ثانیه.
  • در یک سری تستهای کاربردپذیری شرکت هیوج مشخص شد که تقریبا همیشه کاربران اسکرول می کنند.
  • جکوب نیلسن متخصص کاربرد پذیری، در طی بررسی‌هایی بر اساس ردیابی چشم کاربران نشان داد که تمرکز بیشتر بر روی محتوای بالای خط تاست. اما نکته جالب اینجاست که کاربران همچنان اسکرول می‌کنند! مخصوصا اگر صفحه به شکل درستی چیدمان شده باشد.در صورتی که صفحه در جهت تشویق کاربر به اسکرول طراحی شده باشد.
  • درسال ۲۰۱۱ اپل، به‌صورت پیش‌فرض نوار اسکرول را از سیستم عامل مک حذف کرد. شاید شنیدن دلیل این‌کار برای شما هم جالب باشد: کاربران آنقدر با اسکرول آشنا هستند که لزومی بر وجود نشانه‌ای از آن در صفحه احساس نشد!

 

واقعیت چیست؟

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

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

“اسکرول ادامه کار است، اما  کلیک یک تصمیم.”

بر اساس قانون پایایی یا اینرسی، کاربران همیشه تمایل دارند همین کار را ادامه دهند، نه اینکه وادار به یک تصمیم شوند.

 

سبک های طراحی بر پایه‌ی اسکرول

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

نکته: مشاهده برخی از نمونه‌ها نیاز به فیلترشکن دارد.

طراحی تک صفحه ای (one page design):

به‌دلیل سهولت بیشتر دسترسی به مطالب در اسکرول نسبت به کلیک، گرایش یا Trend جدیدی در وب ایجاد شده است. ترندی که آن را “سایت‌های تک‌صفحه‌ای” یا “one page” نامیده‌اند. رسالت این سبک این است که در آن واحد، کاملترین و کمترین اطلاعات لازم را در اختیار کاربر قرار دهد. تمرکز در این نوع طراحی، ارائه مهمترین محتوا با کمترین حواشی ممکن است. برای تسهیل مرور محتوا، مطالب سایت در یک صفحه چینش شده و معمولا با ناوبری درون‌صفحه‌ای کاربر به آنها دسترسی پیدا می کند.

بر اساس آخرین پژوهش‌ها، اسکرول شدن صفحات چه تاثیری بر تجربه کاربری دارد؟


Warning: Use of undefined constant cmp - assumed 'cmp' (this will throw an Error in a future version of PHP) in /home/netafzar/public_html/wp-content/plugins/automatic-tag-link/automatic-tag-link.php on line 83
تاریخچه مختصری از جاوا اسکریپت

تاریخچه مختصری از جاوا اسکریپت

تاریخچه مختصری از جاوا اسکریپت

 

 

جاوااسکریپت مسلّماً یکی از مهم‌ترین زبان‌های روز دنیاست. پیشرفت وب و جاوااسکریپت به جایی رسیده است که هرگز تصوّر نمی‌شد. ما در این مطلب به صورت خلاصه تاریخچه‌ی کوتاه جاوااسکریپت را بررسی می‌کنیم و می‌بینیم که چگونه پیشرفت کرد و به این‌جا رسید.

همه چیز از دهه‌ی ۹۰ میلادی شروع شد

تاریخچه مختصری از جاوا اسکریپت

جاوااسکریپت طیّ ۶ ماه از می تا دسامبر ۱۹۹۵ ساخته شد. در آن زمان شرکت NetScape حضوری فعّال در دنیای جدید وب داشت. مرورگر این شرکت رقیب جدّی اوّلین مرورگر مشهور وب یعنی NCSA Mosaic بود. بسیاری از کسانی که جزء مؤسسان Netscape بودند، قبلاً در ساخت Mosaic .دست داشتند و حالا که مستقل شده بودند و بودجه‌ی کافی هم داشتند، به اندازه‌ی کافی آزادی داشتند که دنیای وب را رو به جلو برده و گسترش دهند. و این همان موضوعی بود که باعث تولّد جاوااسکریپت شد.

NetScape به دنبال راهی برای پویاتر کردن صفحات وب بود. بنابراین آقای براندان ایچ (صاحب عکس زیر) را مأمور کرد تا یک زبان اسکریپتی کوچکبرای صفحات وب و دستکاری HTML بسازد. آن‌ها نمی‌خواستند این زبان فقط برای برنامه‌نویسان حرفه‌ای قابل استفاده باشد، بلکه مخاطبین این زبان طرّاحان بودند. زیرا آن زمان هنوز دنیای وب در ابتدای کار بود و HTML هم آن‌قدر ساده بود که غیر برنامه‌نویسان به راحتی بتوانند با آن کار کنند. به همین دلیل این زبان جدید که می‌خواست بخشی از مرورگر شود باید توسّط آن‌ها هم قابل استفاده می‌بود. این زبان Mocha نام گرفت. آقای ایچ می‌خواست زبانی مثل زبان Scheme برای مرورگر بسازد، زبان Scheme نسخه‌ای ساده شده از زبان Lisp بود که برای یادگیری و… بسیار مناسب بود.

تاریخچه مختصری از جاوا اسکریپت

ولی وقت تنگ بود، او باید سریعاً یک نمونه‌ی اوّلیّه از این زبان را ارائه می‌داد. بنابراین به این فکر افتاد که به جای طرّاحی زبان Mocha یعنی یک زبان برنامه‌نویسی کاملاً جدید، آن را براساس زبان جاوا بسازد. البته زبان جاوا هم بزرگ بود و وقت هم نبود. در نهایت زبان Mocha ساخته شد، ولی شباهتی به زبان Scheme نداشت. تا حدّی شبیه جاوای پویا بود، ولی تفاوت‌های بسیار بزرگی با جاوا داشت. چیزی شبیه Schema ناقص بود با ظاهری شبیه جاوا. بالأخره نمونه‌ی اوّلیّه‌ی زبان Mocha در ماه می ۱۹۹۵ روی مرورگر Netscape پیاده‌سازی شد. چیزی نگذشت که نام این زبان به LiveScript تغییر کرد. در دسامبر سال ۱۹۹۵ طیّ قرار دادی بین شرکت Netscape و Sun نام این زبان به JavaScript تغییر کرد. البته برای شرکت Sun هم سخت بود که زبانی را به عنوان همنشین جاوا بپذیرد که تفاوت‌های بسیار بزرگی با آن داشت.

مایکروسافت هم برای اینکه از قافله عقب نماند و مرورگرش یعنی Internet Explorer در رقابت با مرورگر Netscape Navigator شکست نخورد، او هم جاوااسکریپت را پیاده‌سازی کرد و به خاطر مسائل قانونی و عدم امکان استفاده از کلمه‌ی جاوا نام آن را JScript گذاشت. البته تفاوت JScript و جاوااسکریپت فقط منتهی به نام نمی‌شد و تفاوت‌های کوچک دیگری نیز داشتند. اوّلین نسخه‌ی JScript در سال ۱۹۹۶ روی مرورگر Internet Explorer 3 پیاده‌سازی شد.

در سال ۱۹۹۶ آقای ایچ دوباره شروع به نوشتن موتور جاوااسکریپت جدیدی برای مرورگر Netscape کرد، موتور جاوااسکریپت قبلی که Mocha نام داشت، به دلیل عجله در پیاده‌سازی مشکلاتی داشت و باید از اوّل ساخته می‌شد. این موتور جاوااسکریپت جدید SpiderMonkeyy نام گرفت. در حال حاضر نیز اسم موتور جاوااسکریپت مرورگر فایرفاکس SpiderMonkey است.

تاریخچه مختصری از جاوا اسکریپت

تا سال‌ها بعدJScript و SpiderMonkey دو موتور اصلی جاوااسکریپت دنیا بودند. بعضی از قابلیّت‌هایی که این دو موتور پیاده‌سازی کرده بودند با هم سازگار نبودند و باید تعریف می‌شد که کدام قابلیّت‌ها باید جزء وب باشند.

ECMAScript: استاندارد شدن جاوااسکریپت

یک سال بعد که مرورگر NetScape Navigator 3 منتشر شد، زبان جاوااسکریپت برای استانداردسازی به سازمان ECMA ارائه شد. اکما یک انجمن صنعتی برای استانداردسازی سیستم‌های اطّلاعاتی و ارتباطاتی است که در سال ۱۹۶۱ تأسیس شده است. پس از استانداردسازی به دلیل مشکلات قانونی برای استفاده از کلمه‌ی جاوا در نام این زبان، صحبت‌هایی شد و در نهایت نام رسمی این زبانECMAScript شد. جاوااسکریپت فقط نام تجاری اکمااسکریپت است (مثل جوهرنمک که نام تجاری کلریدریک اسید است).

نسخه‌ی ۱ اکمااسکریپت در سال ۱۹۹۷ در مرورگر NetScape Navigator 4 پیاده شد و مهمترین تغییرات آن اصلاح و استاندارد شدن شیءگرایی پروتوتایپی بود. نسخه‌ی ۲ اکمااسکریپت تغییری نسبت به نسخه‌ی ۱ نداشت و تنها برای رفع تناقضات بین استاندارد ECMA و ISO برای جاوااسکریپت بود. این نسخه در ژوئن ۱۹۹۸ منتشر شد.

اوّلین تغییرات بزرگ در نسخه‌ی ۳ اکمااسکریپت رخ داد. مهم‌ترین آن‌ها عبارت بودند از:

عبارت‌های منظّم (Regular Expression)

حلقه‌ی do while

مدیریت استثناء و try catch

توابع از پیش آماده‌ی بیشتری برای کار با رشته‌ها و آرایه‌ها

عملگرهای in و instanceof

اکمااسکریپت ۳ در دسامبر ۱۹۹۹ منتشر شد. در نوامبر سال ۲۰۰۰ نسخه‌ی ۶ مرورگر NetScape Navigator منتشر شد که از اکمااسکریپت ۳ پشتیبانی می‌کرد. چیزی نگذشت که اینترنت اکسپلورر هم از آن پشتیبانی کرد و حدود یک سال و نیم بعد مرورگر جدیدی برپایه‌ی NetScape Navigator منتشر شد به نام فایرفاکس که آن هم از کمااسکریپت ۳ پشتیبانی می‌کرد. برای همین عملاً جاوااسکریپت در تمام مرورگرهای اصلی آن زمان پشتیبانی شد و تا امروزه هنوز بسیاری از کتابخانه‌های جاوااسکریپت برپایه‌ی نسخه‌ی ۳ نوشته می‌شوند.

تاریخچه مختصری از جاوا اسکریپت

تولّد AJAX

در همان زمان بود که مایکروسافت جاوااسکریپت را در مرورگر اینترنت اکسپلورر ۵ توسعه داد و توابعی را به آن اضافه کرد که رسماً جزء استاندارد اکمااسکریپت ۳ نبود. یکی از آن‌ها تابع XMLHttpRequest بود که به مرورگر امکان می‌داد به صورت آسنکرون درخواست HTTP به سرور ارسال کند. بنابراین به صفحه امکان می‌دهد تا بدون لود شدن دوباره‌ی کل صفحه، اطّلاعات آن را از سرور بگیرد و به روزرسانی کند. البته تا سال‌ها بعد کلمه‌ی AJAX برای آن به کار نمی‌رفت. XMLHttpRequest موفقیت خود را اثبات کرد و در سال‌های بعد به عنوان استانداردی مجزّا ارائه شد

از آن‌جایی که اینترنت اکسپلورر ۵ و ۶ تفاوت‌هایی با جاوااسکریپت استاندارد و سایر مرورگرها داشتند، توسعه دهندگان را تا مدّت‌های طولانی آزار می‌دادند. تا اینکه مایکروسافت تصمیم گرفت از نسخه‌ی ۷ به بعد از استانداردها پیروی کند. به همین دلیل شاهد بودیم سایت‌هایی که به جای به روزرسانی و پیروی از استانداردها از کاربران خود می‌خواستند از نسخه‌های قدیمی اینترنت اکسپلورر برای اجرای درست استفاده کنند.

اکمااسکریپت ۳.۱ و ۴: سال‌های مبارزه

متأسفانه این سال‌ها برای جاوااسکریپت اصلاً خوب نبود. به محض شروع کار روی اکمااسکریپت ۴ گروهی معتقد بودند که جاوااسکریپت به قابلیّت‌هایی نیاز دارد تا تبدیل به زبانی قوی‌تر برای تولید اپلیکیشن‌هایی با سایز بزرگ بشود. این گروه تغییرات بزرگ و قابلیّت‌های بسیارزیادی را برای رسیدن به این هدف مطرح کردند. دیگران معتقد بودند که این تغییرات خیلی بزرگ است و خوب نیست. عدم اجماع روی این موضوع و پیچیدگی زیادی که بعضی از قابلیّت‌های مطرح شده داشتند باعث شد انتشار اکمااسکریپت ۴ مدّت‌ها به عقب بیفتد. علی‌رغم قابلیّت‌های بسیار جالبی که در این نسخه معرّفی شده بود مرورگرها آن را پیاده‌سازی نکردند، مدّتی بعد شرکت Adobe برای زبان Action Script و همچنین مایکروسافت برای زبان JScript.Net اکمااسکریپت ۴ را پیاده‌سازی کردند و آن را به عنوان پایه و اساس موتورهای خود به کار بردند. اکمااسکریپت ۴ قابلیّت‌های زیر را داشت:

Classes

Interfaces

Namespaces

Packages

Optional type annotations

Optional static type checking

Structural types

Type definitions

Multimethods

Parameterized types

Proper tail calls

Iterators

Generators

Instrospection

Type discriminating exception handlers

Constant bindings

Proper block scoping

Destructuring

Succint function expressions

Array comprehensions

هدف اکمااسکریپت ۴ تولید اپلیکیشن‌های بزرگ بود. اگر با اکمااسکریپت ۶ آشنا باشید حتماً متوجّه شدید که بسیاری از قابلیّت‌های اکمااسکریپت ۴ دوباره در آن معرّفی شده است.

تاریخچه مختصری از جاوا اسکریپت

گروهی که برای توسعه‌ی اکمااسکریپت ۴ کار می‌کردند از شرکت‌های Adobe، Microsoft، Mozilla و Opera بودند. Yahoo وقتی وارد این جمع شد که اکثر تصمیمات گرفته شده بود. نماینده‌ی یاهو مخالفت خودش را با بسیاری از استانداردهای تصویب شده در اکمااسکریپت ۴ ابراز کرد. نماینده‌ی مایکروسافت نیز از او حمایت کرد. با شروع این شک و تردیدها مایکروسافت محکم جلوی اکمااسکریپت ۴ ایستاد و هیچ‌کدام از بخش‌های آن را قبول نکرد و تمام توان خود را به کار برد تا این استاندارد تصویب نشود. به هر حال این موضوع باعث شد یک جر و بحث حسابی بین اعضای کمیته در بگیرد و به توافق نرسند. نماینده‌ی مایکروسافت ایده‌ای ارائه داد و آن این بود که روی نسخه‌ای از جاوااسکریپت کار شود که تغییراتی کوچک داشته باشد بدون تغییر Syntax که اکمااسکریپت ۳.۱ نامیده می‌شد.

تا مدّتی هر دوی این استانداردها با هم وجود داشتند. دو کمیته تشکیل شد، یکی روی اکمااسکریپت ۴ و دیگری روی ۳.۱ کار می‌کرد. امّا اکمااسکریپت ۴ پیچیده‌تر از این بود که در صورت عدم توافق بتواند تمام شود. امّا اکمااسکریپت ۳.۱ بسیار ساده‌تر بود و در نهایت به خاطر لجبازی تمام شد.

در نهایت سال ۲۰۰۸ پایان عمر اکمااسکریپت ۴ بود. زمانی که براندان ایچ اعلام کرد که تمرکز اصلی روی اکمااسکریپت ۳.۱ باید باشد و تا سال دیگر باید روی نسخه‌ای از اکمااسکریپت کار شود که با نسخه‌ی ۳.۱ سازگار باشد و تغییرات آن نسبت به نسخه‌ی قبلی از هر لحاظ نباید مثل اکمااسکریپت ۴ این‌قدر زیاد باشد.

در مجموع توسعه‌ی اکمااسکریپت ۴ حدود ۸ سال طول کشید و در نهایت دور انداخته شد.

تاریخچه مختصری از جاوا اسکریپت

Action Script

اکشن‌اسکریپت یک زبان برنامه‌نویسی برپایه‌ی اکمااسکریپت ۴ است. شرکت Adobe این زبان را به عنوان بخشی از Flash پیاده‌سازی کرد و این تنها زبان برنامه‌نویسی است که می‌تواند در Flash به کار رود. این کار ادوب حمایت بزرگی برای حفظ اکمااسکریپت ۴ بود. حتّی ادوب به امید مورد قبول واقع شدن اکمااسکریپت ۴ موتور اکشن‌اسکریپت را نیزبه صورت متن‌باز  منتشر کرد. آن‌ها امیدوار بودند که نسخه‌های آینده‌ی اکمااسکریپت با اکشن‌اسکریپت سازگار باشند که متأسّفانه این‌طور نشد.

تاریخچه مختصری از جاوا اسکریپت

اکشن‌اسکریپت امروزه به عنوان زبان برنامه‌نویسی Flash باقی‌مانده است. که البته با ظهور HTML5 به مرور در افق محو می‌شود! اگر اکمااسکریپت ۴ پذیرفته می‌شد و ادامه داشت، اکنون کدهای جاوااسکریپت ما بسیار شبیه کدهایی بود که با اکشن‌اسکریپت نوشته می‌شوند.

E4X

در همان سال‌های کار روی اکمااسکریپت ۴ (سال ۲۰۰۴)، E4X معرّفی شد. E4X مخفّف ECMAScript for XML بود که استانداردسازی هم شده بود (ECMA-357). در اصل E4X همان اکمااسکریپت بود که یک نوع داده‌ی دیگر هم به آن اضافه شده بود، یعنی XML. این موضوع مورد توجّه موتورهای جاوااسکریپت آن زمان مثل SpiderMonkey قرار گرفت و پیاده‌سازی شد، ولی به دلیل استفاده‌ی بسیار کم برنامه‌نویسان از آن برداشته شد، در فایرفاکس از نسخه‌ی ۲۱ به بعد پشتیبانی از E4X قطع شد.

مسلّماً نوع داده‌ای مثل JSON در جامعه‌ی جاوااسکریپت بیشتر مورد پذیرش بود، به همین دلیل E4X بدون  دردسر خاصی آمد و رفت.

ECMAScript 5 تولّد دوباره‌ی جاوااسکریپت

پس از کشمکش‌های زیادی که سر اکمااسکریپت ۴ پیش آمد، بعد از سال ۲۰۰۸، اکمااسکریپت ۴ دور انداخته شد و همه روی اکمااسکریپت ۳.۱ تمرکز کردند. در سال ۲۰۰۹ اکمااسکریپت ۳.۱ کامل شد و توسّط تمام اعضا مورد قبول واقع شد. کمیته برای این که عموم مردم گیج نشوند نام این نسخه را به اکمااسکریپت ۵ تغییر داد. درست است که اکمااسکریپت ۴ مورد توافق واقع نشد، ولی به عنوان یک نسخه‌ی خاص از اکمااسکریپت باقی ماند و در نتیجه این نسخه اکمااسکریپت ۵ نام گرفت.

اکما اسکریپت ۵ به بهترین نسخه‌ی جاوااسکریپت از لحاظ پشتیبانی مرورگرها تبدیل شد. اکمااسکریپت ۵ به طور کامل توسّط فایرفاکس ۴ (سال ۲۰۱۱)، کروم ۱۹ (سال ۲۰۱۲)، سافاری۶ (سال ۲۰۱۲)، اُپرا ۱۲ (سال ۲۰۱۲) و اینترنت اکسپلورر ۱۰ (سال ۲۰۱۲) پشتیبانی می‌شود.

تاریخچه مختصری از جاوا اسکریپت

اکمااسکریپت ۵ نسبت به اکمااسکریپت ۳ تغییرات کمی داشت، از جمله:

Getterها و Setterها

قراردادن ویرگول در انتهای آرایه یا شیء مجاز است

متدهای جدیدی برای Object (متد create، defineProperty، keys، seal، freeze، gwtOwnPropertyNames و…)

متدهایی برای Array (متدهای isArray، indexOf، every، some، map، filter، reduce و…)

متد trim برای رشته‌ها

متدهایی برای Date (متدهای toISOString، now، toJSON)

متد bind برای تابع‌ها

JSON

اشیاء undefined، NaN و Infinity

حالت Strict

یک سری تغییر کوچک دیگر

هیچ کدام از موارد بالا تغییری در Syntax جاوااسکریپت ندادند. قبل از آن هم Getterها و Setterها به صورت غیر رسمی در مرورگرها پشتیبانی می‌شد. اکمااسکریپت ۵ در سال ۲۰۱۱ تحت عنوان اکمااسکریپت ۵.۱ بازگویی شد، ولی هیچ قابلیّت جدیدی نسبت به اکمااسکریپت ۵۵ نداشت، جز اینکه بعضی از قسمت‌های مبهم در این استاندارد شفّاف‌سازی شده بود.

تاریخچه مختصری از جاوا اسکریپت

اکمااسکریپت ۶ (۲۰۱۵) و ۷ (۲۰۱۶): زبانی همه منظوره

خیلی از قابلیّت‌هایی که در اکمااسکریپت ۴ بحث شده بود حذف شد و خیلی‌های دیگر این بار با نگاهی جدید بازبینی شد و اکمااسکریپت ۶ که بعداً به اکمااسکریپت ۲۰۱۵ تغییر نام پیدا کرد همراه با تغییراتی بسیار بزرگ ارائه شد. با این‌که این بار اعضای کمیته با هم متّحد بودند و در نهایت در سال ۲۰۱۵ آن را تصویب کردند، بعضی از سازندگان مرورگرها به دلیل زیاد بودن تغییرات هنوز که هنوز است (ژانویه‌ی ۲۰۱۷) کاملاً آن را پیاده‌سازی نکرده‌اند.

تاریخچه مختصری از جاوا اسکریپت

انتشار اکمااسکریپت ۲۰۱۵ باعث شد جهشی بزرگ در استفاده از ترنسپایلرهایی مثل Babel یا Traceur رخ دهد. مردم با کمک این ترنسپایلرها می‌توانستند قابلیّت‌های جدید اکمااسکریپت ۲۰۱۵ را تست کنند (ترنسپایلرها می‌توانند کد اکمااسکریپت ۲۰۱۵ را به کد اکمااسکریپت ۵ تبدیل کنند که در مرورگرها بدون مشکل اجرا شود).

بسیاری از قابلیّت‌های بزرگ اکمااسکریپت ۴ در این نسخه با دیدی جدید ارائه شد. مثلاً class در اکمااسکریپت ۲۰۱۵ چیزی بیشتر از یک Syntax جدید برای همان تابع سازنده و پروتوتایپ که قبلاً استفاده می‌شد نیست. این رویکرد انتقال به نسخه‌ی جدید را ساده‌تر می‌کند.

خلاصه‌ای کوتاه از قابلیّت‌های اکمااسکریپت ۶:

let و const

Arrow function و lexical this

class

بهبودهایی در Object literal

Template string

Promise

Generatorها و iterableها و iteratorها و for…of

آرگومان پیش‌فرض برای تابع‌ها و عملگر rest

Spread

Destructuring

Module

اشیائی جدید برای مجموعه (Set، Map، WeakSet و WeakMap)

Proxy و Reflection

Symbol

Typed array

پشتیبانی از ارث‌بری از کلاس‌های پیش‌فرض

پشتیبانی ساده‌تر از Unicode

سینتکسی برای نوشتن اعداد در مبنای ۲ و مبنای ۸

تمام این قابلیّت‌ها مخاطبین جاوااسکریپت را افزایش می‌دهد و به برنامه‌نویسی اپلیکیشن‌های بزرگ کمک می‌کند. در این نسخه خیلی از قابلیّت‌های اکمااسکریپت ۴ که خیلی تهاجمی بودند، مثل namespace یا تعیین نوع‌داده برای متغیّرها نادیده گرفته شدند و خیلی از قابلیّت‌های دیگر با دیدی جدید معرّفی شدند. با این حال اکمااسکریپت ۲۰۱۵ حدود ۶ سال طول می‌کشد تا کاملاً در مرورگرها پیاده‌سازی شود و قابل استفاده باشد.

در سال ۲۰۱۶ تجدید نظری روی اکمااسکریپت ۲۰۱۵ انجام شد و  اصلاحات کوچکی انجام گرفت که به عنوان اکمااسکریپت ۲۰۱۶ معرّفی شد. این اصلاحات عبارتند از:

عملگر توان (**)

متد includes برای آرایه‌ها

بعضی اصلاحات کوچک (Generatorها نمی‌توانند با new به کار روند و…)

آینده: اکمااسکریپت ۲۰۱۷ و بعد از آن

شاید مهم‌ترین چیزی که در این پروپوزال روی آن کار می‌شود async/await باشد. Async/await کار با Promiseها را از لحاظ Syntax ساده‌تر می‌کند.بعضی از تغییرات کوچکتر این پروپوزال عبارتند از:

Object.values و Object.entries

متدهای padStart و padEnd برای رشته‌ها

Object.getOwnPropertyDescriptors

ویرگول اضافی در انتهای آرگومان‌های تابع‌ها مجاز است

تاریخچه مختصری از جاوا اسکریپت

امّا آینده به این‌جا ختم نمی‌شود. ما نگاهی به سایر پروپوزال‌ها انداخته‌ایم که ببینیم در آینده با چه چیزهایی مواجه خواهیم بود. جذّاب‌ترین آن‌ها عبارتند از:

SIMD API

Generator arrow function

حافظه‌ی اشتراکی و atomics

عملیّات روی اعداد صحیح ۶۴ بیتی

جاوااسکریپت روز به روز بیشتر شبیه یک زبان همه‌منظوره می‌شود، امّا یک چیز بزرگ وجود دارد که آینده‌ی جاوااسکریپت را دگرگون خواهد کرد.

تاریخچه مختصری از جاوا اسکریپت

WebAssembly

اگر تا به حال در مورد وب‌اسمبلی چیزی نشنیده‌اید حتماً باید در این زمینه مطالعه کنید. وب‌اسمبلی اجازه می‌دهد با زبان‌های برنامه‌نویسی دیگری غیر از جاوااسکریپت هم بتوانید کد بزنید. این برنامه‌ها در نهایت به بایت‌کُدِ وب‌اسمبلی تبدیل می‌شوند (مثل زبان جاوا که برنامه‌ی نهایی به یک فایل jar که در اصل همان بایت‌کُد است تبدیل می‌شود). حالا این بایت‌کُد در مرورگر لود می‌شود. طبیعتاً سرعت اجرای بایت‌کُد توسّط مرورگر بسیار بیشتر از اجرای تفسیری کدهای جاوااسکریپت معمولی است. ضمناً می‌شود سورس‌مپ‌هایی را نیز همراه بایت‌کُد وب‌اسمبلی تولید کردتا برای دیباگ کردن کُد نیز مشکلی وجود نداشته باشد. هم‌اکنون مرورگرهای کروم و فایرفاکس در نسخه‌های آزمایشی خود وب‌اسمبلی را پیاده‌سازی کرده‌اند.

تاریخچه مختصری از جاوا اسکریپت