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

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

اطلاعات پایه پروژه طراحی سایت

در این بخش، اطلاعاتی از مشتری دریافت می‌شود که هم مسیر کلی پروژه را مشخص می‌نماید و هم بخشی از الزامات پیاده‌سازی (مانند ثبت دامنه، هاستینگ و …) در قالب آن روشن خواهد شد.

افراد پروژه سمت کارفرما

• افراد درگیر در پروژه را فهرست کنید.
• چه کسی مسئول امضای نهایی پروژه است؟
• چه کسی رابط فنی پروژه سمت کارفرما خواهد بود؟
• چه فردی تائیدکننده نهایی پروژه خواهد بود؟

اطلاعات دامنه و هاستینگ

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

اطلاعات زمانی پروژه

• چه زمانی تمامی محتوای سایت را که قرار است توسط مجری بارگذاری شود، تحویل خواهید داد؟
• آیا تاریخ یا ضرب‎‌الاجل مهمی برای بالا آمدن سایت (مانند نمایشگاه، یک قرار تجاری یا …) وجود دارد؟

اهداف اصلی سایت مجموعه

اهداف سازمانی

• اهداف خود را مشخص کنید.
• ماموریت یا هدف سازمان چیست؟
• اهداف کوتاه مدت و بلند مدت سازمان چیست؟

مخاطبان سایت

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

رقبای مجموعه

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

محتوا و عملکرد سایت

محتوای سایت

• سایت شما چه بخش‌های اصلی در بر دارد؟
• بخش‌های به‌روزشونده سایت (مانند اخبار، وبلاگ و …) کدام است؟

عملکرد سایت

• آیا سایت شما جنبه فروشگاهی هم دارد؟
• آیا مجموعه شما نیاز به دریافت نماد اعتماد الکترونیکی دارد؟
• چه نوع عملکردی مورد نیاز خواهد بود؟

طراحی بصری سایت

• آیا دستورالعملی برای برند وجود دارد که باید به آن پایبند باشیم؟
• بازار شما به چه نوع طراحی پاسخ خواهد داد؟
• می توانید مثال‌هایی ارائه دهید؟

دریافت فایل ورد پرسشنامه پروژه طراحی سایت

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

مراحل طراحی یک وب‌سایت

توسعه یک وب سایت دارای چندین مرحله است. این شامل:

1. تجزیه و تحلیل
2. طراحی
3. پیاده‌سازی
4. آزمایش
5. ارزیابی

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

تجزیه و تحلیل

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

طراحی

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

علاوه بر این، یادگار با محمد همکاری خواهد کرد تا رابط کاربری (تعامل با وب‌سایت چگونه است) را طوری برنامه‌ریزی کند که وب‌سایت به طور کلی نیازهای کاربر نهایی را برآورده کند.

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

پیاده‌سازی

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

آزمایش

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

ارزیابی

این برای تصمیم گیری در مورد مناسب بودن وب سایت برای هدف است. یعنی: آیا نیازهای کاربر نهایی و عملکردی خود را برآورده می‌کند؟

ساختار وب سایت

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

وب سایت‌ها همیشه یک صفحه اصلی یا فهرست دارند که به صفحات (موضوعات فرعی) در وب سایت پیوند می‌دهد.

هر صفحه وب در شبکه جهانی وب دارای یک آدرس منحصر به فرد است که در نوار آدرس مرورگر نشان داده شده است. این آدرس‌ها یا URL‌ها (Uniform Resource Locators) همچنین می‌توانند ساختار وب سایت را به شما اطلاع دهند.

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

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

ناوبری در یک وب سایت باید یکنواخت باشد تا استفاده از آن آسان باشد. این معمولاً به این معنی است که منوی پیمایش در همان مکان (اغلب در بالای هر صفحه یا پایین سمت چپ) با همان سبک در هر صفحه است. مثلاً:

یک وب سایت ممکن است شامل پیوندهای خارجی باشد – اینها پیوندهایی به وب سایت‌های خارج از دامنه هستند. به‌عنوان مثال، پیوندهای خارجی ممکن است به سایت‌های رسانه‌های اجتماعی مانند فیس بوک یا توییتر باشد

طراحی رابط کاربری

هنگام برنامه‌ریزی اینکه یک صفحه وب چگونه به نظر می‌رسد، ترسیم یک طرح (یک Framework) روی کاغذ یا با استفاده از یکی از ابزارهای نرم‌افزاری موجود، اعم از برنامه کاربردی یا مبتنی بر وب، مفید است که به شما امکان می‌دهد یک طراحی وب‌سایت را قالب بندی کنید. این کار، گام نخست طراحی رابط کاربری (UI) وب‌سایت است.

ابزارهای Wireframing به شما امکان می‌دهند طرح بندی صفحات را طراحی کنید و بسیاری از آنها به شما امکان ایجاد طرح‌های تعاملی را می‌دهند.

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

طراحی رابط کاربری موثر

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

1. لینک‌های ناوبری
2. سازگاری در صفحات متعدد
3. موقعیت نسبی عمودی رسانه
4. فرمت فایل‌های رسانه‌ای که گنجانده شده است

لینک‌های ناوبری

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

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

یک لینک داخلی کاربر را به یک مکان جدید در صفحه فعلی یا یک صفحه در سایت فعلی می‌برد. این اغلب با سیستم‌های منو در بالای صفحه استفاده می‌شود.

یک لینک خارجی کاربر را به یک صفحه وب جدید در یک وب سایت کاملاً متفاوت می‌برد.

سازگاری در چندین صفحه

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

مخاطبان هدف

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

دسترسی

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

تعامل

(مثلاً بازخورد در مورد ورودی‌های کاربر، نقاط مهمی که فعالیت‌ها، نظرسنجی‌ها، آزمون‌ها و…) را ایجاد می‌کند می‌تواند تجربه کاربر را بهبود بخشد.

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

[vc_row][vc_column][vc_column_text]قیمت طراحی سایت مانند هزینه بسیاری از خدمات (و حتی محصولات) دیگر در جامعه ما، مبهم است! شرکت یادگار درخشان آریا در راستای شفافیت عملکرد خود، نسبت به ارائه هزینه راه‌اندازی یا توسعه وب‌سایت‌های اینترنتی اقدام می‌کند.

[/vc_column_text][vc_custom_heading text=”آیتم‌های هزینه‌ای وب‌سایت اینترنتی” font_container=”tag:h2|text_align:right”][vc_column_text]اگر می‌خواهید یک سایت اینترنتی را از ابتدا راه‌اندازی کنید، باید در نظر داشته باشید که این عملیات، چند آیتم هزینه جداگانه دارد که به هر کدام می‌پردازیم.[/vc_column_text][vc_custom_heading text=”ثبت دامین (دامنه اینترنتی)” font_container=”tag:h3|text_align:right”][vc_single_image image=”1497″ img_size=”full” alignment=”center”][vc_column_text]اولین و مهمترین آیتم یک سایت اینترنتی، نشانی آن یا دامنه یا دامین آن است. تا دهه پیش، استفاده از دامنه ir چندان مرسوم نبود، اما اکنون به دلایل گوناگون، به تمامی مشتریان خود استفاده از این دامنه را پیشنهاد می‌کنیم.

ثبت دامنه به نام خودتان

شما می‌توانید با ایجاد یک حساب کاربری در سایت NIC.IR دامنه مورد نظر را به نام خودتان یا شرکت‌تان به ثبت برسانید. در حالی که به دلیل تحریم‌های سیاسی و اقتصادی، امکان ثبت دامنه‌های بین‌المللی به نام شما (و حتی به لوکیشن ایران) وجود ندارد.

هزینه بسیار پایین‌تر

در سال 1402، هزینه ثبت دامین‌های بین‌المللی نظیر com، net و … مبلغ 650 هزارتومان (برای یک سال) است. شما می‌توانید یک دامنه ir را به مدت پنج سال و با هزینه حدود 120 هزارتومان به ثبت برسانید.[/vc_column_text][vc_custom_heading text=”اجاره فضا (هاستینگ)” font_container=”tag:h3|text_align:right”][vc_single_image image=”1498″ img_size=”full” alignment=”center”][vc_column_text]با ثبت دامنه اینترنتی، این نشانی به مدت مشخصی در اجاره شما خواهد بود؛ اما برای آنکه وب‌سایت خود را بارگذاری کنید، نیاز به یک فضای اختصاصی در شبکه اینترنت دارید. به این فضا، هاستینگ گفته می‌شود.

هاست ویندوز یا لینوکس

در صورتی که وب‌سایت شما به زبان ASP.NET برنامه‌نویسی شده، به هاست ویندوز نیاز دارید؛ در غیر این صورت، برای سایت‌های Php هاست لینوکس را به شما پیشنهاد می‌کنیم.

شایان ذکر است هزینه هاست لینوکس به دلیل استفاده از سیستم عامل رایگان و به تبع آن، افزونه‌های رایگان، بسیار کمتر از هاست ویندوز است.

هاست ایران یا اروپا

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

میزان فضا و پهنای باند

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

همچنین بیشتر شرکت‌های ارائه‌کننده دامنه و هاست، امکان سویچ هاستینگ شما را به فضای بالاتر (در صورت پرشدن ظرفیت آن) دارند.

هزینه هاست لینوکس 1 گیگابایت ایران در سال 1402 سالانه 800 هزارتومان است.[/vc_column_text][vc_custom_heading text=”طراحی وب‌سایت” font_container=”tag:h3|text_align:right”][vc_single_image image=”1499″ img_size=”full” alignment=”center”][vc_column_text]هزینه اصلی شما، مربوط به طراحی وب‌سایت است. به تناسب اینکه سایت شما از یک سیستم مدیریت محتوا (CMS) استفاده می‌کند یا از ابتدا کدنویسی می‌شود، هزینه آن بسیار متفاوت خواهد بود.

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

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

اگر می‌خواهید قیمت طراحی سایت خود را دقیق‌تر بدانید، با همکاران ما در شرکت یادگار درخشان آریا تماس بگیرید.[/vc_column_text][/vc_column][/vc_row]