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

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

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

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

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


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

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


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

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

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

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

 

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

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

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


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

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

الگوریتم گوگل پنگوئن چیست - بررسی الگوریتم جدید گوگل
31 فروردین

الگوریتم گوگل پنگوئن چیست - بررسی الگوریتم جدید گوگل

بازدید: 904

گوگل پنگوئن از تاریخ 24 آپریل 2012 (5 اردیبهشت ماه سال 1391) منتشر شده است. هدف از این الگوریتم حذف سایت هایی که از روش های ایجاد لینک استفاده می کنند از نتایج گوگل است. بر اساس تخمینی که گوگل ارائه داده است این نسخه جدید بر روی 3.2 درصد سایت های انگلیسی و 3 درصد سایت ها به زبان های دیگر تاثیر گذاشته است. سایت هایی که بر اثر این نسخه جدید از نتایج جستجو حذف میشوند می توانند از طریق ابزار مدیر سایت گوگل درخواست بازبینی بدهند. [...]

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

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

بازدید: 1173

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

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟
28 فروردین

اچ تی ام ال (HTML) و یا به عبارت دیگر زبان نشانه‌گذاری ابرمتنی چیست؟

بازدید: 1505

اچ‌ تی‌ ام‌ ال زبان توصیف ساختار صفحه‌های وب است. دستورعمل‌های این زبان، برچسب (Tag) نام دارند در زبان html دستورات و متون مربوطه داخل تگ ها قرار می گیرند که هر کدام از این تگ ها خواص و کاربرد خاص خود را دارندزبانی‌است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند.HTMLمخفف عبارت  Hyper TextMarkup Language  می باشد که به معنای زبان نشانه گذاری متن می باشد. HTMLدر کنار [...]

نقش طراحی سایت واکنش گرا در سئو سایت و بهینه سازی وب سایت شما
09 خرداد

نقش طراحی سایت واکنش گرا در سئو سایت و بهینه سازی وب سایت شما

بازدید: 1769

طراحی سایت واکنش گرا چرا برای سئو سایت و بهینه سازی وب سایت شما مهم و موثر می باشد؟ طراحی سایت واکنش گرا یا Responsive web design که بطور خلاصه به آن RWD نیز گفته می شود، شامل مجموعه ای از تکنیک های پیچیده که اجازه می دهد تا وب سایت خود را برای انطباق با هر اندازه صفحه نمایش طراحی نمائید و محتوای سایت شما در یک فرم و شکل بدون به هم ریختگی به راحتی قابل خواندن و پیمایش برای کاربران باشد.با توجه به استراتژی های جدید موتورهای [...]

CIW یا Certified Internet Web چیست؟
01 اردیبهشت

CIW یا Certified Internet Web چیست؟

بازدید: 921

CIW چیستکلمه CIW مخفف Certified Internet Web است که نام گروهی از طراحان وب بوده که در دهه 1990 این موسسه را تاسیس کردند و به سرعت جایگاه خود را میان شرکت‌های بزرگ پیدا کردند. استقبال از این مدارک به گونه‌ای بوده که این موسسه تا سال 1997 حدود 145000 مدرک را به دانشجویان خود داده است. در ابتدا پایه کار این گروه بر این اصل بنا شده بود که هیچ برنامه خاصی را آموزش نمی‌دادند چون با این کار خود را فقط به یک محصول منحصر می‌کردند. اما [...]

Anchor Text چیست و تاثیر و اهمیت Anchor text در سئو
01 اردیبهشت

Anchor Text چیست و تاثیر و اهمیت Anchor text در سئو

بازدید: 1000

Anchor معنی لنگر را میدهد، در اصطلاح Anchor Text عبارت از متنی نامی میباشد که پیوندی به آن لینک میشود گوگل و تعداد دیگری از موتورهای جستجو، صفحات وب سایت ها را تحت تاثیر مستقیم متن پیوندی یا (Anchor Text ) به آن صفحات در نتایج جستجو نمایش می دهد. این موضوع یعنی اهمیت این متن ها در سئو را میتوان با نگاه كردن به نمونه های فوق العاده ای از صفحات وب سایت ها كه رتبه بالای نتایج جستجو در اختیار دارند درک نمود . Google bombs تقریباً آسان ترین [...]