// guide · صفحه، متن، رفتار؛ سه تا با هم

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

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

سوال‌های پرتکرار
دویفا · guide
$ read guide
> topic: طراحی سایت چیست
> stack: custom
> next: طراحی سایت

طراحی سایت چیست، بدون تعریف کتابی

جایی که مخاطب بفهمد و قدم بعد را بردارد

اجزای تشکیل‌دهنده طراحی سایت
طراحی سایت از سه جزء دامنه، محتوا و رفتار ساخته می‌شود

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

این کار سه لایه دارد که با هم‌اند: چه صفحه‌هایی هست، روی هر صفحه چه نوشته شده، و دکمه و فرم چه رفتاری دارند. یکی را بگذارید، سایت نمی‌شود. تصمیم ساخت را در طراحی سایت گفته‌ایم؛ اینجا خودِ معنی است.

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

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

خیلی از کسب‌وکارها فکر می‌کنند سایت یعنی «یک چیزی داشته باشیم». ولی سایتی که فقط هست و کسی پیدایش نمی‌کند یا ازش سر در نمی‌آورد، از نداشتن بدتر است؛ چون وقت و پول رفته و نتیجه‌ای نداده.

طراحی سایت از چه چیزهایی تشکیل می‌شود

ظاهر فقط یکی از آن‌هاست

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

جزء نقش بدون آن چه می‌شود
دامنه آدرس اینترنتی اختصاصی مخاطب راهی برای پیدا کردن شما ندارد
هاست / سرور فضای نگهداری فایل‌ها صفحه اصلاً بالا نمی‌آید
گواهی SSL رمزگذاری ارتباط مرورگر هشدار «ناامن» نشان می‌دهد
کد (HTML/CSS/JS) ساخت ساختار و ظاهر صفحه چیزی برای نمایش نیست
محتوا متن، عکس، ویدیو بازدیدکننده دلیلی برای ماندن ندارد
سئو دیده شدن در نتایج جستجو فقط کسی می‌آید که لینک مستقیم دارد

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

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

طراحی سایت با طراحی گرافیک چه فرقی دارد

پوستر لود نمی‌شود؛ سایت باید بشود

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

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

حرفه‌ای بودن هم به انیمیشن نیست. وضوح و سرعت است. این را در طراحی سایت حرفه‌ای جدا کرده‌ایم تا با تعریف اینجا قاطی نشود.

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

مالکیت، آدرس، و استقلال

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

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

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

چه کسی به طراحی سایت نیاز دارد

وقتی اینستاگرام کافی نیست

سایت روی گوشی موبایل
بیشتر بازدیدها از گوشی است

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

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

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

نشانه‌های سایت خوب

چطور بفهمید سایت‌تان واقعاً کار می‌کند

سایت خوب لزوماً پرزرق‌وبرق نیست. سایت خوب کاری را که قرار است انجام بدهد، انجام می‌دهد. چند نشانه ساده هست که بدون ابزار خاصی می‌توانید بررسی کنید:

  1. صفحه اصلی در کمتر از سه ثانیه روی گوشی باز شود.
  2. بازدیدکننده بدون اسکرول زیاد بفهمد چه خدمتی می‌دهید.
  3. شماره تماس یا فرم تماس حداکثر با یک کلیک در دسترس باشد.
  4. متن فارسی خوانا باشد، نه ریز و نه فشرده.
  5. در گوگل وقتی اسم کسب‌وکار را بزنید، سایت در نتایج باشد.
  6. صفحه‌ها لینک خراب نداشته باشند و تصاویر بارگذاری شوند.

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

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

قبل از اینکه کسی «سایت» بسازد، چه باید روشن باشد

بدون این‌ها فقط رنگ انتخاب می‌کنید

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

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

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

طراحی سایت چقدر طول می‌کشد

فردا معمولاً یعنی قالب

یک لندینگ با متن روشن ممکن است چند هفته باشد. فروشگاه با درگاه و انبار بیشتر. کسی که بدون پرسیدن کار، فردا تحویل می‌دهد، معمولاً پوسته می‌چسباند.

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

سوال‌هایی که زیاد پرسیده می‌شود

کوتاه و مستقیم

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

// next

اگر کار مشخص است، از قالب شروع نکنید

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