|
عنوان |
شرکت طراحی سایت کلینیک |
|
نویسنده |
بالیی |
|
دپارتمان |
عالی و عالی |
|
کلمه کلیدی اصلی |
شرکت طراحی سایت در نجف آباد |
|
شرکت ما |
عالی و عالی |
آیا یونیک بودن و سئو فرندلی بودن صفحات ازدید گوگل حائز اهمیت است؟
خدمات سئو و 4 مورد از چگونگی آن درشرکت ما !
منابعی که برای شرکت طراحی سایت در اصفهان خود باید استفاده کنیم
بک لینک ها چگونه باعث سئو و بهینه شدن شرکت طراحی سایت در اصفهان ما می شوند
خدماتی که شرکت ما علاوه بر سئو ارائه می دهد
عنوان صحیح و تاثیرگذار بر مخاطب را انتخاب کنید
چند ثانیه روی سکوی آن.
در اخبار و ارتباطات ما مشترک شوید
نامه الکترونیکی
با وارد کردن ایمیل ، با ما موافقید
شرایط و ضوابط و سیاست های حریم خصوصی.
。 . کلیه حقوق محفوظ است
ایجاد شبکه
میزبانی وردپرس
میزبانی تجارت الکترونیکی
حضانت استاتیک
صفحه سازنده صفحه -در
سلام موضوع
محتوای پویا
تجارت الکترونیکی
تمور
زمین
سازنده پاپ
سازنده
دکمه تماس
بهینه سازی گردش کار
عناصر
بهینه کننده تصویر
سازنده
پیوند در زیست شناسی
آیا یونیک بودن و سئو فرندلی بودن صفحات ازدید گوگل شرکت طراحی سایت در اصفهان حائز اهمیت است؟
عنصر
طراح وب
توسعه دهنده
بازاریاب
مکانیزم
منبع
مرکز کمک
دانشکده
وبلاگ
مؤلفه اضافی
نقشه راه
وب سایت توسعه دهنده
حمایت
شبکه ایجاد فرم واژگان
یکپارچه
داستان خالق اینترنت
اتحاد
کتابخانه نکات
بارگیری وردپرس
شرکت
درباره ما
با ما تماس بگیرید
حرفه
پاسخ سوالات شرکت طراحی سایت در اصفهان متداول
خدمات سئو و 4 مورد از چگونگی آن درشرکت ما !
برنامه عضو
مرکز اعتماد
رسانه ها
علامت تجاری
شرایط و ضوابط
شرایط و ضوابط
خلوت
سیاست بیسکویت
بیانیه قابل دسترسی به وب سایت
مؤلفه نرم افزار منبع باز
قیمت گذاری
میزبانی وردپرس
میزبانی تجارت الکترونیکی
حضانت استاتیک
صفحه سازنده صفحه -در
محتوای مرتبط
وب شرکت طراحی سایت در اصفهان سایت در اکتبر 2021
در طراحی چیست؟
با الگوی صفحه ورود به سیستم جدید تجارت آنلاین ما ملاقات کنید
کیت الگوی ماهانه شماره 17: کیت الگوی سالن زیبایی
12 روند طراحی وب پیشرو 2021
منابعی که برای شرکت طراحی سایت در اصفهان خود باید استفاده کنیم
طراحی جدول بهترین تمرین
کیت الگوی ماهانه شماره 15: کیت الگوی استودیوی رقص
حقوق طراح وب: طراحان وب چقدر درآمدند؟
کیت الگوی شرکت طراحی سایت در اصفهان ماهانه شماره 14: کیت الگوی روانشناس
کیت الگوی ماهانه شماره 13: کیت الگوی وب سایت طبقهمرحله 5: نتایج تست / را کنترل کرده و دکمه را به روز کنید
قبل از آزمایش ، تاریخ پایان و/یا اندازه نمونه برداری را تنظیم کنید. بدون یک نقطه پایانی خاص ، آزمایش / شما دقیق نخواهد بود.
میانگین ترافیک وب و نرخ کلیک فعلی () دکمه را در محدوده زمانی که انتخاب می کنید بررسی کنید. به عنوان مثال:
شرکت طراحی سایت در اصفهان محدوده زمانی: 4 هفته (اول دسامبر تا 31 دسامبر)
میانگین ترافیک: 3000 گردشگر
متوسط : 3 ٪ (90 بازدید)
هدف آزمایش شما باید در همان زمان باشد و شما باید در این دوره آزمایش خشن بسیاری از بازدید کنندگان را انجام دهید. 50 ٪ از افراد طراحی دکمه اصلی شما را مشاهده می کنند و 50 ٪ نوع شما را مشاهده می کنند.
در پایان آزمون می توانید نتایج را شروع کنید.
شما تعداد و نرخ شرکت طراحی سایت در اصفهان تبدیل انواع مختلف را با طراحی اصلی مقایسه خواهید کرد. امید است که عملکرد این نوع بهتر از طراحی اصلی باشد ، که فرضیات شما را اثبات می کند ، یعنی این یک طراحی مؤثرتر برای کاربران است. اگر این اتفاق نیفتد ، مهم نیست. به هر طریقی ، این یک درس ارزشمند است.
بک لینک ها چگونه باعث سئو و بهینه شدن شرکت طراحی سایت در اصفهان ما می شوند
به عبارت دیگر ، فقط نرخ تبدیل بالاتر به معنای این نیست که این نوع برنده است. شرکت طراحی سایت در اصفهان تفاوت معنی داری بین اعداد وجود دارد. این یکی از دلایلی است که شما به تعداد زیادی بازدید نیاز دارید.
فرض کنید این آزمون / ما است:
# نرخ تبدیل #
اصلی 50 5 10 ٪
تنوع 50 7 14 ٪
نرخ تبدیل چهار درصد افزایش یافته است و به نظر می رسد این نوع برنده آشکار است. با این حال ، هنگامی که به داده ها با دقت بیشتری نگاه می کنید ، در استخرهای 50 بازدید شرکت طراحی سایت در اصفهان کننده دو تفاوت وجود دارد.
از طرف دیگر ، این تست / به شما یک برنده واضح در طراحی دکمه می دهد:
# نرخ تبدیل #
بدوی 5000 500 10 ٪
تنوع 5000 700 14 ٪
بنابراین ، لطفاً به پیشینه نتایج خود توجه کنید. اگر این کار را نکنید ، ممکن است در نهایت طراحی دکمه جدید را برای آسیب رساندن به و نرخ تبدیل صفحه خود پیاده سازی کنید.
در نتیجه
شرکت طراحی سایت در اصفهان
دکمه ممکن است برخی از عناصر کوچکتر در وب سایت شما باشد ، اما اگر پیدا کردن یا استفاده از آن دشوار باشد ، می توانند به راحتی منجر به ناامیدی کاربران شوند. این ناامیدی می تواند نرخ کلیک و نرخ تبدیل شما را کاهش داده و سرعت پرش را افزایش دهد.
اگر می خواهید خطر را به حداقل برسانید و از مزایایی که از دکمه به دست می آورید تا بیشترین میزان استفاده کنید ، حتماً طراحی هر اینچ خوب باشد. سپس طرح را تنظیم کنید تا ترکیب کاملی از شرکت طراحی سایت در اصفهان عنصر کامل مخاطب هدف (از رنگ دکمه گرفته تا کپی).
خدماتی که شرکت ما علاوه بر سئو ارائه می دهد
سهم
به دنبال محتوای تازه هستید؟
از اخبار و ارتباطات هفتگی ما مقاله و نظرات دریافت کنید.
نامه الکترونیکی
با وارد کردن ایمیل ، شما موافقت می کنید یک ایمیل ، از جمله ایمیل بازاریابی ، دریافت کنید.
و با شرایط ، ضوابط و سیاست های حریم خصوصی ما موافق باشید.
تصویر –
–
مدیر محتوا استشرکت طراحی سایت در اصفهان . او اصالتاً اهل آفریقای جنوبی بود و برنده جایزه برنز لری بود و معجزه و جنگ سیاره را دوست داشت.
شما هنوز هم ممکن است آن را دوست داشته باشید
راهنمای ساده و تدریجی برای ایجاد یک صفحه فرود با هوش مصنوعی برای ایجاد یک صفحه فرود
کریستینا استار
27 اوت 2024
فروش از طریق ‘ و + – را افزایش دهید
14 اوت 2024
تفسیر
یک بستر برجسته سازنده وب سایت شرکت طراحی سایت در اصفهان برای متخصصان وردپرس است. خدمات را برای متخصصان شبکه ، از جمله توسعه دهندگان ، طراحان و کارکنان بازاریابی ارائه می دهد و برای هر 10 وب سایت جدید وب سایت جدیدی برای وب سایت های جدید داردقبل از ارائه پاسخ به فرم ، بازدید کنندگان نمی توانند روی “برنامه نمایش” یا “یادگیری بیشتر” کلیک کنند. هنگامی که آنها این کار را انجام می دهند ، دکمه های غیر فعال آبی می شوند و می توانند همچنان درخواست های خود را ارائه دهند.
عنوان شرکت طراحی سایت در اصفهان صحیح و تاثیرگذار بر مخاطب را انتخاب کنید
این طراحی دکمه بازدید کنندگان را وادار می کند تا سرعت خود را کاهش دهند ، این بدان معنی است که پیام های خطا و ناامیدی که باید از آنها استفاده کنند کمتر است.
چگونه خود را آزمایش کنیم
دکمه یک عنصر مهم است که بازدید کنندگان را از قسمت های مختلف وب سایت به عنصر مهم دیگران و تا زمان تبدیل سوق می دهد. تنها راه برای اطمینان از کلیک و تبدیل به مخاطبان شرکت طراحی سایت در اصفهان خاص شما ، آزمایش تغییرات آن است.
موارد زیر برخی از مراحل اساسی است که هنگام طراحی دکمه تست / باید دنبال شود:
مرحله 1: فرضیات خود را ایجاد کنید
هر آزمون باید با فرضیات شروع شود.
حتی اگر صفحه و دکمه های شما کلیک می کنند ، آیا شما اعتقاد دارید که بعضی چیزها افراد را کوچک کرده است؟ اگر چنین است ، چرا؟
برای شکل گیری فرضیات خود می توانید از و ابزارهای نقشه برداری حرارتی (مانند ) استفاده کنید.
از استفاده کنید ، باید اهداف را تنظیم کنید تا بتوانید کلیک یک دکمه واحد را ردیابی کنید. هنگامی که فعالیت دکمه جدا می شود ، لطفاً کاربر را تقسیم کنید و بدانید که آیا برخی از افراد تغییر نمی کنند.
31 دکمه چگونه می توان دکمه کامل را طراحی کرد 23
به شما در تجسم استفاده از نقشه های داغ و سوابق جلسه کمک می کند: چه اتفاقی می افتد:
32 تقسیم بندی ضبط نحوه طراحی دکمه کامل 24
شما قادر به استفاده از تا حد امکان نخواهید بود ، اما داده ها هنوز هم مفید هستند.
مرحله 2: یک عنصر مورد آزمایش را انتخاب کنید
پس از درک دلیل افزایش نرخ کلیک ، یک عنصر مورد آزمایش را انتخاب کنید. به عنوان مثال:
رنگ
نوع
اندازه قلم
نماد یا بدون نماد
مرز یا مرز
اندازه دکمه
قرار دادن دکمه
طراحی وضعیت حلق آویز
کپی کردن
یک عنصر را در یک زمان آزمایش کنید ، می توانید طراحی دکمه را کم کم و تا حد امکان به کمال کامل کنید. با توجه به اینکه کدام طراحی تغییر می کند یا نرخ تبدیل شما را خراب می کند ، شک نخواهد کرد.
مرحله 3: اطمینان حاصل کنید که دکمه شما آسان است
به نظر نمی رسد این یک کار بزرگ باشد ، اما شما تست های / زیادی را روی دکمه انجام خواهید داد. بنابراین ، شما امیدوار خواهید بود که آنها را در فرمی ایجاد کنید که به راحتی قابل تغییر باشد ، که این امکان را برای شما فراهم می کند تا هر نوع نوع مورد نیاز خود را با انعطاف پذیری آزمایش کنید.
اگر می خواهید یک بلوک با یک دکمه ایجاد کنید ، پس از آن مؤلفه تماس با عناصر یک راه حل خوب است. همچنین می توانید از دکمه کوچک برای قرار دادن یک دکمه در طراحی یا کپی استفاده کنید.
مرحله 4: تست / خود را تنظیم و اجرا کنید
ما به طور خاص برای آزمایش / راهنمای داریم. در میان آنها ، ما چندین ابزار مختلف را برای شما فراهم می کنیم که می تواند برای آزمایش طراحی داخلی و خارجی وردپرس استفاده شود.
مراحل دو گزینه را برای تجزیه دریافت خواهید کرد. مورد استفاده برای بهینه سازی :
نوع اصلی خود را ایجاد کنید
و را در وب سایت خود بهینه کنید
تست / را در بهینه سازی تنظیم کنید
برای تست تقسیم و -:
یک تست جدید ایجاد کنید
تست را در تنظیم کنید
مشاهده نتایج آزمون
به هر حال ، اگر سعی می کنید از ابزارهای خارجی زیادی برای ساخت و مدیریت وب سایت خود استفاده نکنید ، عناصر یک بسته کلی طراحی و بازاریابی را ارائه می دهند ، نه فقط در آزمون /. بارداری و بزرگ کردن کودکان. این یک چیز هیجان انگیز است ، اما گاهی اوقات او ضرر می کند. “به” تماس با جامعه پررنگ بپیوندید -مردم دقیقاً همین موضوع را تجربه کرده اند! -این دلیل هیجان است.
- از کلمات معنی دار در صفحه در صفحه استفاده کنید
استثنائاتی در دو بهترین روش فوق وجود دارد -نه اصلی ، اما استثناء ثانویه و سوم. همه اینها به زمینه ارائه شده در اطراف دکمه بستگی دارد.
بیایید این مثال را در صفحه اصلی خوشه و سوزن بررسی کنیم:
26 نحوه طراحی دکمه مناسب 20 20
قسمت بالای صفحه اصلی “سریعاً مغازه” را صدا می کند. این منطقی است اما نزدیکتر به پای اینجا ، ما به این متن دکمه احتیاج نداریم.
به در سمت چپ نگاه کنید. این فقط “برو!” به خودی خود بی معنی است. اما بازدیدکنندگانی که متن بالا را می خوانند می دانند که دکمه “من را به صفحه هدف می برد”.
بنابراین ، اگر متن اطراف بازدید کنندگان را برای انجام اقدامات تشکیل می دهد ، فکر نمی کنید همیشه یک نسخه از دکمه بسته بندی عملکرد را بنویسید.
- بر تعداد کلمات موجود در دکمه تأکید نکنید
معمولاً هیچ قانونی برای تعداد کلمات لازم برای کلیک بر روی آن وجود ندارد. این در واقع فقط به هدف دکمه و متن بستگی دارد.
به عنوان مثال ، رایج ترین که ما استفاده می کنیم کوتاه و شیرین است:
با ما تماس بگیرید
به کیف اضافه کنید
اشتراک
ما نیازی به ارائه اطلاعات بیشتر یا ارائه اطلاعات بیشتر در دکمه نداریم ، زیرا در مرحله بعدی هیچ رمز و راز وجود نخواهد داشت. با این حال ، برای یک عملیات تلفنی کاملاً سفارشی ، ممکن است یک دکمه طولانی تر پیدا کنید.
به عنوان مثال ، وبلاگ اخیراً مقاله ای در مورد بررسی رسانه های اجتماعی منتشر کرده است. در پست این طولانی است:
27 دکمه چگونه می توان دکمه کامل را طراحی کرد 21
این آمده است: “الگوی حسابرسی رسانه های اجتماعی را برای سومو بخوانید”.
اگرچه این را می توان به عنوان یک لینک معمولی به پست اضافه کرد ، اما دکمه بزرگ سبز پیدا کردن آن را آسان تر می کند. تفسیر طولانی تر در دکمه ، محتوای بازدیدکنندگان را که می دانند از طرف دیگر پیدا می کنند ، تضمین می کند.
نکته ای که باید به خاطر بسپارید این است که متن در اندازه دکمه انجام می دهد. اگر برای درست کردن آن مجبور به کاهش اندازه قلم هستید ، ممکن است خیلی طولانی باشد.
- به جهت گیری توجه کنید
هنگام طراحی صفحه وب ، می دانید که بازدید کننده به نوعی به طور خودکار روی آن حرکت می کند. شما همچنین می دانید که اگر صفحه را به نوعی طراحی کنید ، می توانید به طور فعال چشمان آنها را در مسیری که می خواهند حرکت دهید.
دکمه های شما نیز می توانند این کار را انجام دهند.
در وب سایت شهر موسیقی ، ما روشهای مختلفی برای اقدام مشاهده کرده ایم:
اولین فلش راست است و کلمه “مرحله بعدی” در زیر وجود دارد.
ما همچنین متن “بیشتر یاد بگیرید” با فلش های راست. با این حال ، هنگامی که کسی روی آنها معلق بود ، فلش به سمت راست اشاره کرد.
سپس دکمه قرمز وجود دارد. از خارج ، به نظر نمی رسد که طراحی دکمه هیچ جهتی داشته باشد. با این حال ، هنگامی که آن را روی آن آویزان می کنید ، از قرمز روشن به قرمز تیره تغییر می کند ، تغییرات رنگ از سمت چپ شروع می شود و سپس به سمت راست حرکت می کند.
این جهت گیری ها باعث ایجاد یک وب سایت می شوند ، که احساس فعال تری می کند ، دقیقاً مثل اینکه دائماً ورزش می کند و با شما همراه می شود.
- از طرح های وضعیت غیر فعال در جدول خود استفاده کنید
اگر دکمه شما به دکمه های شما به فرم صحیح بستگی دارد ، برای دکمه های شما فعال نیست ، نه اینکه وضعیت فعالیت را حفظ کنید.
ریخته گری راهی برای مقابله با آن به ما نشان می دهد:
29 -فعالیت چگونه می توان دکمه کامل را طراحی کرد 22
جدول اشتراک در پایین صفحه دارای یک دکمه “ثبت نام” محو شده است. قبل از ارائه آدرس ایمیل ، سبز روشن نمی شود.
روش دیگری برای مقابله با این مشکل دارد: ملاقات و سرمایه گذاری به صورت نقدی ممکن است توجه برخی را به خود جلب کند. با این حال ، این عکس موجودی به هیچ وجه انجام نشده است. اگر چنین است ، راهی برای می کند.
- وضعیت تعلیق ایجاد کنید
ما نمونه هایی از تبدیل حالت معلق در حال شناور را مشاهده کرده ایم. دلایل کافی وجود دارد.
برای دکمه هواپیما ، میکرو -آنامیشن تأیید فوری را ارائه می دهد ، می توانید با این عنصر تعامل داشته باشید. برای دکمه – ، انیمیشن ممکن است در هنگام بازدید کنندگان بیشترین انتظار را برای بازدید کنندگان ایجاد کند.
دقیقاً مانند طراحی دکمه ، می توانید عملیات انیمیشن را به روش های مختلف بر روی دکمه انجام دهید:
تغییر رنگ
متن را تغییر دهید
تغییر سبک متن
نماد را اضافه یا حذف کنید
شکل یا اندازه دکمه را تغییر دهید
این بهترین کوکتل کنسرو شده در وب سایت است:
برخی از کوکتل های موجود در این لیست دارای یک دکمه هستند تا خواننده را به لینک نشان دهند. هنگامی که خواننده روی دکمه حرکت می کند ، رنگ را از رنگ سیاه به آبی (کمی تأخیر) تغییر می دهد و متن را از دشت به شیب تغییر می دهد.
روش های زیادی برای تغییر طراحی دکمه شما وجود دارد. فقط مطمئن شوید که برای مارک های دیگر شما مناسب است.
- روی نتیجه کلیک کنید تا 100 ٪ روشن باشد
کلمات داخل دکمه به اندازه طراحی مهم هستند.
اولین قاعده ای که باید هنگام انتخاب متن دکمه در نظر داشته باشید این است که باید مرحله بعدی را حذف کند. دکمه ای که می گوید “اینجا کلیک کنید” به افزایش کلیک بر روی کلیک کمک نمی کند.
دکمه ای که “درایو تست آراسته” را می خواند ، مانند یک دکمه در صفحه اصلی ، کلیک را افزایش می دهد:
24 نحوه طراحی دکمه مناسب 18
هرکسی که دکمه های قرمز را می بیند دقیقاً می داند که در صفحه بعد چه چیزی پیدا می کنند: جدول برنامه ریزی.
به خاطر داشته باشید ، انتظار داشته باشید که با واقعیت مطابقت داشته باشید. بنابراین ، هر دکمه “جدول زمانی” باید بازدید کنندگان را به صفحه ای که می توانند بصورت آنلاین ترتیب دهند ، سوق دهد. اگر سعی در باز کردن یا برنامه تلفن دستگاه آن داشته باشد ، این ممکن است منجر به افزایش نرخ پرش شود که به توانایی رتبه بندی سایت آسیب می رساند.
خط پایین: اطمینان حاصل کنید که دستور یا دعوت به طور دقیق توصیف می کند که چه اتفاقی خواهد افتاد.
- از جمله کلمات اکشن در دکمه خود
یکی دیگر از قاعده تجربی خوب دکمه ها ، کلمه ای است که شامل هیجان است.
یک روش استفاده از متن دکمه شروع فعل است. به جای خواندن دکمه:
“دانلود کتاب الکترونیکی”
بگذارید بگوید:
“کتاب الکترونیکی خود را بارگیری کنید”
این یک عبارت قوی تر است.
راه دیگر برای تحریک عمل ، شخصی تر این است که تجدید نظر بیشتر شود. شاید نیازی به تزریق آن به یک دسته از کلمات عاطفی نباشد.
به عنوان نمونه این ستون اعلان را در وب سایت بگیرید:
25 بلافاصله دکمه را برای نحوه طراحی دکمه مناسب 19 اضافه می کند
قبل از اینکه بازدید کننده آن را رد کند ، این اولین چیزی بود که در هر صفحه دیدند.
“اکنون بپیوندید” تنها تماس نیست. از طرف دیگر ، استفاده از یک علامت تعجب نیز چنین است.
در کپی نوشتن ، ما معمولاً در انتهای عنوان و سایر رشته های کوتاه (مانند دکمه) از نمادهای نگارشی استفاده نمی کنیم. یکی از دلایل این است که هر شخصیت مهم است و ما زباله های زیادی نداریم. اما این نیز به این دلیل است که نمادهای نگارشی برای بعضی از افراد معنی تسکین ندارند.
وقتی وب سایت هایی مانند و زمینه ای را که ظاهر می شود در نظر می گیرید ، علامت تعجب معنا می یابد. والدین و والدین آینده نگر برای دریافت اطلاعات به این وب سایت می آینددکمه 13
در سمت راست صفحه ، مستقیماً زیر جزئیات اصلی فعالیت قرار دارد. این شبیه به صفحات محصول طراحی و انتظار است که ما می بینیم.
این طرح در دستگاه های تلفن همراه بی معنی است. اگرچه طراح باید هرچه بیشتر دکمه ها را حفظ کند ، اما موقعیت و عملکرد آن باید مطابق با تجربه موبایل تنظیم شود.
این دقیقاً همان کاری است که طراح انجام داد:
نحوه طراحی دکمه کامل 14
دکمه “بلیط” سبز ابتدا در زیر جزئیات اصلی رویداد صفحه رویداد ظاهر شد. هنگامی که کاربر پیمایش می کند ، به پایین صفحه می چسبد تا همیشه وجود داشته باشد.
- تاشو در برخی از صفحات کلیدی حاوی است
اگرچه باید هر صفحه در وب سایت شما فراخوانده شود ، اما همیشه لازم نیست آن را به بازدید کنندگان نشان دهید. خدمات داخلی مربوط به اطلاعات است. بازدید کنندگان برای کسب اطلاعات بیشتر به این صفحات منتقل می شوند.
با این حال ، برخی از صفحات وجود دارد ، باید از مرکز جلو باشد:
صفحه اصلی
صفحه فرود
صفحه محصول
صفحه محصول 23 مثال خوبی است:
دکمه صفحه 193 23 نحوه طراحی دکمه مناسب 15
با چنین طرحی ، بازدید کنندگان یک نمای کلی از محصول را دریافت کردند و بلافاصله می دانستند که مرحله بعدی چیست: به سبد خرید اضافه کنید. آنها می توانند وقت خود را برای مرور صفحه صرف کرده و بفهمند که آیا این محصول برای آنها مناسب است یا خیر. سپس ، هنگامی که آنها آماده شدند ، آنها به یاد خواهند آورد که دکمه را برای تبدیل پیدا کنید.
با قرار دادن آن در بالای طرح بی پروا ، تبدیل به سرعت بدون درد می شود.
- دکمه را در مسیر بازدید کننده قرار دهید
هنگام طراحی وب سایت برای سفر کاربر ، باید در نظر بگیرید که چگونه آنها از یک صفحه به صفحه دیگر می روند. همچنین باید در نظر بگیرید که چگونه آنها از بالای صفحه و مکانی که در راه متوقف می شوند متوقف می شوند.
تحقیقات نشان می دهد که روش های زیادی برای اسکن متن با چشم وجود دارد. به عنوان مثال ، حالت یکی از رایج ترین حالت های خواندن است:
20 تحقیقات در مورد نحوه طراحی دکمه کامل 16
با پیش بینی چشمان بازدید کننده در صفحه قرار خواهد گرفت ، می توانید دکمه ها را در مسیر آنها قرار دهید.
این تحقیقات قانع کننده همچنین نشان می دهد که برخی از عناصر توجه بیشتری نسبت به سایر عناصر (مانند عنوان و تصاویر) داشته اند. اگر می توانید دکمه را به روش صحیح طراحی کنید ، اگر آنها کمی از مسیری که نادر است منحرف شوند ، بی ربط است.
وب سایت از این دو اصل جذاب استفاده می کند:
بیشتر های این صفحه نزدیک به لبه سمت چپ صفحه هستند -چشم اکثر بازدید کنندگان در اینجا متمرکز شده اند. اما ما همچنین بسیاری از دکمه های را در صفحه مشاهده می کنیم. همه آنها در تصاویر چشمگیر چشم پیچیده شده اند ، که می دانیم توجه بازدید کنندگان را به خود جلب می کند. بنابراین ، حتی اگر آنها در مسیر طبیعی نباشند ، احتمالاً گردشگران با آنها روبرو می شوند.
- اجازه ندهید دکمه های شما برای رقابت رقابت کنند
این بهترین عمل مربوط به حواس پرتی است. یا فقدان کمبود ، بنابراین بازدید کنندگان نمی توانند کمک کنند اما شما را جذب می کنند.
وقتی به صفحه اصلی وب سایت مریل لینچ نگاه می کنید ، اولین چیزی که متوجه شده اید چیست؟
22 – دکمه نحوه طراحی دکمه مناسب 17
اگر مشتری مریل لینچ نیستید ، این اولین باری است که در اینجا هستید ، ممکن است دکمه “راه اندازی” قرمز روشن چشم شما باشد.
بخشی از دلیل رنگ دکمه و شکاف های کامل در اطراف است. اما طراحی اطراف نیز تا حدی مسئول است.
رنگ برند آبی تیره یک رنگ ایمن و پایدار است ، بعید است که توجه دکمه های قرمز را به خود جلب کند. تصویر در مرکز صفحه نیز یک انتخاب ایمن است. اگر تصویر شخصی داریدبه همین دلیل باید هنگام طراحی دکمه ، فضا را در نظر گرفت. آنها عناصر مهمی هستند که بازدید کنندگان را از یک صفحه یا به تدریج به صفحه دیگر منتقل می کنند. آنها در تغییر شکل گم نمی شوند و خواندن یا استفاده آن دشوار نیست.
بیایید نگاهی به صفحه فرود تبلیغاتی تور جهانی (مجازی) بیندازیم:
طراحی تصویر قهرمان یک عینک است. اگر طراح یک دکمه را در آنجا قرار دهد ، پیدا کردن آن دشوار خواهد بود.
با این حال ، هنگامی که بازدید کنندگان صفحه را پایین می کشیدند ، طرح به تدریج ناپدید شد و شکاف های زیادی را باز کرد. سرانجام آنها آنها را به پایین صفحه آوردند ، جایی که دو درخواست تجدید نظر برای “تماشای فعالیت های سایت” یا ” ” پیدا کردند.
فضای اطراف بسیار خوب است ، زیرا پیدا کردن آنها را آسان می کند ، به راحتی می توان بین یکدیگر تمایز قائل شد و به راحتی می توان بدون خطا روی راست کلیک کرد.
- مطابق با روند طراحی مدرن
هنگام طراحی دکمه ، آنها باید برای سبک مارک مناسب باشند و باید با روند طراحی امروز سازگار باشند.
به عنوان مثال ، فرم های جدید به تدریج محبوب هستند. با این حال ، اگر وب سایت و مارک شما مسطح است ، نمی خواهید از طراحی دکمه حالت جدید استفاده کنید. در این حالت ، بهتر است یک طرح مسطح را برای دکمه خود طراحی کنید ، اما از روند طراحی استفاده کنید.
اگر مواردی مانند گرادیان یا سایر روندهای رنگی برای طراحی شما معنی ندارد ، لطفاً از مشتریان بالقوه استفاده کنید و یک میکروآمیز چشمگیر را به دکمه اضافه کنید:
- خرد شدن میکرو از نظر دکمه همیشه سبک است ، زیرا آنها می توانند در دسترس بودن آنها را بهبود بخشند.
- طرح دکمه نمای کلی جامد را انتخاب کنید
حدود چند سال ، دکمه می تواند یک طراحی کانتور شفاف داشته باشد. این نوع دکمه ها نیز دکمه های “شبح” نامیده می شوند.
بزرگترین مشکل در این روند این است که تحقیقات در مورد دکمه نمای کلی بارها و بارها ثابت شده است و میزان خطا بیشتر است و میزان خطا بیشتر است. اگرچه آنها کوچکترین یا ظریف به نظر می رسند ، اما چندان کاربر دوست نیستند.
بنابراین ، هنگامی که دکمه اصلی را طراحی می کنید ، حتما طرح دکمه جامد (پر) را انجام دهید. سپس ، اگر نیاز به اضافه کردن دکمه های دوم یا سوم به صفحه دارید ، لطفاً تأکید کنید که آنها به تأخیر افتاده اند تا آنها را به یک دکمه شبح تبدیل کنند.
اگر می خواهید بسیاری از ها را تنظیم کنید و به بازدید کنندگان نشان دهید که کدام گزینه ها بهترین هستند ، این استراتژی طراحی نیز مفید است ، دقیقاً مانند آشپزخانه تست آمریکایی در اینجا:
15 دکمه جامد و کانتور چگونه می توان دکمه کامل را طراحی کرد 12
چشمان بازدید کننده به طور طبیعی به دکمه “دسترسی آزاد” تبدیل می شود ، که در دنباله پر شده و رتبه اول را دارد. حتی اگر آن را به عنوان محبوب ترین “محبوب ترین” نگویم ، من مایل به جرات شرط بندی هستم ، فقط به این دلیل که طراحی شبح دلالت بر این دارد که دیگران چندان با ارزش نیستند ، من جرات می کنم شرط بندی کنم ، کلیک های بیشتری بخرم و خریداری کنم.
- به آن یک طرح “می توانید کلیک کنید” به آن بدهید
وقتی بازدید کننده دکمه را می بیند ، باید یک کار را انجام دهید: روی آن کلیک کنید. بنابراین ، هنگامی که توسط عناصر غیر لکه دار احاطه شده است ، به نظر می رسد کلیک کنید.
ساده ترین راه برای دستیابی به این هدف ، ساختن آن به یک مستطیل یا تخمک است که با دکمه همراه است.
اگر برای برند خود مناسب هستید ، ممکن است برای گسترش دکمه خود کارهای بیشتری انجام دهید. به عنوان مثال ، دو چیز در دکمه وجود دارد ، به طوری که بازدید کنندگان بدانند که می توانند کلیک کنند:
اولین مورد این است که به نظر می رسد پرتاب نور در گوشه و کنار. دوم این که وقتی کاربر شناور می شود ، اندازه آن گسترش می یابد.
روشهای دیگری که باعث می شود دکمه به نظر برسید ، می توانید سایه ها را به پس زمینه اضافه کنید یا آن را به صورت متوالی تبدیل کنید.
با طراحی دکمه از این طریق ، می توانید خطاهای کلیک را کاهش داده و به بازدید کنندگان کمک کنید تا سریعتر تلفن خود را پیدا کرده و از آن استفاده کنند.
- یک دکمه برای کاربران تلفن همراه ایجاد کنید
برای کاربران تلفن های هوشمند ، برای کاربران دسک تاپ و لپ تاپ ، این اثر بسیار خوب است. ما نه تنها در مورد اندازه یا رنگ دکمه صحبت می کنیم.
به عنوان مثال ، دکمه “بلیط” در دسک تاپ:
17 دکمه بلیط نحوه طراحی کاملمطابق اخبار پزشکی امروز:
“تأثیر روانشناختی خستگی خستگی ممکن است متفاوت باشد ، که ممکن است باعث شود تصمیمات صحیح ، خرید و تحرک یا سایر رفتارهای اجتناب را انجام دهد.”
بنابراین ، هنگامی که از بازدید کننده می خواهید تنها تصمیم (یا بخش کوچکی از تصمیم ممکن) را اتخاذ کند ، خواستار اقدام مؤثرترین است.
اگرچه هر صفحه در وب سایت شما می تواند پیوندها و دکمه های دیگری را ارائه دهد ، اما شما باید فقط یک اصلی داشته باشید. درست مثل در اینجا است:
دکمه بزرگ زرد “سعی کنید ” تماس اصلی است. این همچنین تنها عنصر طراحی شده در صفحه است که به بازدید کنندگان این امکان را می دهد تا به راحتی بفهمند که در آینده چه کاری باید انجام دهند.
- از رنگ قوی و فراموش نشدنی استفاده کنید
مدتی بزرگترین طرح بحث و گفتگو در مورد دکمه به این است که آیا شما باید آنها را قرمز یا سبز روشن کنید. به عنوان مثال ، از کل پست برای دو رنگ تست / استفاده می کند:
9 نحوه طراحی دکمه مناسب 8
اگرچه رنگ هنوز نقش مهمی در بهینه سازی دکمه برای کلیک و تبدیل دارد ، اما به سادگی قرمز یا سبز نیست.
شما باید عوامل زیادی را در نظر بگیرید:
مارک
رنگارنگ
کنتراست رنگ
“افزودن به سبد خرید” یک مثال خوب است ، نشان می دهد که چگونه می توانید رنگی را انتخاب کنید که در تضاد شدید با محیط اطراف باشد و در عین حال ، هنوز هم در عناصر برند وب سایت خوب به نظر می رسد.
10 جویدنی نارنجی به دکمه سبد خرید اضافه کنید که چگونه دکمه مناسب را طراحی کنید 9
اگرچه روانشناسی رنگ ممکن است هنگام طراحی دکمه ها مفید باشد ، اما این یک علم دقیق نیست ، به خصوص به این دلیل که اینترنت و حتی اجازه می دهد کوچکترین شرکت وارد جهان شود. رنگ ها برای افراد مختلف و فرهنگ های مختلف به معنای چیزهای مختلف است ، بنابراین روانشناسی رنگ همیشه بهترین مسیر نیست. نظریه رنگ ابزاری با ارزش تر است.
- یک تنظیم ساده یا قلم صفحه نمایش را انتخاب کنید
از نظر دکمه های انتخابی ، فضای خلاقیت زیادی نخواهید داشت. شما به بازدید کنندگان نیاز دارید تا به سرعت محتوای خود را بخوانند تا اطمینان داشته باشند که اقدام کنند.
در مورد اینکه فونت وب واضح ترین است ، لطفاً از استفاده از خطوط جامد با شخصیت های منحصر به فرد و غیرقانونی استفاده کنید. به عنوان مثال ، از استفاده می کند:
11 فونت دکمه چگونه می توان دکمه کامل را طراحی کرد 10
این یک قلم استریل هیجان انگیز نیست ، اما خواندن و مطابقت با متن اطراف بسیار تمیز و آسان است. همچنین به طراحی و پیام های دکمه ها اجازه می دهد تا تأثیر بیشتری داشته باشند زیرا آنها تحت پوشش تایپ قرار نمی گیرند.
4- متن باید کمی بزرگتر از متن بدن اطراف باشد
طراحی دکمه شما باید چشم بازدید کنندگان را به خود جلب کند ، نه اندازه بزرگ. به عبارت دیگر ، هنگام طراحی دکمه ، هنوز باید ساختار سلسله مراتبی را در نظر بگیرید.
صفحه فرود را دریافت کنید:
12 ساختار سلسله مراتبی چگونه می توان دکمه کامل را طراحی کرد 11
بازدید کنندگان به طور طبیعی متون بزرگتر را به خود جلب می کنند -زیرا متن بزرگ اهمیت بیشتری را نشان می دهد.
این طرح نشان می دهد که 27 قلم پیکسل در 1 “فیلم های نامحدود ، برنامه های تلویزیونی و غیره” مهمترین آنهاست. دومین مورد مهم ، قسمت “آدرس ایمیل” و دکمه قرمز “شروع>” است.
شما می توانید از ترکیبی از اندازه و وزن قلم برای کمک به چشمان بازدید کنندگان از طریق محتوا استفاده کنید و آنها را سریعتر وارد کنید.
شما تصمیم می گیرید که چه مقدار نقاط کلیدی روی دکمه قرار می گیرد. برای اولیه ، اندازه آنها باید به 1 و 2 شما نزدیکتر باشد ، نه بافتی با بدن. با این حال ، برای های دوم و سوم ، تا زمانی که آنها روشن باقی بمانند و قابل کلیک باشند ، می توانند کوچکتر باشند.
5- فضای کافی را در اطراف حروف و دکمه ها فراهم کنید
- فضای خالی مهمترین عنصر طراحی شما را برای تنفس فضا فراهم می کند ، که به بازدید کنندگان کمک می کند تا راحت تر روی آنها پیدا کنند. به خصوص در اطراف متن ، فضای سفید می تواند به بهبود خوانایی و مهاجم کمک کند. دکمه قبل از اینکه کلمه “به سبد خرید اضافه شود” یک نماد اتومبیل خرید و یک شکل مستطیل و تمایل دارد.
- از چه دکمه استفاده می کنید؟
- معمولاً وب سایت دارای لینک های زیادی از صفحه ناوبری تا پاورقی تا پا است. پیوند اطلاعات نیازی به طرح های خاص ندارد.
مرحله مهم بعدی در وب سایت شما باید نمایش داده شود. به عنوان مثال:
ادامه خواندن
امروز ثبت نام کنید
اکنون آن را بخرید
به سبد خرید اضافه کنید
یک آزمایش رایگان را شروع کنید
اکنون تماشا کنید
مشترک شوید و 5 ٪ تخفیف دریافت کنید
همچنین متعلق به پایان فرم وب سایت -فرم -فرمت ، فرم جستجو ، پرداخت و غیره است. درست مثل این مثال “پیدا کردن غذا” ، یکپارچه:
3 دکمه جستجوی بدون درز نحوه طراحی دکمه مناسب 3
دکمه در هر صفحه از وب سایت ظاهر می شود. اگرچه امیدها و انتظارات این است که بازدید کنندگان روی این دکمه ها کلیک می کنند ، ما نمی توانیم روی عمل تمرکز کنیم. طراحی یک دکمه برای مشاهده آن برای کلیک بر روی آن ، اجازه نمی دهد بازدید کنندگان بیشتری روی آن کلیک کنند.
برای مجبور کردن بازدید کنندگان به اقدام ، باید درک کنیم که چه چیزی را هدایت می کنیم ، و سپس دکمه هایی را طراحی می کنیم که به آنها در رسیدن به اهداف خود کمک می کند. بنابراین ، دکمه باید به یکی از موارد زیر برسد:
آموزش و پرورش: پیشینه یا اطلاعات بیشتری را در مورد نکات موجود در صفحه به طور خلاصه ارائه دهید.
درست مثل دکمه “ملاقات با من” در صفحه اصلی شرکت پذیرایی اجتماعی:
4 نحوه طراحی دکمه مناسب در تغذیه اجتماعی 4
راهنمایی: به بازدید کنندگان بگویید که چگونه این کار را انجام دهند و چگونه به آنجا برسند.
به عنوان مثال ، در وب سایت مدرن ، همیشه یک دکمه احضار در بالای صفحه وجود دارد تا بازدید کننده را به صفحه یا مرحله بعدی سوق دهد:
5 دکمه پروژه نحوه طراحی دکمه مناسب 5
پشتیبانی: اگر بازدید کنندگان در مرحله بعدی مانند افزودن محصول به سبد خرید یا صرفه جویی در حفظ آینده انجام می دهند.
این امر به ویژه به عنوان شرکت هایی با حمام آجری مانند حمام تختخواب و فراتر از آن مهم است.
6 نحوه طراحی دکمه مناسب 6
: هنگام آماده شدن ، به سرعت راه را به بازدید کنندگان تغییر دهید.
به عنوان مثال
7 نحوه طراحی دکمه مناسب 7 را به عنوان دکمه بازدید کننده 7 ادامه می دهد
سازنده وب سایت حرفه ای
هر نوع وب سایت را ایجاد کنید
سازنده وب سایت را بکشید و رها کنید ، هیچ کدی نیاز ندارد
بیش از 100 مؤلفه کوچک ، برای هر منظور
پیکسل طراحی کامل طراحی حرفه ای
شروع از 4.92 یورو/ماه یورو
بهترین روش 19 طراحی تبدیل به عنوان مثال بالا
طراحی دکمه فقط رنگ و اندازه نیست ، اگرچه این طراحی نیز مهم است. اگرچه دکمه فرمول مخفی ندارد ، اگر می خواهید دکمه هایی را طراحی کنید که توجه بازدید کنندگان را به خود جلب می کند و از آنها الهام می گیرد تا اقدامی انجام دهند ، باید برخی از قوانین را رعایت کنید.
بیایید نگاهی به این 19 بهترین روش بیندازیم ، که می تواند به شما در طراحی اقدامات مؤثر کمک کند:
- تلفن اصلی را انتخاب کنید
آنچه را که می توانیم بصورت آنلاین انجام دهیم در نظر بگیرید-
مقاله ای را بخوانید و با دوستان خود ارتباط برقرار کنید ، چیزها را بخرید ، مشترک شوید ، فیلم ها را تماشا کنید و ایمیل را مشاهده کنید و سپس آن را بسازید … به همین دلیل امروز بسیاری از افراد از خستگی رنج می برند. این نه تنها باعث می شود تصمیم گیرنده احساس بدی کند. این ممکن است تأثیر منفی بر روند تصمیم گیری تصمیم بگیرد. پرش به محتوا
وبلاگ
دسته
جستجو:
انگلیسی
وارد کردن
شروع
نحوه طراحی دکمه مناسب
–
بروزرسانی: 04.05.22
دکمه ممکن است کوچکترین عنصر در وب سایت شما باشد ، اما ممکن است تأثیر زیادی در کلیک و نرخ تبدیل شما داشته باشد. بدانید که چگونه دکمه های مؤثرتر را در اینجا طراحی کنید.
فهرست مطالب
درمان با دکمه وب سایت به راحتی صورت گرفته است. از این گذشته ، هر صفحه وب از آنها از یک اقدام جذاب ، مانند “دانستن بیشتر” به “75 ٪ تخفیف امروز” مانند “لذت بردن از 75 ٪ تخفیف” برخوردار است. بنابراین ، این یک بازدید کننده نیست که نمی داند دکمه می تواند از چه چیزی استفاده کند یا چگونه از آنها استفاده کند.
اما کنترلر پلی استیشن را به عنوان نمونه در نظر بگیرید. کاربران سرانجام برای انجام رایج ترین اقدامات به حافظه عضلانی تکیه می کنند و حتی نیازی به در نظر گرفتن آنچه انجام می دهند در نظر نمی گیرند. روز دوم خواهد شد.
اما چه اتفاقی می افتد که آنها به خانه شخصی می روند و دارند؟ چیدمان کنترلر کم و بیش است ، اما موقعیت برخی از دکمه ها با موقعیت چوب متفاوت است. اگر آنها قبلاً از کنترلر استفاده نکرده اند ، ممکن است باعث شود که آنها در طول بازی در ضرر قرار بگیرند که این ممکن است باعث ناامیدی و ناامیدی شود.
این کار برای طراحی دکمه در وب سایت به عنوان طراحی دکمه روی شیء فیزیکی قابل استفاده است.
تنها نکته این است که افراد معمولاً باید با دکمه های فیزیکی ضعیف سازگار شوند ، زیرا آنها به بخشی از سیستم بازی ، تلویزیون یا تلفن هوشمند خریداری و متعهد شده اند. در وب سایت ، قبل از اینکه دوباره نحوه یافتن و استفاده از دکمه های خود را انتخاب کنید ، دکمه های خسته کننده به عنوان مشکلات کوچک در نظر گرفته نمی شوند. درعوض ، آنها ترک می کنند و به وب سایتی می روند که دشوار یا هرج و مرج نیست.
بنابراین ، این همان چیزی است که امروز می خواهیم ببینیم: چگونه می توان دکمه های تماس جذاب ، در دسترس را طراحی کرد و نرخ کلیک و نرخ تبدیل وب سایت را بهبود بخشید. این پست همچنین پر از دکمه های پر از عملیات تحریک کننده خواهد بود.
فهرست مطالب
دکمه اکشن تماس چیست؟
بهترین روش 19 طراحی تبدیل به عنوان مثال بالا
چگونه خود را آزمایش کنیم
دکمه اکشن تماس چیست؟
دکمه () یک دکمه در وب سایت است که شامل دستورات یا دعوت نامه هایی برای راهنمایی کاربران برای راهنمایی آنها برای انجام عملیات مورد نیاز در وب سایت شما است. معمولاً در صفحه فرود برای تشویق کاربران به تغییر استفاده می شود
اگرچه را می توان به عنوان متن نوشت ، اما روش متداول تر طراحی عملیات تماس به عنوان یک دکمه است.
به عنوان مثال ، صفحه اصلی شامل دو نوع طراحی است:
1 دکمه طراحی نحوه طراحی دکمه مناسب 1
“یادگیری بیشتر” یک تماس مشترک در وب سایت است. با این حال ، طراحی این صفحه خاص یک پیوند ساده است.
از طرف دیگر ، “مشاهده همه خدمات” توسط دکمه های سیاه گرد محصور شده است. این یک روش معمولی تر برای طراحی است.
به عبارت دیگر ، دکمه دارای اشکال ، اندازه و سبک های مختلفی است. به عنوان مثال ، این نحوه دکمه “اضافه کردن به سبد خرید” در صفحه محصول است:
2 دکمه نحوه طراحی دکمه مناسب 2
|
عنوان |
شرکت طراحی سایت کلینیک |
|
نویسنده |
بالیی |
|
دپارتمان |
عالی و عالی |
|
کلمه کلیدی اصلی |
شرکت طراحی سایت در نجف آباد |
|
شرکت ما |
عالی و عالی |
آیا یونیک بودن و سئو فرندلی بودن صفحات ازدید گوگل حائز اهمیت است؟
خدمات سئو و 4 مورد از چگونگی آن درشرکت ما !
منابعی که برای شرکت طراحی سایت در اصفهان خود باید استفاده کنیم
بک لینک ها چگونه باعث سئو و بهینه شدن شرکت طراحی سایت در اصفهان ما می شوند
خدماتی که شرکت ما علاوه بر سئو ارائه می دهد
عنوان صحیح و تاثیرگذار بر مخاطب را انتخاب کنید
چند ثانیه روی سکوی آن.
در اخبار و ارتباطات ما مشترک شوید
نامه الکترونیکی
با وارد کردن ایمیل ، با ما موافقید
شرایط و ضوابط و سیاست های حریم خصوصی.
。 . کلیه حقوق محفوظ است
ایجاد شبکه
میزبانی وردپرس
میزبانی تجارت الکترونیکی
حضانت استاتیک
صفحه سازنده صفحه -در
سلام موضوع
محتوای پویا
تجارت الکترونیکی
تمور
زمین
سازنده پاپ
سازنده
دکمه تماس
بهینه سازی گردش کار
عناصر
بهینه کننده تصویر
سازنده
پیوند در زیست شناسی
آیا یونیک بودن و سئو فرندلی بودن صفحات ازدید گوگل شرکت طراحی سایت در اصفهان حائز اهمیت است؟
عنصر
طراح وب
توسعه دهنده
بازاریاب
مکانیزم
منبع
مرکز کمک
دانشکده
وبلاگ
مؤلفه اضافی
نقشه راه
وب سایت توسعه دهنده
حمایت
شبکه ایجاد فرم واژگان
یکپارچه
داستان خالق اینترنت
اتحاد
کتابخانه نکات
بارگیری وردپرس
شرکت
درباره ما
با ما تماس بگیرید
حرفه
پاسخ سوالات شرکت طراحی سایت در اصفهان متداول
خدمات سئو و 4 مورد از چگونگی آن درشرکت ما !
برنامه عضو
مرکز اعتماد
رسانه ها
علامت تجاری
شرایط و ضوابط
شرایط و ضوابط
خلوت
سیاست بیسکویت
بیانیه قابل دسترسی به وب سایت
مؤلفه نرم افزار منبع باز
قیمت گذاری
میزبانی وردپرس
میزبانی تجارت الکترونیکی
حضانت استاتیک
صفحه سازنده صفحه -در
محتوای مرتبط
وب شرکت طراحی سایت در اصفهان سایت در اکتبر 2021
در طراحی چیست؟
با الگوی صفحه ورود به سیستم جدید تجارت آنلاین ما ملاقات کنید
کیت الگوی ماهانه شماره 17: کیت الگوی سالن زیبایی
12 روند طراحی وب پیشرو 2021
منابعی که برای شرکت طراحی سایت در اصفهان خود باید استفاده کنیم
طراحی جدول بهترین تمرین
کیت الگوی ماهانه شماره 15: کیت الگوی استودیوی رقص
حقوق طراح وب: طراحان وب چقدر درآمدند؟
کیت الگوی شرکت طراحی سایت در اصفهان ماهانه شماره 14: کیت الگوی روانشناس
کیت الگوی ماهانه شماره 13: کیت الگوی وب سایت طبقهمرحله 5: نتایج تست / را کنترل کرده و دکمه را به روز کنید
قبل از آزمایش ، تاریخ پایان و/یا اندازه نمونه برداری را تنظیم کنید. بدون یک نقطه پایانی خاص ، آزمایش / شما دقیق نخواهد بود.
میانگین ترافیک وب و نرخ کلیک فعلی () دکمه را در محدوده زمانی که انتخاب می کنید بررسی کنید. به عنوان مثال:
شرکت طراحی سایت در اصفهان محدوده زمانی: 4 هفته (اول دسامبر تا 31 دسامبر)
میانگین ترافیک: 3000 گردشگر
متوسط : 3 ٪ (90 بازدید)
هدف آزمایش شما باید در همان زمان باشد و شما باید در این دوره آزمایش خشن بسیاری از بازدید کنندگان را انجام دهید. 50 ٪ از افراد طراحی دکمه اصلی شما را مشاهده می کنند و 50 ٪ نوع شما را مشاهده می کنند.
در پایان آزمون می توانید نتایج را شروع کنید.
شما تعداد و نرخ شرکت طراحی سایت در اصفهان تبدیل انواع مختلف را با طراحی اصلی مقایسه خواهید کرد. امید است که عملکرد این نوع بهتر از طراحی اصلی باشد ، که فرضیات شما را اثبات می کند ، یعنی این یک طراحی مؤثرتر برای کاربران است. اگر این اتفاق نیفتد ، مهم نیست. به هر طریقی ، این یک درس ارزشمند است.
بک لینک ها چگونه باعث سئو و بهینه شدن شرکت طراحی سایت در اصفهان ما می شوند
به عبارت دیگر ، فقط نرخ تبدیل بالاتر به معنای این نیست که این نوع برنده است. شرکت طراحی سایت در اصفهان تفاوت معنی داری بین اعداد وجود دارد. این یکی از دلایلی است که شما به تعداد زیادی بازدید نیاز دارید.
فرض کنید این آزمون / ما است:
# نرخ تبدیل #
اصلی 50 5 10 ٪
تنوع 50 7 14 ٪
نرخ تبدیل چهار درصد افزایش یافته است و به نظر می رسد این نوع برنده آشکار است. با این حال ، هنگامی که به داده ها با دقت بیشتری نگاه می کنید ، در استخرهای 50 بازدید شرکت طراحی سایت در اصفهان کننده دو تفاوت وجود دارد.
از طرف دیگر ، این تست / به شما یک برنده واضح در طراحی دکمه می دهد:
# نرخ تبدیل #
بدوی 5000 500 10 ٪
تنوع 5000 700 14 ٪
بنابراین ، لطفاً به پیشینه نتایج خود توجه کنید. اگر این کار را نکنید ، ممکن است در نهایت طراحی دکمه جدید را برای آسیب رساندن به و نرخ تبدیل صفحه خود پیاده سازی کنید.
در نتیجه
شرکت طراحی سایت در اصفهان
دکمه ممکن است برخی از عناصر کوچکتر در وب سایت شما باشد ، اما اگر پیدا کردن یا استفاده از آن دشوار باشد ، می توانند به راحتی منجر به ناامیدی کاربران شوند. این ناامیدی می تواند نرخ کلیک و نرخ تبدیل شما را کاهش داده و سرعت پرش را افزایش دهد.
اگر می خواهید خطر را به حداقل برسانید و از مزایایی که از دکمه به دست می آورید تا بیشترین میزان استفاده کنید ، حتماً طراحی هر اینچ خوب باشد. سپس طرح را تنظیم کنید تا ترکیب کاملی از شرکت طراحی سایت در اصفهان عنصر کامل مخاطب هدف (از رنگ دکمه گرفته تا کپی).
خدماتی که شرکت ما علاوه بر سئو ارائه می دهد
سهم
به دنبال محتوای تازه هستید؟
از اخبار و ارتباطات هفتگی ما مقاله و نظرات دریافت کنید.
نامه الکترونیکی
با وارد کردن ایمیل ، شما موافقت می کنید یک ایمیل ، از جمله ایمیل بازاریابی ، دریافت کنید.
و با شرایط ، ضوابط و سیاست های حریم خصوصی ما موافق باشید.
تصویر –
–
مدیر محتوا استشرکت طراحی سایت در اصفهان . او اصالتاً اهل آفریقای جنوبی بود و برنده جایزه برنز لری بود و معجزه و جنگ سیاره را دوست داشت.
شما هنوز هم ممکن است آن را دوست داشته باشید
راهنمای ساده و تدریجی برای ایجاد یک صفحه فرود با هوش مصنوعی برای ایجاد یک صفحه فرود
کریستینا استار
27 اوت 2024
فروش از طریق ‘ و + – را افزایش دهید
14 اوت 2024
تفسیر
یک بستر برجسته سازنده وب سایت شرکت طراحی سایت در اصفهان برای متخصصان وردپرس است. خدمات را برای متخصصان شبکه ، از جمله توسعه دهندگان ، طراحان و کارکنان بازاریابی ارائه می دهد و برای هر 10 وب سایت جدید وب سایت جدیدی برای وب سایت های جدید داردقبل از ارائه پاسخ به فرم ، بازدید کنندگان نمی توانند روی “برنامه نمایش” یا “یادگیری بیشتر” کلیک کنند. هنگامی که آنها این کار را انجام می دهند ، دکمه های غیر فعال آبی می شوند و می توانند همچنان درخواست های خود را ارائه دهند.
عنوان شرکت طراحی سایت در اصفهان صحیح و تاثیرگذار بر مخاطب را انتخاب کنید
این طراحی دکمه بازدید کنندگان را وادار می کند تا سرعت خود را کاهش دهند ، این بدان معنی است که پیام های خطا و ناامیدی که باید از آنها استفاده کنند کمتر است.
چگونه خود را آزمایش کنیم
دکمه یک عنصر مهم است که بازدید کنندگان را از قسمت های مختلف وب سایت به عنصر مهم دیگران و تا زمان تبدیل سوق می دهد. تنها راه برای اطمینان از کلیک و تبدیل به مخاطبان شرکت طراحی سایت در اصفهان خاص شما ، آزمایش تغییرات آن است.
موارد زیر برخی از مراحل اساسی است که هنگام طراحی دکمه تست / باید دنبال شود:
مرحله 1: فرضیات خود را ایجاد کنید
هر آزمون باید با فرضیات شروع شود.
حتی اگر صفحه و دکمه های شما کلیک می کنند ، آیا شما اعتقاد دارید که بعضی چیزها افراد را کوچک کرده است؟ اگر چنین است ، چرا؟
برای شکل گیری فرضیات خود می توانید از و ابزارهای نقشه برداری حرارتی (مانند ) استفاده کنید.
از استفاده کنید ، باید اهداف را تنظیم کنید تا بتوانید کلیک یک دکمه واحد را ردیابی کنید. هنگامی که فعالیت دکمه جدا می شود ، لطفاً کاربر را تقسیم کنید و بدانید که آیا برخی از افراد تغییر نمی کنند.
31 دکمه چگونه می توان دکمه کامل را طراحی کرد 23
به شما در تجسم استفاده از نقشه های داغ و سوابق جلسه کمک می کند: چه اتفاقی می افتد:
32 تقسیم بندی ضبط نحوه طراحی دکمه کامل 24
شما قادر به استفاده از تا حد امکان نخواهید بود ، اما داده ها هنوز هم مفید هستند.
مرحله 2: یک عنصر مورد آزمایش را انتخاب کنید
پس از درک دلیل افزایش نرخ کلیک ، یک عنصر مورد آزمایش را انتخاب کنید. به عنوان مثال:
رنگ
نوع
اندازه قلم
نماد یا بدون نماد
مرز یا مرز
اندازه دکمه
قرار دادن دکمه
طراحی وضعیت حلق آویز
کپی کردن
یک عنصر را در یک زمان آزمایش کنید ، می توانید طراحی دکمه را کم کم و تا حد امکان به کمال کامل کنید. با توجه به اینکه کدام طراحی تغییر می کند یا نرخ تبدیل شما را خراب می کند ، شک نخواهد کرد.
مرحله 3: اطمینان حاصل کنید که دکمه شما آسان است
به نظر نمی رسد این یک کار بزرگ باشد ، اما شما تست های / زیادی را روی دکمه انجام خواهید داد. بنابراین ، شما امیدوار خواهید بود که آنها را در فرمی ایجاد کنید که به راحتی قابل تغییر باشد ، که این امکان را برای شما فراهم می کند تا هر نوع نوع مورد نیاز خود را با انعطاف پذیری آزمایش کنید.
اگر می خواهید یک بلوک با یک دکمه ایجاد کنید ، پس از آن مؤلفه تماس با عناصر یک راه حل خوب است. همچنین می توانید از دکمه کوچک برای قرار دادن یک دکمه در طراحی یا کپی استفاده کنید.
مرحله 4: تست / خود را تنظیم و اجرا کنید
ما به طور خاص برای آزمایش / راهنمای داریم. در میان آنها ، ما چندین ابزار مختلف را برای شما فراهم می کنیم که می تواند برای آزمایش طراحی داخلی و خارجی وردپرس استفاده شود.
مراحل دو گزینه را برای تجزیه دریافت خواهید کرد. مورد استفاده برای بهینه سازی :
نوع اصلی خود را ایجاد کنید
و را در وب سایت خود بهینه کنید
تست / را در بهینه سازی تنظیم کنید
برای تست تقسیم و -:
یک تست جدید ایجاد کنید
تست را در تنظیم کنید
مشاهده نتایج آزمون
به هر حال ، اگر سعی می کنید از ابزارهای خارجی زیادی برای ساخت و مدیریت وب سایت خود استفاده نکنید ، عناصر یک بسته کلی طراحی و بازاریابی را ارائه می دهند ، نه فقط در آزمون /. بارداری و بزرگ کردن کودکان. این یک چیز هیجان انگیز است ، اما گاهی اوقات او ضرر می کند. “به” تماس با جامعه پررنگ بپیوندید -مردم دقیقاً همین موضوع را تجربه کرده اند! -این دلیل هیجان است.
- از کلمات معنی دار در صفحه در صفحه استفاده کنید
استثنائاتی در دو بهترین روش فوق وجود دارد -نه اصلی ، اما استثناء ثانویه و سوم. همه اینها به زمینه ارائه شده در اطراف دکمه بستگی دارد.
بیایید این مثال را در صفحه اصلی خوشه و سوزن بررسی کنیم:
26 نحوه طراحی دکمه مناسب 20 20
قسمت بالای صفحه اصلی “سریعاً مغازه” را صدا می کند. این منطقی است اما نزدیکتر به پای اینجا ، ما به این متن دکمه احتیاج نداریم.
به در سمت چپ نگاه کنید. این فقط “برو!” به خودی خود بی معنی است. اما بازدیدکنندگانی که متن بالا را می خوانند می دانند که دکمه “من را به صفحه هدف می برد”.
بنابراین ، اگر متن اطراف بازدید کنندگان را برای انجام اقدامات تشکیل می دهد ، فکر نمی کنید همیشه یک نسخه از دکمه بسته بندی عملکرد را بنویسید.
- بر تعداد کلمات موجود در دکمه تأکید نکنید
معمولاً هیچ قانونی برای تعداد کلمات لازم برای کلیک بر روی آن وجود ندارد. این در واقع فقط به هدف دکمه و متن بستگی دارد.
به عنوان مثال ، رایج ترین که ما استفاده می کنیم کوتاه و شیرین است:
با ما تماس بگیرید
به کیف اضافه کنید
اشتراک
ما نیازی به ارائه اطلاعات بیشتر یا ارائه اطلاعات بیشتر در دکمه نداریم ، زیرا در مرحله بعدی هیچ رمز و راز وجود نخواهد داشت. با این حال ، برای یک عملیات تلفنی کاملاً سفارشی ، ممکن است یک دکمه طولانی تر پیدا کنید.
به عنوان مثال ، وبلاگ اخیراً مقاله ای در مورد بررسی رسانه های اجتماعی منتشر کرده است. در پست این طولانی است:
27 دکمه چگونه می توان دکمه کامل را طراحی کرد 21
این آمده است: “الگوی حسابرسی رسانه های اجتماعی را برای سومو بخوانید”.
اگرچه این را می توان به عنوان یک لینک معمولی به پست اضافه کرد ، اما دکمه بزرگ سبز پیدا کردن آن را آسان تر می کند. تفسیر طولانی تر در دکمه ، محتوای بازدیدکنندگان را که می دانند از طرف دیگر پیدا می کنند ، تضمین می کند.
نکته ای که باید به خاطر بسپارید این است که متن در اندازه دکمه انجام می دهد. اگر برای درست کردن آن مجبور به کاهش اندازه قلم هستید ، ممکن است خیلی طولانی باشد.
- به جهت گیری توجه کنید
هنگام طراحی صفحه وب ، می دانید که بازدید کننده به نوعی به طور خودکار روی آن حرکت می کند. شما همچنین می دانید که اگر صفحه را به نوعی طراحی کنید ، می توانید به طور فعال چشمان آنها را در مسیری که می خواهند حرکت دهید.
دکمه های شما نیز می توانند این کار را انجام دهند.
در وب سایت شهر موسیقی ، ما روشهای مختلفی برای اقدام مشاهده کرده ایم:
اولین فلش راست است و کلمه “مرحله بعدی” در زیر وجود دارد.
ما همچنین متن “بیشتر یاد بگیرید” با فلش های راست. با این حال ، هنگامی که کسی روی آنها معلق بود ، فلش به سمت راست اشاره کرد.
سپس دکمه قرمز وجود دارد. از خارج ، به نظر نمی رسد که طراحی دکمه هیچ جهتی داشته باشد. با این حال ، هنگامی که آن را روی آن آویزان می کنید ، از قرمز روشن به قرمز تیره تغییر می کند ، تغییرات رنگ از سمت چپ شروع می شود و سپس به سمت راست حرکت می کند.
این جهت گیری ها باعث ایجاد یک وب سایت می شوند ، که احساس فعال تری می کند ، دقیقاً مثل اینکه دائماً ورزش می کند و با شما همراه می شود.
- از طرح های وضعیت غیر فعال در جدول خود استفاده کنید
اگر دکمه شما به دکمه های شما به فرم صحیح بستگی دارد ، برای دکمه های شما فعال نیست ، نه اینکه وضعیت فعالیت را حفظ کنید.
ریخته گری راهی برای مقابله با آن به ما نشان می دهد:
29 -فعالیت چگونه می توان دکمه کامل را طراحی کرد 22
جدول اشتراک در پایین صفحه دارای یک دکمه “ثبت نام” محو شده است. قبل از ارائه آدرس ایمیل ، سبز روشن نمی شود.
روش دیگری برای مقابله با این مشکل دارد: ملاقات و سرمایه گذاری به صورت نقدی ممکن است توجه برخی را به خود جلب کند. با این حال ، این عکس موجودی به هیچ وجه انجام نشده است. اگر چنین است ، راهی برای می کند.
- وضعیت تعلیق ایجاد کنید
ما نمونه هایی از تبدیل حالت معلق در حال شناور را مشاهده کرده ایم. دلایل کافی وجود دارد.
برای دکمه هواپیما ، میکرو -آنامیشن تأیید فوری را ارائه می دهد ، می توانید با این عنصر تعامل داشته باشید. برای دکمه – ، انیمیشن ممکن است در هنگام بازدید کنندگان بیشترین انتظار را برای بازدید کنندگان ایجاد کند.
دقیقاً مانند طراحی دکمه ، می توانید عملیات انیمیشن را به روش های مختلف بر روی دکمه انجام دهید:
تغییر رنگ
متن را تغییر دهید
تغییر سبک متن
نماد را اضافه یا حذف کنید
شکل یا اندازه دکمه را تغییر دهید
این بهترین کوکتل کنسرو شده در وب سایت است:
برخی از کوکتل های موجود در این لیست دارای یک دکمه هستند تا خواننده را به لینک نشان دهند. هنگامی که خواننده روی دکمه حرکت می کند ، رنگ را از رنگ سیاه به آبی (کمی تأخیر) تغییر می دهد و متن را از دشت به شیب تغییر می دهد.
روش های زیادی برای تغییر طراحی دکمه شما وجود دارد. فقط مطمئن شوید که برای مارک های دیگر شما مناسب است.
- روی نتیجه کلیک کنید تا 100 ٪ روشن باشد
کلمات داخل دکمه به اندازه طراحی مهم هستند.
اولین قاعده ای که باید هنگام انتخاب متن دکمه در نظر داشته باشید این است که باید مرحله بعدی را حذف کند. دکمه ای که می گوید “اینجا کلیک کنید” به افزایش کلیک بر روی کلیک کمک نمی کند.
دکمه ای که “درایو تست آراسته” را می خواند ، مانند یک دکمه در صفحه اصلی ، کلیک را افزایش می دهد:
24 نحوه طراحی دکمه مناسب 18
هرکسی که دکمه های قرمز را می بیند دقیقاً می داند که در صفحه بعد چه چیزی پیدا می کنند: جدول برنامه ریزی.
به خاطر داشته باشید ، انتظار داشته باشید که با واقعیت مطابقت داشته باشید. بنابراین ، هر دکمه “جدول زمانی” باید بازدید کنندگان را به صفحه ای که می توانند بصورت آنلاین ترتیب دهند ، سوق دهد. اگر سعی در باز کردن یا برنامه تلفن دستگاه آن داشته باشد ، این ممکن است منجر به افزایش نرخ پرش شود که به توانایی رتبه بندی سایت آسیب می رساند.
خط پایین: اطمینان حاصل کنید که دستور یا دعوت به طور دقیق توصیف می کند که چه اتفاقی خواهد افتاد.
- از جمله کلمات اکشن در دکمه خود
یکی دیگر از قاعده تجربی خوب دکمه ها ، کلمه ای است که شامل هیجان است.
یک روش استفاده از متن دکمه شروع فعل است. به جای خواندن دکمه:
“دانلود کتاب الکترونیکی”
بگذارید بگوید:
“کتاب الکترونیکی خود را بارگیری کنید”
این یک عبارت قوی تر است.
راه دیگر برای تحریک عمل ، شخصی تر این است که تجدید نظر بیشتر شود. شاید نیازی به تزریق آن به یک دسته از کلمات عاطفی نباشد.
به عنوان نمونه این ستون اعلان را در وب سایت بگیرید:
25 بلافاصله دکمه را برای نحوه طراحی دکمه مناسب 19 اضافه می کند
قبل از اینکه بازدید کننده آن را رد کند ، این اولین چیزی بود که در هر صفحه دیدند.
“اکنون بپیوندید” تنها تماس نیست. از طرف دیگر ، استفاده از یک علامت تعجب نیز چنین است.
در کپی نوشتن ، ما معمولاً در انتهای عنوان و سایر رشته های کوتاه (مانند دکمه) از نمادهای نگارشی استفاده نمی کنیم. یکی از دلایل این است که هر شخصیت مهم است و ما زباله های زیادی نداریم. اما این نیز به این دلیل است که نمادهای نگارشی برای بعضی از افراد معنی تسکین ندارند.
وقتی وب سایت هایی مانند و زمینه ای را که ظاهر می شود در نظر می گیرید ، علامت تعجب معنا می یابد. والدین و والدین آینده نگر برای دریافت اطلاعات به این وب سایت می آینددکمه 13
در سمت راست صفحه ، مستقیماً زیر جزئیات اصلی فعالیت قرار دارد. این شبیه به صفحات محصول طراحی و انتظار است که ما می بینیم.
این طرح در دستگاه های تلفن همراه بی معنی است. اگرچه طراح باید هرچه بیشتر دکمه ها را حفظ کند ، اما موقعیت و عملکرد آن باید مطابق با تجربه موبایل تنظیم شود.
این دقیقاً همان کاری است که طراح انجام داد:
نحوه طراحی دکمه کامل 14
دکمه “بلیط” سبز ابتدا در زیر جزئیات اصلی رویداد صفحه رویداد ظاهر شد. هنگامی که کاربر پیمایش می کند ، به پایین صفحه می چسبد تا همیشه وجود داشته باشد.
- تاشو در برخی از صفحات کلیدی حاوی است
اگرچه باید هر صفحه در وب سایت شما فراخوانده شود ، اما همیشه لازم نیست آن را به بازدید کنندگان نشان دهید. خدمات داخلی مربوط به اطلاعات است. بازدید کنندگان برای کسب اطلاعات بیشتر به این صفحات منتقل می شوند.
با این حال ، برخی از صفحات وجود دارد ، باید از مرکز جلو باشد:
صفحه اصلی
صفحه فرود
صفحه محصول
صفحه محصول 23 مثال خوبی است:
دکمه صفحه 193 23 نحوه طراحی دکمه مناسب 15
با چنین طرحی ، بازدید کنندگان یک نمای کلی از محصول را دریافت کردند و بلافاصله می دانستند که مرحله بعدی چیست: به سبد خرید اضافه کنید. آنها می توانند وقت خود را برای مرور صفحه صرف کرده و بفهمند که آیا این محصول برای آنها مناسب است یا خیر. سپس ، هنگامی که آنها آماده شدند ، آنها به یاد خواهند آورد که دکمه را برای تبدیل پیدا کنید.
با قرار دادن آن در بالای طرح بی پروا ، تبدیل به سرعت بدون درد می شود.
- دکمه را در مسیر بازدید کننده قرار دهید
هنگام طراحی وب سایت برای سفر کاربر ، باید در نظر بگیرید که چگونه آنها از یک صفحه به صفحه دیگر می روند. همچنین باید در نظر بگیرید که چگونه آنها از بالای صفحه و مکانی که در راه متوقف می شوند متوقف می شوند.
تحقیقات نشان می دهد که روش های زیادی برای اسکن متن با چشم وجود دارد. به عنوان مثال ، حالت یکی از رایج ترین حالت های خواندن است:
20 تحقیقات در مورد نحوه طراحی دکمه کامل 16
با پیش بینی چشمان بازدید کننده در صفحه قرار خواهد گرفت ، می توانید دکمه ها را در مسیر آنها قرار دهید.
این تحقیقات قانع کننده همچنین نشان می دهد که برخی از عناصر توجه بیشتری نسبت به سایر عناصر (مانند عنوان و تصاویر) داشته اند. اگر می توانید دکمه را به روش صحیح طراحی کنید ، اگر آنها کمی از مسیری که نادر است منحرف شوند ، بی ربط است.
وب سایت از این دو اصل جذاب استفاده می کند:
بیشتر های این صفحه نزدیک به لبه سمت چپ صفحه هستند -چشم اکثر بازدید کنندگان در اینجا متمرکز شده اند. اما ما همچنین بسیاری از دکمه های را در صفحه مشاهده می کنیم. همه آنها در تصاویر چشمگیر چشم پیچیده شده اند ، که می دانیم توجه بازدید کنندگان را به خود جلب می کند. بنابراین ، حتی اگر آنها در مسیر طبیعی نباشند ، احتمالاً گردشگران با آنها روبرو می شوند.
- اجازه ندهید دکمه های شما برای رقابت رقابت کنند
این بهترین عمل مربوط به حواس پرتی است. یا فقدان کمبود ، بنابراین بازدید کنندگان نمی توانند کمک کنند اما شما را جذب می کنند.
وقتی به صفحه اصلی وب سایت مریل لینچ نگاه می کنید ، اولین چیزی که متوجه شده اید چیست؟
22 – دکمه نحوه طراحی دکمه مناسب 17
اگر مشتری مریل لینچ نیستید ، این اولین باری است که در اینجا هستید ، ممکن است دکمه “راه اندازی” قرمز روشن چشم شما باشد.
بخشی از دلیل رنگ دکمه و شکاف های کامل در اطراف است. اما طراحی اطراف نیز تا حدی مسئول است.
رنگ برند آبی تیره یک رنگ ایمن و پایدار است ، بعید است که توجه دکمه های قرمز را به خود جلب کند. تصویر در مرکز صفحه نیز یک انتخاب ایمن است. اگر تصویر شخصی داریدبه همین دلیل باید هنگام طراحی دکمه ، فضا را در نظر گرفت. آنها عناصر مهمی هستند که بازدید کنندگان را از یک صفحه یا به تدریج به صفحه دیگر منتقل می کنند. آنها در تغییر شکل گم نمی شوند و خواندن یا استفاده آن دشوار نیست.
بیایید نگاهی به صفحه فرود تبلیغاتی تور جهانی (مجازی) بیندازیم:
طراحی تصویر قهرمان یک عینک است. اگر طراح یک دکمه را در آنجا قرار دهد ، پیدا کردن آن دشوار خواهد بود.
با این حال ، هنگامی که بازدید کنندگان صفحه را پایین می کشیدند ، طرح به تدریج ناپدید شد و شکاف های زیادی را باز کرد. سرانجام آنها آنها را به پایین صفحه آوردند ، جایی که دو درخواست تجدید نظر برای “تماشای فعالیت های سایت” یا ” ” پیدا کردند.
فضای اطراف بسیار خوب است ، زیرا پیدا کردن آنها را آسان می کند ، به راحتی می توان بین یکدیگر تمایز قائل شد و به راحتی می توان بدون خطا روی راست کلیک کرد.
- مطابق با روند طراحی مدرن
هنگام طراحی دکمه ، آنها باید برای سبک مارک مناسب باشند و باید با روند طراحی امروز سازگار باشند.
به عنوان مثال ، فرم های جدید به تدریج محبوب هستند. با این حال ، اگر وب سایت و مارک شما مسطح است ، نمی خواهید از طراحی دکمه حالت جدید استفاده کنید. در این حالت ، بهتر است یک طرح مسطح را برای دکمه خود طراحی کنید ، اما از روند طراحی استفاده کنید.
اگر مواردی مانند گرادیان یا سایر روندهای رنگی برای طراحی شما معنی ندارد ، لطفاً از مشتریان بالقوه استفاده کنید و یک میکروآمیز چشمگیر را به دکمه اضافه کنید:
- خرد شدن میکرو از نظر دکمه همیشه سبک است ، زیرا آنها می توانند در دسترس بودن آنها را بهبود بخشند.
- طرح دکمه نمای کلی جامد را انتخاب کنید
حدود چند سال ، دکمه می تواند یک طراحی کانتور شفاف داشته باشد. این نوع دکمه ها نیز دکمه های “شبح” نامیده می شوند.
بزرگترین مشکل در این روند این است که تحقیقات در مورد دکمه نمای کلی بارها و بارها ثابت شده است و میزان خطا بیشتر است و میزان خطا بیشتر است. اگرچه آنها کوچکترین یا ظریف به نظر می رسند ، اما چندان کاربر دوست نیستند.
بنابراین ، هنگامی که دکمه اصلی را طراحی می کنید ، حتما طرح دکمه جامد (پر) را انجام دهید. سپس ، اگر نیاز به اضافه کردن دکمه های دوم یا سوم به صفحه دارید ، لطفاً تأکید کنید که آنها به تأخیر افتاده اند تا آنها را به یک دکمه شبح تبدیل کنند.
اگر می خواهید بسیاری از ها را تنظیم کنید و به بازدید کنندگان نشان دهید که کدام گزینه ها بهترین هستند ، این استراتژی طراحی نیز مفید است ، دقیقاً مانند آشپزخانه تست آمریکایی در اینجا:
15 دکمه جامد و کانتور چگونه می توان دکمه کامل را طراحی کرد 12
چشمان بازدید کننده به طور طبیعی به دکمه “دسترسی آزاد” تبدیل می شود ، که در دنباله پر شده و رتبه اول را دارد. حتی اگر آن را به عنوان محبوب ترین “محبوب ترین” نگویم ، من مایل به جرات شرط بندی هستم ، فقط به این دلیل که طراحی شبح دلالت بر این دارد که دیگران چندان با ارزش نیستند ، من جرات می کنم شرط بندی کنم ، کلیک های بیشتری بخرم و خریداری کنم.
- به آن یک طرح “می توانید کلیک کنید” به آن بدهید
وقتی بازدید کننده دکمه را می بیند ، باید یک کار را انجام دهید: روی آن کلیک کنید. بنابراین ، هنگامی که توسط عناصر غیر لکه دار احاطه شده است ، به نظر می رسد کلیک کنید.
ساده ترین راه برای دستیابی به این هدف ، ساختن آن به یک مستطیل یا تخمک است که با دکمه همراه است.
اگر برای برند خود مناسب هستید ، ممکن است برای گسترش دکمه خود کارهای بیشتری انجام دهید. به عنوان مثال ، دو چیز در دکمه وجود دارد ، به طوری که بازدید کنندگان بدانند که می توانند کلیک کنند:
اولین مورد این است که به نظر می رسد پرتاب نور در گوشه و کنار. دوم این که وقتی کاربر شناور می شود ، اندازه آن گسترش می یابد.
روشهای دیگری که باعث می شود دکمه به نظر برسید ، می توانید سایه ها را به پس زمینه اضافه کنید یا آن را به صورت متوالی تبدیل کنید.
با طراحی دکمه از این طریق ، می توانید خطاهای کلیک را کاهش داده و به بازدید کنندگان کمک کنید تا سریعتر تلفن خود را پیدا کرده و از آن استفاده کنند.
- یک دکمه برای کاربران تلفن همراه ایجاد کنید
برای کاربران تلفن های هوشمند ، برای کاربران دسک تاپ و لپ تاپ ، این اثر بسیار خوب است. ما نه تنها در مورد اندازه یا رنگ دکمه صحبت می کنیم.
به عنوان مثال ، دکمه “بلیط” در دسک تاپ:
17 دکمه بلیط نحوه طراحی کاملمطابق اخبار پزشکی امروز:
“تأثیر روانشناختی خستگی خستگی ممکن است متفاوت باشد ، که ممکن است باعث شود تصمیمات صحیح ، خرید و تحرک یا سایر رفتارهای اجتناب را انجام دهد.”
بنابراین ، هنگامی که از بازدید کننده می خواهید تنها تصمیم (یا بخش کوچکی از تصمیم ممکن) را اتخاذ کند ، خواستار اقدام مؤثرترین است.
اگرچه هر صفحه در وب سایت شما می تواند پیوندها و دکمه های دیگری را ارائه دهد ، اما شما باید فقط یک اصلی داشته باشید. درست مثل در اینجا است:
دکمه بزرگ زرد “سعی کنید ” تماس اصلی است. این همچنین تنها عنصر طراحی شده در صفحه است که به بازدید کنندگان این امکان را می دهد تا به راحتی بفهمند که در آینده چه کاری باید انجام دهند.
- از رنگ قوی و فراموش نشدنی استفاده کنید
مدتی بزرگترین طرح بحث و گفتگو در مورد دکمه به این است که آیا شما باید آنها را قرمز یا سبز روشن کنید. به عنوان مثال ، از کل پست برای دو رنگ تست / استفاده می کند:
9 نحوه طراحی دکمه مناسب 8
اگرچه رنگ هنوز نقش مهمی در بهینه سازی دکمه برای کلیک و تبدیل دارد ، اما به سادگی قرمز یا سبز نیست.
شما باید عوامل زیادی را در نظر بگیرید:
مارک
رنگارنگ
کنتراست رنگ
“افزودن به سبد خرید” یک مثال خوب است ، نشان می دهد که چگونه می توانید رنگی را انتخاب کنید که در تضاد شدید با محیط اطراف باشد و در عین حال ، هنوز هم در عناصر برند وب سایت خوب به نظر می رسد.
10 جویدنی نارنجی به دکمه سبد خرید اضافه کنید که چگونه دکمه مناسب را طراحی کنید 9
اگرچه روانشناسی رنگ ممکن است هنگام طراحی دکمه ها مفید باشد ، اما این یک علم دقیق نیست ، به خصوص به این دلیل که اینترنت و حتی اجازه می دهد کوچکترین شرکت وارد جهان شود. رنگ ها برای افراد مختلف و فرهنگ های مختلف به معنای چیزهای مختلف است ، بنابراین روانشناسی رنگ همیشه بهترین مسیر نیست. نظریه رنگ ابزاری با ارزش تر است.
- یک تنظیم ساده یا قلم صفحه نمایش را انتخاب کنید
از نظر دکمه های انتخابی ، فضای خلاقیت زیادی نخواهید داشت. شما به بازدید کنندگان نیاز دارید تا به سرعت محتوای خود را بخوانند تا اطمینان داشته باشند که اقدام کنند.
در مورد اینکه فونت وب واضح ترین است ، لطفاً از استفاده از خطوط جامد با شخصیت های منحصر به فرد و غیرقانونی استفاده کنید. به عنوان مثال ، از استفاده می کند:
11 فونت دکمه چگونه می توان دکمه کامل را طراحی کرد 10
این یک قلم استریل هیجان انگیز نیست ، اما خواندن و مطابقت با متن اطراف بسیار تمیز و آسان است. همچنین به طراحی و پیام های دکمه ها اجازه می دهد تا تأثیر بیشتری داشته باشند زیرا آنها تحت پوشش تایپ قرار نمی گیرند.
4- متن باید کمی بزرگتر از متن بدن اطراف باشد
طراحی دکمه شما باید چشم بازدید کنندگان را به خود جلب کند ، نه اندازه بزرگ. به عبارت دیگر ، هنگام طراحی دکمه ، هنوز باید ساختار سلسله مراتبی را در نظر بگیرید.
صفحه فرود را دریافت کنید:
12 ساختار سلسله مراتبی چگونه می توان دکمه کامل را طراحی کرد 11
بازدید کنندگان به طور طبیعی متون بزرگتر را به خود جلب می کنند -زیرا متن بزرگ اهمیت بیشتری را نشان می دهد.
این طرح نشان می دهد که 27 قلم پیکسل در 1 “فیلم های نامحدود ، برنامه های تلویزیونی و غیره” مهمترین آنهاست. دومین مورد مهم ، قسمت “آدرس ایمیل” و دکمه قرمز “شروع>” است.
شما می توانید از ترکیبی از اندازه و وزن قلم برای کمک به چشمان بازدید کنندگان از طریق محتوا استفاده کنید و آنها را سریعتر وارد کنید.
شما تصمیم می گیرید که چه مقدار نقاط کلیدی روی دکمه قرار می گیرد. برای اولیه ، اندازه آنها باید به 1 و 2 شما نزدیکتر باشد ، نه بافتی با بدن. با این حال ، برای های دوم و سوم ، تا زمانی که آنها روشن باقی بمانند و قابل کلیک باشند ، می توانند کوچکتر باشند.
5- فضای کافی را در اطراف حروف و دکمه ها فراهم کنید
- فضای خالی مهمترین عنصر طراحی شما را برای تنفس فضا فراهم می کند ، که به بازدید کنندگان کمک می کند تا راحت تر روی آنها پیدا کنند. به خصوص در اطراف متن ، فضای سفید می تواند به بهبود خوانایی و مهاجم کمک کند. دکمه قبل از اینکه کلمه “به سبد خرید اضافه شود” یک نماد اتومبیل خرید و یک شکل مستطیل و تمایل دارد.
- از چه دکمه استفاده می کنید؟
- معمولاً وب سایت دارای لینک های زیادی از صفحه ناوبری تا پاورقی تا پا است. پیوند اطلاعات نیازی به طرح های خاص ندارد.
مرحله مهم بعدی در وب سایت شما باید نمایش داده شود. به عنوان مثال:
ادامه خواندن
امروز ثبت نام کنید
اکنون آن را بخرید
به سبد خرید اضافه کنید
یک آزمایش رایگان را شروع کنید
اکنون تماشا کنید
مشترک شوید و 5 ٪ تخفیف دریافت کنید
همچنین متعلق به پایان فرم وب سایت -فرم -فرمت ، فرم جستجو ، پرداخت و غیره است. درست مثل این مثال “پیدا کردن غذا” ، یکپارچه:
3 دکمه جستجوی بدون درز نحوه طراحی دکمه مناسب 3
دکمه در هر صفحه از وب سایت ظاهر می شود. اگرچه امیدها و انتظارات این است که بازدید کنندگان روی این دکمه ها کلیک می کنند ، ما نمی توانیم روی عمل تمرکز کنیم. طراحی یک دکمه برای مشاهده آن برای کلیک بر روی آن ، اجازه نمی دهد بازدید کنندگان بیشتری روی آن کلیک کنند.
برای مجبور کردن بازدید کنندگان به اقدام ، باید درک کنیم که چه چیزی را هدایت می کنیم ، و سپس دکمه هایی را طراحی می کنیم که به آنها در رسیدن به اهداف خود کمک می کند. بنابراین ، دکمه باید به یکی از موارد زیر برسد:
آموزش و پرورش: پیشینه یا اطلاعات بیشتری را در مورد نکات موجود در صفحه به طور خلاصه ارائه دهید.
درست مثل دکمه “ملاقات با من” در صفحه اصلی شرکت پذیرایی اجتماعی:
4 نحوه طراحی دکمه مناسب در تغذیه اجتماعی 4
راهنمایی: به بازدید کنندگان بگویید که چگونه این کار را انجام دهند و چگونه به آنجا برسند.
به عنوان مثال ، در وب سایت مدرن ، همیشه یک دکمه احضار در بالای صفحه وجود دارد تا بازدید کننده را به صفحه یا مرحله بعدی سوق دهد:
5 دکمه پروژه نحوه طراحی دکمه مناسب 5
پشتیبانی: اگر بازدید کنندگان در مرحله بعدی مانند افزودن محصول به سبد خرید یا صرفه جویی در حفظ آینده انجام می دهند.
این امر به ویژه به عنوان شرکت هایی با حمام آجری مانند حمام تختخواب و فراتر از آن مهم است.
6 نحوه طراحی دکمه مناسب 6
: هنگام آماده شدن ، به سرعت راه را به بازدید کنندگان تغییر دهید.
به عنوان مثال
7 نحوه طراحی دکمه مناسب 7 را به عنوان دکمه بازدید کننده 7 ادامه می دهد
سازنده وب سایت حرفه ای
هر نوع وب سایت را ایجاد کنید
سازنده وب سایت را بکشید و رها کنید ، هیچ کدی نیاز ندارد
بیش از 100 مؤلفه کوچک ، برای هر منظور
پیکسل طراحی کامل طراحی حرفه ای
شروع از 4.92 یورو/ماه یورو
بهترین روش 19 طراحی تبدیل به عنوان مثال بالا
طراحی دکمه فقط رنگ و اندازه نیست ، اگرچه این طراحی نیز مهم است. اگرچه دکمه فرمول مخفی ندارد ، اگر می خواهید دکمه هایی را طراحی کنید که توجه بازدید کنندگان را به خود جلب می کند و از آنها الهام می گیرد تا اقدامی انجام دهند ، باید برخی از قوانین را رعایت کنید.
بیایید نگاهی به این 19 بهترین روش بیندازیم ، که می تواند به شما در طراحی اقدامات مؤثر کمک کند:
- تلفن اصلی را انتخاب کنید
آنچه را که می توانیم بصورت آنلاین انجام دهیم در نظر بگیرید-
مقاله ای را بخوانید و با دوستان خود ارتباط برقرار کنید ، چیزها را بخرید ، مشترک شوید ، فیلم ها را تماشا کنید و ایمیل را مشاهده کنید و سپس آن را بسازید … به همین دلیل امروز بسیاری از افراد از خستگی رنج می برند. این نه تنها باعث می شود تصمیم گیرنده احساس بدی کند. این ممکن است تأثیر منفی بر روند تصمیم گیری تصمیم بگیرد. پرش به محتوا
وبلاگ
دسته
جستجو:
انگلیسی
وارد کردن
شروع
نحوه طراحی دکمه مناسب
–
بروزرسانی: 04.05.22
دکمه ممکن است کوچکترین عنصر در وب سایت شما باشد ، اما ممکن است تأثیر زیادی در کلیک و نرخ تبدیل شما داشته باشد. بدانید که چگونه دکمه های مؤثرتر را در اینجا طراحی کنید.
فهرست مطالب
درمان با دکمه وب سایت به راحتی صورت گرفته است. از این گذشته ، هر صفحه وب از آنها از یک اقدام جذاب ، مانند “دانستن بیشتر” به “75 ٪ تخفیف امروز” مانند “لذت بردن از 75 ٪ تخفیف” برخوردار است. بنابراین ، این یک بازدید کننده نیست که نمی داند دکمه می تواند از چه چیزی استفاده کند یا چگونه از آنها استفاده کند.
اما کنترلر پلی استیشن را به عنوان نمونه در نظر بگیرید. کاربران سرانجام برای انجام رایج ترین اقدامات به حافظه عضلانی تکیه می کنند و حتی نیازی به در نظر گرفتن آنچه انجام می دهند در نظر نمی گیرند. روز دوم خواهد شد.
اما چه اتفاقی می افتد که آنها به خانه شخصی می روند و دارند؟ چیدمان کنترلر کم و بیش است ، اما موقعیت برخی از دکمه ها با موقعیت چوب متفاوت است. اگر آنها قبلاً از کنترلر استفاده نکرده اند ، ممکن است باعث شود که آنها در طول بازی در ضرر قرار بگیرند که این ممکن است باعث ناامیدی و ناامیدی شود.
این کار برای طراحی دکمه در وب سایت به عنوان طراحی دکمه روی شیء فیزیکی قابل استفاده است.
تنها نکته این است که افراد معمولاً باید با دکمه های فیزیکی ضعیف سازگار شوند ، زیرا آنها به بخشی از سیستم بازی ، تلویزیون یا تلفن هوشمند خریداری و متعهد شده اند. در وب سایت ، قبل از اینکه دوباره نحوه یافتن و استفاده از دکمه های خود را انتخاب کنید ، دکمه های خسته کننده به عنوان مشکلات کوچک در نظر گرفته نمی شوند. درعوض ، آنها ترک می کنند و به وب سایتی می روند که دشوار یا هرج و مرج نیست.
بنابراین ، این همان چیزی است که امروز می خواهیم ببینیم: چگونه می توان دکمه های تماس جذاب ، در دسترس را طراحی کرد و نرخ کلیک و نرخ تبدیل وب سایت را بهبود بخشید. این پست همچنین پر از دکمه های پر از عملیات تحریک کننده خواهد بود.
فهرست مطالب
دکمه اکشن تماس چیست؟
بهترین روش 19 طراحی تبدیل به عنوان مثال بالا
چگونه خود را آزمایش کنیم
دکمه اکشن تماس چیست؟
دکمه () یک دکمه در وب سایت است که شامل دستورات یا دعوت نامه هایی برای راهنمایی کاربران برای راهنمایی آنها برای انجام عملیات مورد نیاز در وب سایت شما است. معمولاً در صفحه فرود برای تشویق کاربران به تغییر استفاده می شود
اگرچه را می توان به عنوان متن نوشت ، اما روش متداول تر طراحی عملیات تماس به عنوان یک دکمه است.
به عنوان مثال ، صفحه اصلی شامل دو نوع طراحی است:
1 دکمه طراحی نحوه طراحی دکمه مناسب 1
“یادگیری بیشتر” یک تماس مشترک در وب سایت است. با این حال ، طراحی این صفحه خاص یک پیوند ساده است.
از طرف دیگر ، “مشاهده همه خدمات” توسط دکمه های سیاه گرد محصور شده است. این یک روش معمولی تر برای طراحی است.
به عبارت دیگر ، دکمه دارای اشکال ، اندازه و سبک های مختلفی است. به عنوان مثال ، این نحوه دکمه “اضافه کردن به سبد خرید” در صفحه محصول است:
2 دکمه نحوه طراحی دکمه مناسب 2
بدون کامنت