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

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

باید های طراحی وب سایت:

ایجاد تجربه کاربری مشابه

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

استفاده از ناوبری واضح و آسان

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

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

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

تغییر رنگ لینک های بازدید شده سایت

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

مرور و اسکن صفحات وب سایت

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

چک کردن لینک های وب سایت

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

ایجاد عناصر قابل کلیک

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

نباید های طراحی وب سایت:

معطل کردن بازدید کنندگان برای بارگذاری محتوا

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

باز نکردن لینک های داخلی در پنجره ای تازه

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

ترویج و ارتقاء بیش از حد مطالب

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

استفاده از اسکرول های پنهان

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

قربانی کردن عملکرد سایت برای زیبایی

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

تبلیغات و متن های چشمک زن

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

ممنون به نکات خوبی اشاره کردید. خیلی نکات ریزی هستند که برای طراحی سایت زیبا و جذاب و کاربر پسند باید به اونها توجه بشه

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

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

فرآیند طراحی سایت فروشگاهی

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

انتخاب وب سرور

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

نرم افزار سرور

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

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

ابزارهای وب

ابزار های وب برای طراحی ظاهر وب سایت مورد استفاده قرار می گیرند. آنها از ویرایشگرهای متنی HTML (مانند Notepad ++) و ابزارهای گرافیکی پیچیده تر و CMS (سیستم مدیریت محتوا) با چارچوب های ساخته شده و ابزارهای اشکال زدگی متنوع استفاده می کنند. یکی دیگر از ابزارهای وب Visual Studio است که می تواند برای طراحی سایت هایی که پایگاه داده های یکپارچه در آن قرار دارند، استفاده شود.

سیستم پایگاه داده

پایگاه داده بک بخش جدا ناپذیر از یک وب سایت فروشگاهی است. پایگاه داده برای ذخیره اطلاعات در مورد محصولات و خدمات وب سایت مانند قیمت گذاری، توضیحات، تصویر، جزئیات و فروش استفاده می شود. علاوه بر این، جزئیات مشتریان نیز در پایگاه داده ذخیره می شود. لازم است برنامه ریزی وب سایت را به طور ایمن به پایگاه داده متصل کنید تا همه سفارشات به درستی پردازش شوند. فن آوری هایی مانند PHP و MySQL مسیر ارتباطی بین وب سایت و DBMS (سیستم مدیریت پایگاه داده) است.

شبکه

TCP (پروتکل کنترل انتقال) و IP (پروتکل اینترنت) تعریف می کنند که چگونه کامپیوترها باید از طریق اینترنت با یکدیگر ارتباط برقرار کنند و چگونه اطلاعات را به اشتراک بگذارند. از معروف ترین پروتکل های TCP / IP می توان به HTTPS، HTTP و FTP اشاره داشت. ما از این پروتکل ها برای دسترسی به وب سایت استفاده می کنیم و گاهی حتی آن را نمیشناسیم. FTP (پروتکل انتقال فایل) برای دانلود فایل ها از یک مرورگر استفاده می شود.

HTTPS (که "S" برای امنیت نامیده می شود) مسئول برقراری ارتباط امن بین یک سرور و یک مرورگر است.

سازگاری مرورگر

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

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

پورت ها

پورت ها یک دستگاه را قادر می سازند با یکدیگر از طریق یک آدرس IP متفاوت و منحصر به فرد ارتباط برقرار کنند. یک دستگاه می تواند بیش از یک پورت داشته باشد. پورت 25 (SMTP) معمولا برای ایمیل محفوظ است. این پورت برای انتقال داده ها از سرورهای پست الکترونیکی استفاده می شود. اگر آن پورت مسدود شود هیچ ایمیلی نمی تواند ارسال شود. برخی از پورت های معمول دیگر عبارتند از 80(HTTP), 443 (HTTPS), 21 (FTP), 22 (SSH). فایروال ها اغلب می توانند یک پورت را برای تضمین امنیت سایت و سرور بلاک کنند.

نام دامنه سایت

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

1: فرانت اند: HTML، CSS، jаvascript، Ajax، JQuery
2: اسکریپت سرور سمت: PHP، ASP
3: سی ام اس: وردپرس + تجارت وو، مگنتو، OpenCart، PrestaShop
4: پایگاه داده: MySQL، MSSQL

نتیجه گیری

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

اگر فکر میکنید نکته ای را جا گذاشته ایم یا سوالی دارید منتظر شنیدن آن ها در کامنت ها هستم.

ترجمه از سایت arpatech