ویژگی یک وب سایت خوب

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

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

بایدها و نبایدها برای یک سایت خوب

ما در اینجا ویژگی یک وب سایت خوب را برای شما نام برده ایم. توجه کنید :

وب سایت شما باید . .


1. به نظر حرفه ای

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

 

2. یک نام دامنه خصوصی داشته باشید

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

3. امن باشید

اگر پرداخت های کارت اعتباری آنلاین را برای محصولات یا خدمات قبول می کنید ، سایت شما باید الزامات شورای استانداردهای امنیتی صنعت کارت پرداخت (PCI DSS) را رعایت کند.

4. یک نام دامنه به یاد ماندنی داشته باشید

نام دامنه خصوصی خود را به یاد بیاورید. ترجیحاً نام شغل شماست.

5. نام کسب و کار خود را با متن وارد کنید

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

6. آدرس کسب و کار خود را با متن وارد کنید

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

7. شماره تلفن شرکت خود را در قالب کلیک به تماس بگیرید

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

8. اطلاعات تماس را برای یافتن آسان کنید

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

9. به بازدید کنندگان بگویید که با یک نگاه چه می کنید

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

USP .10 خود را برجسته کنید

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

11. نمایش خاتمه مشتریان

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

12. بازخورد بازدید کنندگان را دعوت کنید

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

13. با بازدید کنندگان خود صحبت کنید – نه با خود

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

14. محتوای تازه را ارائه دهید

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

15. دارای کلمات کلیدی

استراتژی های SEO طبیعی ( بهینه سازی موتور جستجو ) برای دستیابی به بازدید کنندگان جدید به وب سایت شما ضروری است.

16. آن را شخصی کنید

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

17. پیوند به وب سایت های دیگر

پیوندهای برون مرزی می توانند به بهبود نتایج موتور جستجو کمک کرده و شما را به عنوان یک منبع با ارزش جلوه دهند.

18. به وب سایتهای دیگر پیوند دارید

پیوندهای ورودی حتی بیشتر موتور جستجوگر را به همراه دارند.

19. پرداخت را آسان کنید

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

20. با رسانه های اجتماعی ارتباط برقرار کنید

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

وب سایت شما نباید . .

1. تعداد زیادی زنگ و سوت داشته باشید

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

2. از انیمیشن های فلش ، متن متحرک ، مکان نما های فانتزی یا موسیقی استفاده کنید

این موارد غیر ضروری است ، برای بیشتر بازدید کنندگان آزار دهنده است و زمان بارگذاری شما را کند می کند.

3. ارسال تصاویر بدون برچسب ALT یا زیرنویس ها

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

4. پیوندهای مرده ای داشته باشید

افرادی که به هیچ صفحه ای منتهی نمی شوند یا به صفحه خطا می روند. پیوندهای خود را مرتباً بررسی کنید تا مطمئن شوید که هنوز هم کار می کنند.

5. لیست تمام محصولات و خدمات خود را

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

امیدواریم از این ویژگی های یک سایت خوب نهایت استفاده را ببرید و بتوانید از ویژگی های نام برده شده برای طراحی یک  وب سایت استفاده کنید.
منبع : ttmweb.ir

21 راه برای سرعت بخشیدن وبسایت

آیا سرعت بخشیدن به وبسایت مهم است؟

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

در مطالعه ای که توسط Akamai انجام شده است ، تقریبا نیمی از کاربران وب انتظار دارند که یک سایت در 2 ثانیه یا کمتر بارگیری شود. اگر ظرف 3 ثانیه بارگیری نشود ،کاربران تمایل دارند که سایت را ترک کنند.

تأخیر یک ثانیه ای در بازده زمان بارگیری صفحه باعث می شود که:

11? بازدید صفحه کمتر می شود.
16? رضایت مشتری را کاهش می دهد.
7? ضرر در تبدیل بازدیدکننده به مشتری ایجاد می کند.
چند ثانیه اضافی می تواند تأثیر بسزایی در توانایی شما در جذب بازدید کننده و فروش داشته باشد.

این بدان معنی است که داشتن یک سایت سریع ضروری است ، نه فقط برای رتبه بندی خوب با Google ، بلکه برای نگه داشتن مشتری های شما.

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

درجه بندی سایت ها براساس زمان بارگذاری سایت:

زیر 1 ثانیه = کامل
1-3 ثانیه = بالاتر از حد متوسط
3-7 ثانیه = متوسط
7+ ثانیه = بسیار ضعیف

1. درخواستهای HTTP را به حداقل برسانید.

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

اولین قدم برای به حداقل رساندن درخواست های شما ، مشخص کردن تعداد قسمت های سایت شما در حال حاضر است.

اگر از Google Chrome استفاده می کنید ، می توانید از ابزارهای برنامه نویس مرورگر استفاده کنید تا ببینید سایت شما چند درخواست HTTP ایجاد می کند.

کاهش درخواست های http

2.فایل ها را بهینه و ترکیب کنید.

اکنون که می دانید سایت شما چند درخواست دارد ، می توانید برای کاهش این تعداد کار کنید. بهترین کار برای شروع، کار با پرونده های HTML ، CSS و JavaScript است.این پرونده ها بسیار مهم هستند ، زیرا ظاهر سایت شما را تعیین می کنند.

با هر بازدید کاربر از سایت به تعداد درخواست های HTTP افزوده می شود.می توانید با “کوچک سازی” و ترکیب پرونده های خود ، این تعداد را کاهش دهید.  که باعث کاهش اندازه هر پرونده و همچنین تعداد کل پرونده های سایت می شود.

کوچک کردن فایل های سایت

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

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

ترکیب فایل ها دقیقاً همان چیزی است که به نظر می رسد. اگر سایت شما چندین فایل CSS و JavaScript را اجرا می کند ، می توانید آنها را ترکیب کنید.

روش های مختلفی برای کوچک سازی و ترکیب فایل ها وجود دارد و اگر سایت شما با وردپرس اجرا شود ، افزونه هایی مانند WP Rocket این روند را نسبتاً ساده انجام می دهند.

3- بارگذاری JavaScript را به تعویق بیندازید.

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

اگر یک سایت وردپرس دارید ، می توانید از افزونه WP Rocket که برای آسان کردن بارگذاری جاوا اسکریپت به تاخیر افتاده است ، استفاده کنید.

4- زمان بایت اول را به حداقل برسانید.

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

زمان بایت اول یا TTFB ، مدت زمانی است که یک مرورگر باید منتظر بماند تا اولین بایت داده خود را از سرور دریافت کند. گوگل TTFB کمتر از 200ms  را توصیه می کند.

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

هنگامی که یک کاربر از سایت شما بازدید می کند ، مرورگرِکاربر درخواست HTTP را به سرور میزبان سایت ارسال می کند. سه مرحله وجود دارد که باید بین درخواست اولیه و دریافت اولین بایت داده ها اتفاق بیفتد:

  1. جستجوی DNS
  2. پردازش سرور
  3. واکنش (پاسخگویی)

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

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

5. زمان پاسخگویی سرور را کاهش دهید.

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

DNS یا سیستم نام دامنه ، سروری است با بانک اطلاعاتی از آدرسهای IP و نامهای میزبان مرتبط آنها. وقتی کاربر URL را در مرورگر خود وارد می کند ، یک سرور DNS همان چیزی است که آن URL را به آدرس IP ترجمه می کند که موقعیت آن را به صورت آنلاین نشان  دهد.

بنابراین ، جستجوی DNS فرایند یافتن یک رکورد خاص DNS است. به طور مثال،می توانید به عنوان رایانه خود در جستجوی شماره در دفترچه تلفن ، از آن فکر کنید.

مثالی برای جستوجوی DNS

به عنوان مثال ، بیایید بگوییم که شما می خواهید به URL:www.ttmweb.ir مراجعه کنید. شما این مورد را در مرورگر خود تایپ می کنید.ISP شما برای یافتن آدرس IP مرتبط با آن URL ، یک جستجوی DNS را انجام می دهد.

سرعت بخشیدن و وبسایت

یک آدرس IP مانند 52.40.57.158.443 دریافت می کند ، که برای پیدا کردن سایت مورد نظر از آن استفاده می شود. این مرحله باعث می شود تا کاربران نیازی به حفظ کردن رشته های طولانی از اعداد برای دسترسی به اطلاعات آنلاین نداشته باشند.میزان زمانی که این مرحله انجام می شود بستگی به سرعت ارائه دهنده DNS شما دارد.

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

رتبه بندی dns

6. میزبان(سرور) مناسب را برای سایت خود انتخاب کنید.

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

برای میزبانی سایت خود، سه گزینه مختلف دارید:
  1. میزبانی مشترک
  2. میزبانی VPS
  3. سرور اختصاصی

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

با میزبانی مشترک ، منابع خاصی مانند CPU ، فضای دیسک و RAM را با سایر سایتهای میزبانی شده در همان سرور به اشتراک می گذارید.

با میزبانی VPS ، شما هنوز یک سرور را با سایر سایت ها به اشتراک می گذارید ، اما بخش اختصاصی خود را از منابع سرور دارید. این یک گزینه مناسب مابین است. سایت شما را از هر کس دیگری روی سرور شما محافظت می کند بدون نیاز به  هزینه ای برای میزبانی اختصاصی.

میزبان

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

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

7-  فشرده سازی را اجرا کنید.

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

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

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

8. فشرده سازی را فعال کنید.

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

Gzip یک فرمت فایل و برنامه نرم افزاری است که در واقع رشته های کد مشابه را در پرونده های متنی شما قرار می دهد ، سپس آنها را به طور موقت جایگزین می کند تا پرونده ها کوچکتر شوند.که خوبی با CSS و HTML کار می کند ، زیرا این پرونده ها به طور معمول دارای کد و فضای مکرر هستند.

بیشتر سرورهای وب می توانند قبل از ارسال آنها برای بارگیری ، با تماس با یک ماژول یا استفاده از روالهای داخلی ، پرونده ها را با فرمت Gzip فشرده کنند. طبق گفته یاهو ، این کار می تواند زمان بارگیری را حدود 70? کاهش دهد.

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

اگر مطمئن نیستید که سایت شما Gzip را فعال کرده است ، می توانید از checkgzipcompression.com برای دیدن استفاده کنید. فقط URL سایت خود را باید وارد کنید.

فشرده سازی

9. حافظه پنهان مرورگر را فعال کنید.

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

در اینجا چگونگی آن از زبان Tenni Theurer ،  آورده شده است:

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

در تست تورر ، هریک از سه مؤلفه  0.9 ثانیه زمان را کم کرد که تقریباً 2 ثانیه از زمان بارگذاری را کوتاه می کند.

فعال کردن حافظه پنهان سایت های WordPress

نحوه تنظیم caching بستگی به این دارد که آیا سایت خود را با WordPress یا HTML static اجرا می کنید.

اگر یک سایت وردپرس را راه اندازی کرده اید ، می توانید از افزونه ای مانند W3 Total Cache استفاده کنید تا به راحتی حافظه پنهان را فعال کنید.

W3 Total Cache ادعا می کند که کاربران آن پس از پیکربندی کامل پلاگین ، 10 برابر در نتایج Google  و تا 80? در نگهداری پهنای باند،بهبود مشاهده کرده اند.

فعال کردن حافظه پنهان سایت های HTML static

اگر یک سایت HTML استاتیک دارید ، می توانید حافظه ذخیره سازی را در پرونده htaccess خود فعال کنید.

می توانید خط هایی را به کد اضافه کنید که به مرورگرها بگوید حافظه پنهان را ذخیره کرده و مدت زمان ذخیره آن، چقدر است.

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

برای کلیه منابع ذخیره شده مانند JavaScript و پرونده های CSS ، پرونده های تصویری ، پرونده های رسانه ای و PDF ، حافظه پنهان را بین حداقل یک هفته تا یک سال تنظیم کنید.

10. اندازه تصویر را کاهش دهید.

تصاویر می توانند نقش مهمی در سرعت سایت شما داشته باشند.که روی رابط کاربری و تجربه کاربری ( ui & ux) سایت تاثیر به سزایی می گذارد.آنها اغلب پرونده های بسیار بزرگی هستند که می توانند بارگیری صفحه را کند کنند.اما حذف آنها در کل گزینه ی مناسبی نیست.

این را در نظر بگیرید: میانگین تبدیل بازدیدکننده به مشتری وب سایت تجارت الکترونیکی در حدود 1-3? شناور است.اما این تعداد ممکن است برای برخی از سایت ها 5 درصد افزایش یابد.

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

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

با ابزاری مانند Pingdom می توانید ببینید که چه اندازه از تصاویر تأثیرگذاری در هر یک از صفحات خود وجود دارد. یک تست سرعت صفحه را اجرا کنید ، سپس به “درخواست های نوع محتوا” نگاه کنید.

مثالی برای کاهش اندازه تصاویر

یکی از ساده ترین راه ها برای کاهش اندازه پرونده های تصویر ، برش تصاویر در اندازه صحیح است. به عنوان مثال ، اگر می خواهید تصویری به اندازه 570 پیکسل ظاهر شود ، اندازه تصویر را در  عرض آن تغییر دهید.

“تصویری به عرض 2000 پیکسل بارگذاری نکنید و پارامتر عرض را به اندازه دلخواه خود تنظیم کنید.”

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

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

فشرده سازی در سایت های وردپرسی

اگر سایت شما با وردپرس اجرا می شود ، WP Smush گزینه بسیار خوبی است.

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

اگر از WordPress استفاده نمی کنید ، می توانید از یک ابزار غیروردپرسی مانند Compressor.io استفاده کنید.قبل از افزودن تصویری به سایت خود ، آن را در این ابزار بارگذاری کنید و فشرده سازی بدون ضرر را انتخاب کنید.بعد از اینکه فایل جدید را ذخیره کردید ، می توانید آن را در سایت خود بارگذاری کنید.

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

فرمت های مختلف عکس

شما چند گزینه مختلف برای فرمت عکس دارید که متداول ترین آنها JPG ، PNG و GIF است.

1. فرمتJPG

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

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

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

2.فرمت PNG

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

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

3.فرمت GIF

سرانجام ، GIF ها فقط باید برای گرافیک های کوچک یا ساده با اندازه کمتر از 10 × 10 پیکسل ، یک پالت رنگی از 3رنگ یا کمتر  و برای تصاویر متحرک استفاده شوند.

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

 

منبع : TTMWEB.IR


21 راه برای سرعت بخشیدن وبسایت (ادامه)

11. از CDN استفاده کنید.

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

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

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

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

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

cdn

مثالی برای استفاده از CDN

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

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

در یک آزمایش ، VentureHarbour گزارش کرد که در مدت زمان بارگیری از 20-51? – برای 20 دقیقه کار کاهش می یابد.

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

MaxCDN یک CDN کامل است ، به این معنی که فقط خدمات CDN را ارائه می دهد. آنها مراکز بیشتری دارند و فقط بر بهبود زمان بارگیری تمرکز می کنند.از طرف دیگر Cloudflare ، خدمات CDN را با ویژگی های امنیتی و بهینه سازی ترکیب می کند.

موردی که شما انتخاب می کنید به این بستگی دارد که آیا شما می خواهید آن ویژگی های اضافی را داشته باشید یا فقط می خواهید روی بهبود سرعت سایت متمرکز شوید.

12. از پلتفرم های میزبان خارجی استفاده کنید.

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

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

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

سرور اشتراکی و فضای محدود آن

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

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

اگر تا به حال سعی کرده اید ویدیو تماشا کنید و هر بار برای بارگیری آن مکث کرده اید ، می دانید که چقدر ناامید کننده است.این کار را با بازدید کنندگان خود انجام ندهید.در عوض ، فیلم خود را در یک سرویس مانند Aparat، YouTube ، Vimeo یا Wistia میزبانی کنید.سپس ، فیلم را در سایت خود تعبیه کنید.

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

13. CSS را بهینه کنید.

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

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

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

کاهش درخواست های css

14. اولویت بندی محتوای بالاتر (بارگذاری تنبل)

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

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

بارگذاری تنبل

مثالی برای اولویت بندی محتوا

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

به این ترتیب ، کاربر مجبور نیست برای دسترسی به صفحه منتظر بماند ، و تصاویر در هنگام مشاهده بارگذاری می شوند.این امر می تواند زمان بارگیری را در پست ها با تصاویر زیاد کاهش دهد.

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

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

WP Rocket

اگر قبلاً از WP Rocket استفاده کرده اید ، می توانید از افزونه برای بارگذاری تنبل نیز استفاده کنید.تنظیمات WP Rocket خود را باز کرده و روی زبانه “Basic” کلیک کنید. در بخش LazyLoad ، کادر کنار “فعال کردن تصاویر” را علامت بزنید.

15. تعداد افزونه هایی را که در سایت خود استفاده می کنید کاهش دهید.

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

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

افزونه های خود را تست کنید.

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

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

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

خوشبختانه ، یک جایگزین برای این کار وجود دارد: نصب یک افزونه دیگر.

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

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

همپوشانی های عملکرد را شناسایی کنید.

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

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

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

افزونه ها را برای کارهایی که می توانید بصورت دستی انجام دهید حذف کنید.

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

به عنوان مثال ، بسیاری از دارندگان سایت از افزونه ای برای اضافه کردن کد رهگیری Google Analytics به سرصفحه خود استفاده می کنند. اگرچه این کار روند را برای  کاربری  که نمی تواند کد را راحت ویرایش کند ، خوب است ، اما در کل وجود آن لازم نیست.

اگر افزونه ای برای ویرایش عناوین و پاورقی ها ندارید ، می توانید به صورت دستی آن را از طریق FTP سایت خود به آن اضافه کنید.

16- تغییر مسیرها (redirects) را  کاهش دهید.

تغییر مسیرها (redirects) معمولاً هنگام جابجایی و حذف صفحات ضروری هستند و بهترین راه برای از بین بردن مشکلات با لینکهای خراب هستند.اما داشتن بیش از حد بسیاری از آنها می تواند به درخواستهای HTTP اضافه کند ، که بر سرعت سایت تأثیر منفی  می گذارد ، خصوصاً در دستگاه های تلفن همراه.

این بدان معنی است که بهتر است آنها را به حداقل برسانید. در حقیقت ، گوگل می گوید که در حالت ایده آل ، صاحبان سایت آنها را به کلی حذف کنند.اما متأسفانه ، این مورد برای اکثر صاحبان سایت که تاکنون محتوای خود را حذف کرده و یا تغییر ساختار داده اند ، واقع بینانه نیست.

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

تغییرمسیر

17- اسکریپت های خارجی را کاهش دهید.

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

گرچه پرونده های CSS و JavaScript اغلب مقصر اصلی اسکریپت های خارجی اضافی هستند ، آنها تنها مقصر نیستند و از بین بردن سایر موارد نیز می تواند بر سرعت شما تأثیر بگذارد.

18. سرعت سایت خود را با گذشت زمان نظارت کنید.

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

همانطور که از این پست می بینید ، فاکتورهای زیادی وجود دارند که بر سرعت سایت شما تأثیر می گذارند، بنابراین سرعت سایت می تواند تقریباً در هر زمان تغییر کند.

نظارت بر سرعت سایت  شما به طور منظم می تواند به شما کمک کند زودتر مشکلی را پیدا کنید ، و سایت خود را در وضعیت خوبی قرار دهید.

نحوه انجام تست سرعت وب سایت

ابزارهای زیادی وجود دارد که می توانید برای تحقق این امر از آن استفاده کنید. یکی از بهترین راهکارها برای نظارت بر عملکرد کلی سایت ، تست سرعت وب سایت Pingdom است.

19. مرتباً پایگاه داده خود را بهینه کنید.

این روشی که  اغلب آن را نادیده می گیرند اما بسیار قدرتمند برای افزایش سرعت وب سایت شماست. در صورت استفاده از WordPress یا هر CMS که به استفاده از بانک اطلاعاتی بسیار متکی است ، به ویژه مؤثر است.

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

شما می توانید با تمیز کردن مرتب پایگاه داده خود ، وب سایت خود را بسیار سریعتر کنید ،در صورت استفاده از WordPress می توانید از افزونه WP-Optimize استفاده کنید.

بهینه سازی پایگاه داده

20.تمام پیوندهای شکسته را در وب سایت خود برطرف کنید.

اگرچه پیوندهای شکسته شده در محتوای شما بر سرعت وب سایت شما تأثیر نمی گذارد ،اما آنها می توانند یک تجربه کاربر بد را ایجاد کنند ، پیوندهای شکسته در URL های JavaScript ، CSS و Image شما می توانند وب سایت شما را تحریک به کندشدن کنند. حتماً این جنبه های وب سایت خود را برای لینک های خراب اسکن کرده و آنها را قبل از ارسال کاربران خود برطرف کنید.

20- از شتابدهنده PHP استفاده کنید.

PHP نیاز به وارد کردن اطلاعات یکسان در وب سایت خود را تمام مدت کاهش می دهد اما می تواند به زمان بارگذاری وب سایت شما اضافه کند. در صورت امکان می توانید فایل های PHP را با پرونده های HTML ثابت جایگزین کنید ، یا می توانید در صورت وابستگی زیادی به PHP ، از یک شتاب دهنده PHP استفاده کنید تا وب سایت شما خیلی سریعتر شود.

21. نظارت بر سرعت صفحه تلفن همراه

علاوه بر نظارت بر بارگذاری  در دسک تاپ ،باید به میزان بارگیری سایت شما در دستگاه های تلفن همراه توجه ویژه ای داشته باشید.همانطور که در بالا اشاره کردیم ، تجربه کاربر تلفن همراه اکنون بر همه رتبه های سایت شما تأثیر می گذارد.

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

 

نتیجه

رسیدن به سرعتی مناسب برای بارگذاری صفحه ممکن است یک کار دشوار باشد اما تأثیر مثبتی در عملکرد کلی سایت شما خواهد داشت.

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

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

منبع : TTMWEB.IR

 


رابط کاربری و تجربه کاربری ( UI & UX )

رابط کاربری و تجربه کاربری چیست؟

آیا تا به حال از خود سؤال کرده اید که رابط کاربری و تجربه کاربری چیست؟ و یا چه تفاوتی بین آنها وجود دارد؟ در پست امروز ما کمی عمیق تر به رابط کاربری و تجربه کاربری ( UI & UX ) می پردازیم تا درک بهتری از تفاوت های بین آنها داشته باشیم.

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

رابط کاربری UI

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

رابط کاربری و تجربه کاربری(UI & UX)

 

تاریخچه مختصری از رابط کاربری

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

در دهه 1980 اولین رابط کاربری گرافیکی (GUI) توسط دانشمندان رایانه در Xerox PARC توسعه یافت. با استفاده از این نوآوری پیشگامانه ، کاربران می توانستند با ارسال بصری دستورات از طریق آیکون ها ، دکمه ها ، منوها و کادرهای کنترل ، با رایانه های شخصی خود ارتباط برقرار کنند.

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

رابط کاربری و تجربه کاربری(UI & UX)

 

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

رابط کاربری در حال حاضر

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

دستیاران صوتی در سال 2011 با دستیار صوتی شرکت اپل که Siri نام داشت شروع شد. از آن زمان ما همچنین معرفی دستگاه های (Google Now (2012 و دستگاههای (2014)Alexa را داشتیه ایم.

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

رابط کاربری و تجربه کاربری(UI & UX)

 

طراحان رابط کاربری

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

رابط کاربری و تجربه کاربری(UI & UX)

 

تجربه کاربری UX

طراحی تجربه کاربر (UXD یا UED) فرایند افزایش رضایت و وفاداری مشتری با بهبود قابلیت استفاده و سهولت استفاده رابط کاربری است که در تعامل بین مشتری و محصول ایجاد می شود.

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

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

“تجربه کاربر” شامل کلیه جنبه های تعامل کاربر نهایی با شرکت ، ازجمله خدمات و محصولات آن می باشد.

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

طراح تجربه کاربری

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

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

همکاری طراحان رابط کاربری (UI) با طراحان تجربه کاربری (UX) :

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

UI در مقابل UX : دو وظیفه بسیار متفاوت که در هماهنگی کار می کنند !

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

منبع : TTMWEB.IR


آشنایی با صفحات دینامیک و استاتیک

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

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

صفحات دینامیک

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

این سایت ها همچنین شامل برنامه نویسی HTML برای ساختار اساسی هستند. اسکریپت نویسی سمت مشتری یا سرور مراقبت از روده های سایت را انجام می دهد.

با استفاده از برنامه نویسی HTML در سمت مشتری ، این صفحه می تواند از JavaScript یا یک زبان نوشتاری دیگر برای تغییر داده های صفحه به عنوان ساختاری پویا استفاده کند.

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

به هر چیزی که به طور فعال تغییر کند یا تکامل یابد ، اشاره دارد. به عنوان مثال ، یک صفحه وب پویا دائماً از چندین منبع ورودی مانند نظرات کاربران یا عناصر صفحه که بطور تصادفی تولید می شوند ، در حال تغییر و در حال بروزرسانی شدن است.

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

یک وب سایت پویا صفحه اصلی Computer Hope است که یک اسکریپت Perl است که اطلاعات را از چندین منبع برای تولید صفحه نمایش داده شده به بازدید کننده بیرون می کشد.

صفحات استاتیک

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

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

صفحات استاتیک تغییر نخواهد کرد مگر اینکه سازنده به صورت دستی تغییری در پرونده ایجاد کند.

2. یک تخلیه الکتریکی ، برای اطلاعات بیشتر در مورد تخلیه استاتیک ، با نام ESD و خطرات احتمالی ناشی از آن در رایانه یا الکترونیک .

ESD یا به عبارتی electrostatic discharge به معنی تخلیه الکترواستاتیک (ESD) جریان ناگهانی برق بین دو جسم با بار الکتریکی ناشی از تماس ، قطعی برق یا خرابی دی الکتریک است. … ممکن است از شبیه سازهای ESD برای آزمایش دستگاه های الکترونیکی ، به عنوان مثال با مدل بدن انسان یا مدل دستگاه شارژ استفاده شود.

منبع : ttmweb.ir