طراحی سایت با دکمه های نامرئی – سئومکانیک

از ابتدای سال 2014 تا به امروز طراحی وب در دنیا توجه ویژه ای به سادگی و ظرافت عناصر به کار رفته در صفحات وب داشته است که در این میان دکمه ها نیز از این قاعده مستثنی نبوده اند. تکنیک دکمه های نامرئی در طراحی وب یکی از این نمونه هاست. این روش را معمولاً می توان در طراحی فلت و در سایت هایی با هدر بزرگ یا هدر هیرو مشاهده کرد.

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

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

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

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

عناصر طراحی دکمه نامرئی

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

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

ویژگی های مثبت تکنیک دکمه نامرئی در طراحی وب سایت

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

معایب استفاده از دکمه نامرئی

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

نمونه هایی از استفاده از دکمه های نامرئی