چارچوب طراحی سایت

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

ساخت چنین سایتی نیازمند طرحی خوب از گرافیک، ساختاری ساده و مرسوم، قالبی مناسب و منطقی، و مطالبی گیرا است. پیشنهادهای که در زیر می آید، چارچوب کلی از طراحی سایت را به نمایش می گذارد.

مطالب سایت

شما می خواهید تا بازدید کنندگان، سایت تان را به عنوان منبعی از اطلاعات ارزشمند یا مکانی از یک تجارت معتبر بدانند. غلط های املایی و گرامری، سبب خواهد شد تا خیلی سریع از اعتبار شما کاسته شود.

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

سازگاری با مرورگرهای مختلف

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

به طور میانگین کاربران اینترنت ممکن است ندانند که چطور مرورگرهای خود را به روز کنند یا طرز فکری به این صورت داشته باشند که "وقتی چیزی کار می کند، چرا باید بهش دست زد؟" به یاد داشته باشید که بازدید کنندگان ممکن است از کامپیوترهای شخصی نوع PC، MAC، Linux Box، PDA یا از تلفن های همراه با مرورگرهای مختلف استفاده کنند.

طراحی سایت، نیازمند آن است که صفحات سایت شما حداقل با مرورگرهای اینترنت اکسپلورر، نت اسکیپ، فایرفاکس، اپرا و سافاری به خوبی کار کند. بر طرف سازی خطاها در کدهای html، کافی نمی باشد و شما می بایست سایت تان را در مرورگرها و سخت افزارهای مختلف آزمایش کنید.

گرافیک و تصاویر

کاربران اینترنتی معمولا صبر زیادی ندارند و مطالعات نشان داده است که در صورتی که صفحه ای از سایت بیش از 10 ثانیه زمان بارگذاری داشته باشد، اکثر مردم به سایت دیگری خواهند رفت.

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

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

رنگ های پیش زمینه

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

مالتی مدیا

مالتی مدیا ترکیبی از فیلم هایی به صورت فلش، ویدئو کلیپ ها، آواها، و موسیقی های پیش زمینه است. همواره از پخش کننده هایی استفاده کنید که استاندارد هستند به طوریکه زمان دانلود کوتاه شود.

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

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

چنانچه افزونه ای برای استفاده از مالتی مدیا مورد نیاز باشد، همواره لینکی را برای نصب آن قرار دهید تا کاربران بتوانند آن را دانلود و نصب نمایند. نکته آخر اینکه وقتی از مالتی مدیا استفاده می کنید، همواره قانون 10 ثانیه ای را برای بارگذاری صفحات به یاد داشته باشید.

ساختار سایت

ساختار سایت می بایست ساده و قابل فهم و منطقی باشد. مطالعات نشان داده است که چنانچه کاربری نتواند اطلاعاتی را که به دنبال آن می گردد را بیابد، سایت شما را ترک می کند و به سایت دیگری خواهد رفت.

به این قانون، قانون 3 کلیک می گویند.

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

لینک ها

به طور مرتب و دوره ای، کلیه لینک های سایت تان را آزمایش کنید تا مطمئن شوید آنها به خوبی کار می کنند و لینکی شکسته وجود ندارد. ابزارهای آنلاین و رایگانی وجود دارند که به طور دوره ای لینک های سایت تان را بررسی می کنند.

فریم ها

از فریم ها استفاده نکنید چرا که آنها کار بوک مارک کردن صفحات سایت تان را دشوار می کنند و شما نیاز دارید تا کاربران و بازدید کنندگان سایت تان را بوک مارک کنند به طوریکه دوباره بازگردند.

5 اصل اساسی در طراحی سایت

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

متاسفیم که بگوییم: از اینکه فکر می کنید این یک طراحی سایت کارآمد است سخت در اشتباه هستید. اما واقعیت این است که اگرچه یک وب سایت ممکن است خوب به نظر برسد، اما می تواند به دور از عملکرد و غیر مناسب برای نیازهای کاربر باشد.

وب ‌سایت‌ های عمومی و غیر سفارشی طراحی‌شده که با توجه به کاربر نهایی شما طراحی نشده‌اند، نقطه مقابل طراحی سایت کارآمد هستند. موثر بودن طراحی وب سایت ها، توسط کاربران و تجربه آنها از یک وب سایت تعیین می شود.

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

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

آیا تا به حال وارد سایتی شده اید که حسی به شما دست دهد که هر آیتم و هر بخش آن سایت، از جای دیگری الهام گرفته شده اند؟ پاپ آپ ها یک فرم است، منوها یک فرم خاص، اسلایدها شبیه به فلان سایت است و فوتر نیز ارتباطی با هدر ندارد؟

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

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

1. روشن بودن هدف

هر وب سایتی که به خوبی طراحی شده باشد نیازهای کاربران خود را برآورده می کند. و بهترین راه برای ایجاد یک وب سایت که برای کاربران طراحی شود، داشتن یک هدف بسیار واضح است.

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

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

2. بارگذاری سریع صفحات

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

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

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

برخی از بهترین روش ها برای بهبود زمان بارگذاری صفحات، شامل بهینه‌سازی اندازه‌های تصاویر روی صفحات سایت، جمع کردن همه کدهای خود در یک فایل CSS یا جاوا اسکریپت به صورت متمرکز و کوچک کردن حجم کدهای HTML، CSS، و جاوا اسکریپت است. بهبود سرعت و عملکرد، یک کار آزمایشی و مداوم است، بنابراین مطمئن شوید که تغییرات خود را با استفاده از ابزار Google PageSpeed Checker چک می کنید.

3. تایپوگرافی و فونت ها

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

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

امروزه اندازه فونت ایده آل 16 پیکسل است. همچنین توصیه می‌شود برای طراحی ساده، حداکثر از سه فونت بیشتر استفاده نکنید. به طور مشابه، بهتر است همه سرفصل ها، متن اصلی سایت، و عناصری مانند دکمه ها، بیشتر از سه نوع فونت استفاده نشود.

4. ارتباط شفاف با کاربر

علاوه بر پیروی از اصول تایپوگرافی، یکی دیگر از اصول مهم در طراحی سایت، ارتباط واضح و ثابت است.

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

این به معنی آن است که تنها بخش های مهم وب سایت خود را در منوها قرار دهید و از تگ های تو در تو نظیر ol و ul برای نمایش لیست ها استفاده کنید.

محتوا شما نیز باید به بخش هایی تقسیم شود و هر بخش، تیتر و سرتیتر های خاص خود را داشته باشد. برای تیترها از تگ های H1 تا H6 به خوبی می توانید استفاده کنید.

همانطور که می بینید، بهبود ارتباطات وب سایت شما همیشه با اضافه کردن اطلاعات بیشتر نیست. بهترین وب سایت ها آنچه را که کاربر نیاز دارند در کمترین کلمه و عناصر ممکن به دست او می دهند.

5. سازگار با موبایل

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

برای اینکه وب‌سایت خود را سازگار با موبایل کنید، ساده‌ترین مکان برای شروع از ابتدا با بازسازی آن با یک طرح‌بندی واکنش‌گرا است. در غیر این صورت، می توانید یک سایت اختصاصی برای موبایل ایجاد کنید که جدا از سایت اصلی شما باشد و به طور خاص برای کاربران موبایل بهینه شده باشد.

با رشد روزافزون استفاده از تلفن های هوشمند، تبلت ها و اکنون فبلت ها، مناسب سازی وب سایت خود برای کاربران موبایل ضروری است. از آن نقطه می‌توانید طراحی خود را با پیروی از بهترین شیوه‌های UX و UI برای طراحی موبایل ارتقا دهید.

خلاصه مطالب

طراحی سایت، ترکیبی از مرسومات معمول و طرح ریزی است. سایت شما می بایست جذاب باشد و استفاده از آن راحت باشد و مهمتر از همه اطلاعات و خدمات ارزشمندی را به کاربران و بازدیدکنندگان خود ارائه دهد.

طراحی سایت یک صنعت همیشه در حال توسعه است. اما اگر امروز این پنج اصل طراحی سایت را اجرا کنید، مطمئنا وب سایت شما تا چندین سال عملکرد خوبی خواهد داشت.

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