اصطلاحات مهم طراحی سایت
اصطلاحات مهم طراحی سایت هر صنعتی سهم مناسبی از اصطلاحات خاص خود را دارد. با این حال، بخش طراحی سایت به ویژه در اختراع اصطلاحات، کلمات اختصاری و اختصارات گیج کننده ماهر است. و اگر در دنیای طراحی سایت تازه کار هستید، محتوای مملو از این اصطلاحات می تواند بسیار گیج کننده باشد. بنابراین، اینجا یک واژه نامه مستقیم از اصطلاحات طراحی سایت است.
- شرایط طراحی سایت
- تست AB
- دسترسی
- نرخ پرش
- طراحی محتوا اول
- CTA
- CSS
- HTML
- جاوا اسکریپت
- بارگذاری تنبل
- برچسب های متا
- Mobile-First Design
- پاسخگو
- عنصر چسبنده
- UAT
- نتیجه
- شرایط طراحی سایت
- تست AB
1.تست AB
تست AB که به عنوان تست تقسیم نیز شناخته می شود، یک روش تست برای تعیین بهترین گزینه از چندین گزینه است. برای مثال، ممکن است دو صفحه فرود را برای یک هدف واحد توسعه دهید. سپس، 50٪ از ترافیک را به هر صفحه هدایت می کنید و تبدیل ها را دنبال می کنید. سپس صفحه ای با بالاترین نرخ تبدیل به عنوان صفحه فرود اصلی انتخاب می شود.
2.دسترسی
دسترسی به سهولت استفاده از سایت برای افراد دارای معلولیت اشاره دارد. به عنوان مثال، می توانید با انتخاب رنگ های متضاد که برای بازدیدکنندگان کم بینا به راحتی قابل خواندن باشد، وب سایت را در دسترس تر کنید. دسترسپذیری طیف گستردهای از اصطلاحات مهم طراحی سایت، از جمله اندازه دکمهها و محل قرارگیری، بهینهسازی محتوا برای صفحهخوانها، و استفاده مناسب از تگهای Alt را پوشش میدهد.
3.نرخ پرش
نرخ پرش اصطلاحی است که در تجزیه و تحلیل سایت استفاده می شود و به درصد بازدیدکنندگانی اطلاق می شود که تنها پس از مشاهده کوتاه یک صفحه، سایت را ترک می کنند. اکثر سایت ها دارای نرخ پرش در منطقه 40٪ هستند
4.طراحی محتوا-اول
رویکرد طراحی محتوا اول اولویت را بر روی محتوا قرار می دهد. بنابراین ابتدا محتوا نوشته می شود و سایت حول آن محتوا طراحی می شود. روش جایگزین، تناسب محتوا با فضای موجود در یک سایت است.
5.CTA
Call to Action (CTA) خطی از متن، بنر یا دکمه ای است که کاربر را برای انجام اقدام فرا می خواند. CTA ها عموماً شامل عبارات عملی کوتاه اما قانع کننده هستند که کاربر را تشویق به انجام یک اقدام خاص می کند. یک مثال معمولی از یک فراخوان برای اقدام، دکمه «اکنون خرید» در یک سایت تجارت الکترونیک است.
6.CSS
CSS (Cascading style sheets) زبانی است که طراحان سایت برای استایل دادن به صفحه استفاده می کنند. CSS برای تعریف رنگ ها، فونت ها و اشکال استفاده می شود. HTML همانطور که در زیر توضیح داده شد، ساختار یک صفحه را ایجاد می کند. تفاوت بین CSS و HTML اغلب به این صورت توصیف می شود که HTML اسکلت و CSS پوست است.
7.HTML
HTML، زبان اصلی صفحات سایت، مخفف Hypertext Markup Language است. HTML برای تعریف ساختار و محتوای اصلی یک صفحه استفاده می شود. از برچسب ها برای نشان دادن عناصر مختلف مانند سرصفحه ها، متن بدنه و تصاویر استفاده می کند
8.تست قابلیت استفاده
تست قابلیت استفاده آسان بودن استفاده از یک سایت را آزمایش می کند. فرآیند تست معمولا شامل افرادی می شود که بدون اتصال به سایت گزینه ها و رویه های مختلف را آزمایش می کنند و افکار خود را مستند می کنند. تست قابلیت استفاده قبل از تست UAT انجام می شود و بر سهولت استفاده از عملکردهای خاص تمرکز دارد.
9.UX
UX کوتاه شده برای تجربه کاربری است. تجربه کاربر در اصطلاحات مهم طراحی سایت شامل تکنیک ها و ابزارهای طراحی است که برای شناسایی و برآوردن نیازها و اهداف کاربران استفاده می شود. تجربه کاربری نیز اصطلاحی است که اغلب برای توصیف رضایت فرد از تجربه یک سایت استفاده می شود. به عنوان مثال، یک سایت بازدیدکننده می تواند یک تجربه کاربری خوب، بد یا خسته کننده داشته باشد. بنابراین، UX تقریباً تمام جنبه های تعامل کاربر با یک سایت را پوشش می دهد.
10.UI
UI به رابط کاربری یا قسمت جلویی یک سایت اشاره دارد. رابط کاربری شامل جنبه های طراحی بصری، مانند طرح رنگ و تایپوگرافی است. و UI همچنین شامل عناصر سایتی است که کاربر با آنها تعامل خواهد داشت، از جمله فرمها.
11.وایرفریم ها
Wireframe در اصطلاحات طراحی سایت به طرح کلی یک صفحه سایت اشاره دارد. یک وایرفریم معمولاً حاوی هیچ رنگ، محتوا یا گرافیکی نیست. در عوض، طرحی از طرح بندی عناصر مختلف در یک صفحه است. Wireframing اغلب اولین قدم در پروژه طراحی سایت است..
12.جاوا اسکریپت
جاوا اسکریپت یک زبان برنامه نویسی است که برای توسعه عناصر تعاملی در یک سایت استفاده می شود. به عنوان مثال، جاوا اسکریپت زبانی است که برای اعتبارسنجی یک فرم و نوشتن محتوای فرم در پایگاه داده استفاده می شود. جاوا اسکریپت همچنین می تواند برای ایجاد جلوه های ویژه پویا در یک صفحه و برای انجام توابع باطن استفاده شود.
13.بارگذاری تنبل
بارگذاری تنبل یک تکنیک بهینه سازی سایت است که بارگذاری فیلم ها و تصاویر را تا زمانی که کاربر به سمت آنها اسکرول نکند به تاخیر می اندازد. بارگذاری تنبل باعث افزایش سرعت بارگذاری اولیه یک صفحه می شود
14برچسب های متا
متا تگ ها تکه هایی از اطلاعات هستند که محتوای یک صفحه سایت را برای موتورهای جستجو توصیف می کنند. متا تگ ها برای کاربر نهایی قابل مشاهده نیستند، اما موتورهای جستجو از تگ ها برای فهرست بندی صفحات وب استفاده می کنند.
15.Mobile-First Design
به طور سنتی، سایت ها با در نظر گرفتن کاربر دسکتاپ توسعه می یافتند. سپس،سایت برای تناسب با صفحهنمایشهای کوچکتر دستگاههای تلفن همراه، پذیرفته شد یا پاسخگو شد. یک متدولوژی طراحی موبایل اول رویکردی مخالف دارد. سایت یا برنامه ابتدا برای دستگاه های تلفن همراه طراحی شده و سپس برای صفحه نمایش بزرگتر رایانه های رومیزی سازگار شده است.
16.پاسخگو
یک سایت پاسخ ظاهر خود را متناسب با دستگاهی که در آن مشاهده می شود تغییر می دهد. بنابراین کاربر برای استفاده ازاصطلاحات مهم طراحی سایت نیازی به زوم و نیشگون گرفتن ندارد. اکنون بیش از 60 درصد از ترافیک سایت از دستگاه های تلفن همراه است. بنابراین، طراحی واکنش گرا به یکی از ویژگی های استاندارد سایت های مدرن تبدیل شده است.
17.عنصر چسبنده
یک عنصر چسبنده، عنصری از یک صفحه سایت است که موقعیت خود را هنگامی که کاربر صفحه را به پایین اسکرول می کند، حفظ می کند. نمونه ای از یک عنصر چسبنده، منویی است که وقتی کاربر صفحه را به پایین اسکرول می کند، قابل مشاهده باقی می ماند. مثال دیگر گفتگوی ربات چت است که با حرکت کاربر در یک صفحه باز و ثابت می ماند.
18.UAT
UAT (تست پذیرش کاربر) یکی از گیج کننده ترین اصطلاحات طراحی سایت است زیرا UAT معمولاً شامل هیچ کاربر نهایی نمی شود. افرادی که تست پذیرش کاربر را انجام می دهند به طور سنتی اعضای تیم مشتری هستند. UAT آخرین آزمایش وب سایت قبل از امضای پروژه و راه اندازی سایت است
نتیجه
فهرست بالا از اصطلاحات طراحی وب بسیار کامل نیست. در واقع، صنعت اصطلاحات طراحی سایت بیشتری برای گیج کردن و گیج کردن افراد ناآشنا دارد! بنابراین، اصطلاحات تخصصی طراحی سایت در پست بعدی توضیح داده خواهد شد. در عین حال، امیدواریم این لیست به شما کمک کند تا برخی از اصطلاحات مورد استفاده در محافل طراحی را کشف کنید.
پست های مرتبط:
جاوا اسکریپت چیست و چه کاربردهایی دارد؟
10 اصل اساسی طراحی وب خوب
چرا فضای خالی برای طراحی وب خوب بسیار مهم است؟
تفاوت UX و UI اما در طراحی وب با هم کار می کنند.