ویژگی های مثبت و نکات منفی طراحی سایت با دکمه های نامرئیویژگی های مثبت و نکات منفی طراحی سایت با دکمه های نامرئی تاریخ انتشار : 01 اردیبهشت، 1396

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

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

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

دکمه نامرئی درhero header


آیا تا به حال به دکمه ی نامرئی که اطراف صفحه نمایش‎ ‎آیفون‎ ‎است دقت کرده اید. دکمه ‏های نامرئی تقریبا همزمان با تکنیک‎ hero header ‎و در جهت بهبود کارایی آن مورد توجه قرار ‏گرفتند. ساخت دکمه های نامرئی در هنگام طراحی وب سایت این شانس را می دهد که ‏درعین وجود دکمه، تمرکز شخص روی تصاویر را منحرف نکند.‏
این دکمه ها معمولا بزرگ تر از دکمه هایی که به سبک سنتی در طراحی سایت استفاده می ‏شوند بوده و اغلب در مکان هایی برجسته و قابل دید قرار می گیرند. در طراحی دکمه های ‏نامرئی عموما از اشکال هندسی ساده شامل مربع، مستطیل، دایره و یا شش وجهی بصورت ‏توخالی استفاده میشود که همانند شیشه شفاف و ناپیدا بنظر میرسند.‏
‏ تکنیک دکمه های نامرئی در طراحی سایت را می توان معمولا در طراحی فلت و در سایت ‏هایی با هدر بزرگ یا همان‎ hero header ‎مشاهده کرد
دکمه های نامرئی می توانند در انواع سایت ها و برنامه های موبایل به کار گرفته شوند. این ‏سبک از دکمه را در طراحی سایت هایی که از تصاویر‎ hero header ‎یا‎ full screen ‎استفاده می ‏کنند، بیشتر مشاهده می کنیم چرا که وجود دکمه های نامرئی تداخلی در نمایش تصویر ‏ایجاد نمی کند.‏

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


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

نکات منفی دکمه های نامرئی

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

نکات مثبت دکمه نامرئی

 

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

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

طراحی سایت وب کو وب همیشه سعی کرده با در نظر گرفتن نکات منفی و مثبت دکمه های ‏نامرئی به خوبی از این امکان در نمونه های طراحی شده توسط این تیم استفاده نماید و ‏بهترین نتیجه را برای سایت داشته باشد.‏


اشتراک گذاری در :

مقالاتی که پیشنهاد می شود بخوانید

اهمیت و دقت رتبه بندی الکسا برای وب سایت
30 فروردین

اهمیت و دقت رتبه بندی الکسا برای وب سایت

بازدید: 364

شاید گوشه کنار وب بارها عنوان رتبه الکسا (Alexa) را دیده و مطالبی در این خصوص الکسا خوانده باشید؛ سایتها و سرویس های خاصی نیز در این رابطه در گستره وب شکل گرفته اند که در مجموع تحت عنوان بهینه سازی و افزایش رتبه سایت SEO یا (Search Engine Optimization) فعالیت می کنند، اینکه الکسا چیست، چگونه آمار بازدیدهای یک سایت را به دست می آورد و رتبه بندی آن تا چه میزان اهمیت دارد، مطلبی است که در این مقاله به آن خواهیم پرداخت تا نهایتا به [...]

وب سایت داینامیک چیست و نقش آن در سئو سایت
30 فروردین

وب سایت داینامیک چیست و نقش آن در سئو سایت

بازدید: 358

در طراحی سایت های داینامیک از تکنولوژی هایی مانند دات نت، Perl، JSP، ASP Cold Fusion، و PHP استفاده می شود، و پیاده سازی آن به گونه ای است که در واقعیت صفحه ای وجود ندارد و تنها با درخواست کاربر ایجاد می گردد. وب سایت هایی هستند که به کمک برنامه نویسی وب و سیستم مدیریت محتوا تولید شده و محتوای این وب سایت ها توسط صاحبان آنها قابل بروز رسانی و تغییر است. از تکنولوژی های Ajax و Silverlight نیز بهره می برند. برتری وب سایت داینامیک نسبت به [...]

بهینه سازی وب سایت هایی با چند نام دامنه
30 فروردین

بهینه سازی وب سایت هایی با چند نام دامنه

بازدید: 307

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

گامهای اولیه طراحی صفحات وب چیست؟
30 فروردین

گامهای اولیه طراحی صفحات وب چیست؟

بازدید: 502

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

ابزارها و وب سایتهای برای تست وب سایتهای طراحی شده در موبایل
01 اردیبهشت

ابزارها و وب سایتهای برای تست وب سایتهای طراحی شده در موبایل

بازدید: 383

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

طراحی وب سایت استاندارد و جلوگیری از خروج کاربران وب سایت و روش کاهش Bounce rate سایت
01 اردیبهشت

طراحی وب سایت استاندارد و جلوگیری از خروج کاربران وب سایت و روش کاهش Bounce rate سایت

بازدید: 384

ساختار استاندارد و مناسب با تکیه بر محتوای مناسب و کاربردی میتوانید میزان خروج کاربران از وب سایت قبل از بازدید تنها یک صفحه را بگیرید و بازدید کننده را ترغیب به دیدن تمامی صفحات وب سایت نماید .یک طراحی مناسب می تواند میزان خروج کاربران از وب سایت را کاهش داده و موجب افزایش فعالیت کاربران در وب سایت شود .تنها راه جلوگیری از خروج کاربران از وب سایت کاهش کاهش Bounce rate می باشد.Bounce rate چیست ؟مقیاسی است مناسب جهت بررسی [...]