آموزش طراحی و ساخت صفحه تماس با ما

آموزش طراحی و ساخت صفحه تماس با ما

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

در این مقاله فصد داریم ترفندهایی را در مورد ساخت یک صفحه تماس با مای عالی بیان کنیم .

perfect-contact-us-page.jpg

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

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

perfect-contact-us-page-01.jpg

واکنش گرا :
سایت های واکنش گرا یکی از نیازهای اصلی جوامع امروزی است . به خصوص از زمانی که گوگل الگوریتم جدید خود را مورد استفاده قرار داد . بر اساس این الگوریتم ، سایتهایی که نتوانند به خوبی بر روی دستگاههای موبایلی نمایش داده شوند، از رنکینگ پایین تری برخوردار خواهند شد . بنابراین صفحه تماس با ما ، باید واکنش گرا باشد و به خوبی بر روی دستگاههایی همچون آیپد ، موبایل و تبلت نمایش داده شود .
ساعات کاری / پشتیبانی :
در این صفحه می توان ساعات کاری و ساعت های پشتیبانی از مشتری را نیز قید کرد . به عنوان مثال شما می توانید ساعات کاری خود را از 9 صبح تا 6 عصر بیان کنید .

perfect-contact-us-page-02.jpg

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

perfect-contact-us-page-03.jpg

سایت Chemistry Group:

perfect-contact-us-page-04.jpg

این سایت و صفحات آن به خوبی طراحی شده است و می تواند توجه کاربر را به خود جلب کند . تمامی موارد در آن به خوبی رعایت شده و تنها واکنش گرا بودن در آن دیده نمی شود . سایت و صفحات آن ، موبایل دوست نیستند . این سایت قابلیت های زیر را دارد :
• نقشه ی موقعیتی و یک فرم برای ارسال پیام
• شماره تماس و آدرس
• لینک رسانه های اجتماعی
• بخش سرویس
• بخش استخدام با عنوان " پیوستن به تیم "
سایت Welikesmall:

perfect-contact-us-page-05.jpg

این سایت موبایل دوست و واکنش گراست . همچنین بک گراند بسیار زیبایی در این سایت وجود دارد . همین امر نیز می تواند باعث جلب توجه افراد شود . قابلیتهای سایت عبارتند از :
• طراحی واکنش گرا و ساده
• ایمیل و آدرس
• شماره تماس
• لینک رسانه های اجتماعی
سایت Alex Arts :

perfect-contact-us-page-06.jpg

پیامی که در هدر و سایر بخش های آن به کار رفته جالب و جذاب است . این سایت قابلیت های زیر را دارد :
• طراحی جذاب و متون چشم نواز
• ایمیل
• لینک رسانه های اجتماعی
• فرمی برای ارسال پیام
سایت Built by Buffalo :

perfect-contact-us-page-07.jpg

صفحات سایت به خوبی طراحی شده است . قابلیت های سایت عبارتند از :
• شماره تماس و ایمیل
• لینک رسانه های اجتماعی
• نقشه
• عضویت در خبرنامه
سایت Fhoke :

perfect-contact-us-page-08.jpg

این سایت واکنش گرا بوده و طراحی ساده ای دارد . این سایت قابلیت های زیر را دارد :
• سایت واکنش گرا
• شماره تماس و ایمیل
• نقشه
• آدرس
• فرم ارسال پیام
سایت Dewey’s Pizza :

perfect-contact-us-page-10.jpg

این سایت طراحی عالی و هدر مناسبی دارد . قابلیتهای این سایت شامل موارد زیر است :
• ترکیب عالی رنگ
• پیام هدری مناسب
• فرم ارسال نظرات
• عضویت در خبرنامه
• شماره تماس و ادرس
سایت Supereight Studio :

perfect-contact-us-page-11.jpg

این سایت طراحی واکنش گرا و ترکیب رنگ عالی دارد . قابلیهای سایت شامل موارد زیر است :
• آدرس و شماره تماس
• ایمیل
• فرم ارسال نظر
• لینک رسانه های اجتماعی
سایت Lets Travel Somewhere :

perfect-contact-us-page-12.jpg

این سایت دارای طرح بندی واکنش گراست . قابلیت های سایت شامل موارد زیر است :
• طراحی متفاوت و چشم نواز
• لینک رسانه های اجتماعی
• فرم ارسال پیام
• لینک های مفید

 

1157
18 آذر 1394 - 0:18