طراحی سایت

قبل از ادامه این نوشته‌ی علمی بیایید به تصاویر زیر نگاهی بیاندازیم: هنگام مشاهده این عکس، شما درلحظه اول به کجا نگاه میکنید؟ به گوشه سمت راست؟ بیشتر مردم در لحظات ابتدایی، نگاه مرد را در تصویر بالا دنبال می‌کنند. اکنون همین‌ پروسه طراحی سایت در مشهد را با عکس دیگری امتحان کنیم: آیا الان مستقیما به متن “NEWSLETTER SIGN UP” نگاه می کنید؟ مثال های فوق، صرفا دو مثال ساختگی می باشد که من برای تعریف و تمجید یک تئوری خواستم با شما میان بگذارم. هدف این دو پاپ-آپ بسیار بی آلایش می‌باشد: من میخواهم شما در خبر نامه من عضو شوید تا من بتوانم کالای خودم را که عینک آفتابی میباشد به شما عرضه کنم. امل در تصویر دوم، من از یک تصویر هدفمند از مردی که به فرم ثبت نام من نگاه می کند، استفاده میکنم. جایی که بازدید کننده سایت من بایستی به آن نگاه کند و با ارائه آدرس نشانی اینترنتی خودش، من‌را در ایفا کاری که میخواهم انجام دهم، امداد کند. نکته: عکس اول دارای هدف دیگری بود. در صفحه فرود مربوطه، اطلاعات جنس و همچنین دکمه CTA خرید، در خط رویت کرد مرد در عکس اول قرار گرفته بود. استفاده از خط بینایی به عنوان یک کدام از طرز های کاربردی و امتحان شده برای جلب اعتنا افراد می‌باشد، از روش های دیگر می توان به اضافه کرد مکان نما به مانند شکل تحت اشاره کرد: برگه مهم شرکت اتوموبیل سازی لندروور Landrover، یک نمونه بسیار خوب برای به کار گیری از نشانه گر های گوناگون، برای جلب توجه مخاطب و دعوت آنها به ایفا یک شغل (action) در سایت می‌باشد. درصورتی که به سایت آن ها راز بزنید، متوجه خواهید شد که طراح وب سایت آن ها در کاغذ اصلی، از اسلاید شو برای نمایش اتوموبیل ها استفاده کرده و با فلش کاربران را به مشاهده اطلاعات تکمیلی راجع‌به این اتوموبیل ها دعوت می‌کند. نشان های تصویری نهفته ما در باب استعمال از یک تصویر یا یک آرم به عنوان یک آرم تصویری کلام کردیم، حالا سوال پیش می‌اید که آیا به کار گیری از رنگ های متفاوت نیز در این زمینه اثرگذار می باشد؟ بله به کار گیری از رنگ های متضاد و همچنین خاص، متناسب با طراحی کلی سایت به عنوان یک طرز تصویری مخفی برای جلب اعتنا بازدید کنندگان وبسایت شما، بسیار با اهمیت میباشد. از جمله در تصویر بالا، هیچ گونه، عکس و یا فلشی برای دعوت مخاطب به انجام کاری خاص در نظر گرفته نشده است و فقط با یک تغییر و تحول رنگ بی آلایش در دکمه CTA کاربر تخت گاز توجهش به آن جلب میشود. نکته: در‌حالتی که تغییر و تحول رنگ دکمه CTA با صفحه آرایی کلی وب سایت هم خوانی ندارد، شما می توانید. سبک این دکمه را به آسانی تغییر و تحول بدهید، مثلا متن را برجسته تر نمایید و یا از فونت ها و خودکار های مختلف به کار گیری فرمایید. روش دیگر استفاده از نشان های تصویری پنهان، استعمال از فضای سفید است که به عنوان فضای منفی نیز شناخته میشود. در شرایطی که کاغذ خود را با اعداد زیادی از تصاویر، متن های کوتاه و بلند، دکمه هایCTA و المان های تصویری خاص مالامال فرمایید، مخاطب در سایت شما حس گم شدن پیدا می‌کند. و عملا از کاری که ما دوست داریم اعمال دهد به دور میشود. به همین ادله؛ برای جلب توجه کاربر به بخشی خاص، پاره ای فضای سفید در وبسایت قرار دهید، فضای سفید امکان خواندن یا به اصظلاح Readability سایت شمارا نه تنها ارتقا داده، بلکه حواس پرتی کاربر را کاهش و وبسایت شما را مدرن تر می کند و جدا از آن؛ سبب ساز می شود بازدید کنندگان آنچه که شما دوست دارید ببینند را مشاهده و برای انجام عملی خاص دست به فعالیت شوند.

قبل از ادامه این نوشته‌ی علمی بیایید به تصاویر زیر نگاهی بیاندازیم: هنگام مشاهده این عکس، شما درلحظه اول به کجا نگاه میکنید؟ به گوشه سمت راست؟ بیشتر مردم در لحظات ابتدایی، نگاه مرد را در تصویر بالا دنبال می‌کنند. اکنون همین‌ پروسه طراحی سایت در مشهد را با عکس دیگری امتحان کنیم: آیا الان مستقیما به متن “NEWSLETTER SIGN UP” نگاه می کنید؟ مثال های فوق، صرفا دو مثال ساختگی می باشد که من برای تعریف و تمجید یک تئوری خواستم با شما میان بگذارم. هدف این دو پاپ-آپ بسیار بی آلایش می‌باشد: من میخواهم شما در خبر نامه من عضو شوید تا من بتوانم کالای خودم را که عینک آفتابی میباشد به شما عرضه کنم. امل در تصویر دوم، من از یک تصویر هدفمند از مردی که به فرم ثبت نام من نگاه می کند، استفاده میکنم. جایی که بازدید کننده سایت من بایستی به آن نگاه کند و با ارائه آدرس نشانی اینترنتی خودش، من‌را در ایفا کاری که میخواهم انجام دهم، امداد کند. نکته: عکس اول دارای هدف دیگری بود. در صفحه فرود مربوطه، اطلاعات جنس و همچنین دکمه CTA خرید، در خط رویت کرد مرد در عکس اول قرار گرفته بود. استفاده از خط بینایی به عنوان یک کدام از طرز های کاربردی و امتحان شده برای جلب اعتنا افراد می‌باشد، از روش های دیگر می توان به اضافه کرد مکان نما به مانند شکل تحت اشاره کرد: برگه مهم شرکت اتوموبیل سازی لندروور Landrover، یک نمونه بسیار خوب برای به کار گیری از نشانه گر های گوناگون، برای جلب توجه مخاطب و دعوت آنها به ایفا یک شغل (action) در سایت می‌باشد. درصورتی که به سایت آن ها راز بزنید، متوجه خواهید شد که طراح وب سایت آن ها در کاغذ اصلی، از اسلاید شو برای نمایش اتوموبیل ها استفاده کرده و با فلش کاربران را به مشاهده اطلاعات تکمیلی راجع‌به این اتوموبیل ها دعوت می‌کند. نشان های تصویری نهفته ما در باب استعمال از یک تصویر یا یک آرم به عنوان یک آرم تصویری کلام کردیم، حالا سوال پیش می‌اید که آیا به کار گیری از رنگ های متفاوت نیز در این زمینه اثرگذار می باشد؟ بله به کار گیری از رنگ های متضاد و همچنین خاص، متناسب با طراحی کلی سایت به عنوان یک طرز تصویری مخفی برای جلب اعتنا بازدید کنندگان وبسایت شما، بسیار با اهمیت میباشد. از جمله در تصویر بالا، هیچ گونه، عکس و یا فلشی برای دعوت مخاطب به انجام کاری خاص در نظر گرفته نشده است و فقط با یک تغییر و تحول رنگ بی آلایش در دکمه CTA کاربر تخت گاز توجهش به آن جلب میشود. نکته: در‌حالتی که تغییر و تحول رنگ دکمه CTA با صفحه آرایی کلی وب سایت هم خوانی ندارد، شما می توانید. سبک این دکمه را به آسانی تغییر و تحول بدهید، مثلا متن را برجسته تر نمایید و یا از فونت ها و خودکار های مختلف به کار گیری فرمایید. روش دیگر استفاده از نشان های تصویری پنهان، استعمال از فضای سفید است که به عنوان فضای منفی نیز شناخته میشود. در شرایطی که کاغذ خود را با اعداد زیادی از تصاویر، متن های کوتاه و بلند، دکمه هایCTA و المان های تصویری خاص مالامال فرمایید، مخاطب در سایت شما حس گم شدن پیدا می‌کند. و عملا از کاری که ما دوست داریم اعمال دهد به دور میشود. به همین ادله؛ برای جلب توجه کاربر به بخشی خاص، پاره ای فضای سفید در وبسایت قرار دهید، فضای سفید امکان خواندن یا به اصظلاح Readability سایت شمارا نه تنها ارتقا داده، بلکه حواس پرتی کاربر را کاهش و وبسایت شما را مدرن تر می کند و جدا از آن؛ سبب ساز می شود بازدید کنندگان آنچه که شما دوست دارید ببینند را مشاهده و برای انجام عملی خاص دست به فعالیت شوند.