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

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

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

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

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


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

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


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

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

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

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

 

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

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

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


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

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

هر رنگ در طراحی وبسایت چه معنای دارد؟
31 فروردین

هر رنگ در طراحی وبسایت چه معنای دارد؟

بازدید: 1027

هر رنگ در ضمیر ناخودآگاه انسان تاثیر خاصی می گذارد برای همین رنگ ها در طراحی سایت ‏خیلی مهم هستند مثلا بعضی رنگ ها کاربر را به خرید تشویق می کند، بعضی رنگ ها ‏احساس اعتماد ایجاد می نماید و همچنین بعضی رنگ ها به انسان احساس گسنگی می ‏دهد و ... یعنی شما با رنگ ها به طور غیر مستقیم می توانید احساسات کاربران خود را ‏برانگیخته نمایید.‏نکات مهم در هنگام انتخاب رنگ برای سایت•    رنگ متمم رنگهای [...]

بهینه سازی سایت و سئو تضمینی سایت یا فروشگاه شما
31 فروردین

بهینه سازی سایت و سئو تضمینی سایت یا فروشگاه شما

بازدید: 793

سئو چیست و چگونه انجام می پذیرد؟سئو عبارت است از بهینه سازی وب سایت برای موتورهای جستجوگر که گوگل مهمترین آنهاست و تعریفی که ما برای سئو ارائه می دهیم راهنمایی کاربران به وبسایت هایی که مرتبط ترین موضوع را با کلمه کلیدی مورد جستجو آنها دارد اما چگونه به گوگل بگوییم که سایت ما مرتبط ترین سایت با کلمه کلیدی مورد جستجو می باشد ؟ پاسخ این سوال در استراتژی سئو سایت میباشد که از مهمترین آنها می توان به تولید محتوای [...]

نکات کلیدی و کاربردی برای طراحی سایت
29 فروردین

نکات کلیدی و کاربردی برای طراحی سایت

بازدید: 1144

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

RSS چیست و کاربردهای RSS در طراحی سایت
31 فروردین

RSS چیست و کاربردهای RSS در طراحی سایت

بازدید: 5496

RSS مخفف Really Simple Syndication به معنی تشکیل ارتباط‌های بسیار ساده است. آر.اس.اس فرمتی برای خروجی اطلاعات می‌باشد. آر.اس.اس فایلی با فرمت خاص (XML) می‌باشد که شامل آخرين عناوين سایت‌های خبری، وبلاگ‌ها و سايت‌هايی از اين دست می‌باشد. در واقع با به روز شدن سایت، فایل آر.اس.اس آن به طور خودکار به روز می‌شود. محتويات فايل‌های آر.اس.اس را می‌توان به کمک نرم‌افزارهای مخصوص و يا سايت‌هايي كه اين امكان را [...]

ترافیک وب سایت چیست و روش های افزایش ترافیک وب سایت
29 فروردین

ترافیک وب سایت چیست و روش های افزایش ترافیک وب سایت

بازدید: 1903

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

css چیست؟
29 فروردین

css چیست؟

بازدید: 790

CSS یا Cascade Style Sheets  یک نوع زبان برنامه نویسی می باشد که کنسرسیوم بین المللی شبکه جهانی وب یا W3C برای غلبه بر مشکلاتی که در طی زمان با استفاده از HTML بوجود آمده است پیشنهاد داده است.زبانی است که جمله یک خطی شما را تبدیل به همان یک جمله خواهد کرد. شما تنها کافی است تا استیل مورد نیازتان را در طراحی تغییر دهید و آن هم تنها با تغییر یک یا چند مورد کوچک. عملا این زبان برنامه نویسی، مکملی بر زبان باستانی HTML است و سعی در پر [...]