وب سایت چیست؟
در دنیای امروز امکان ندارد واژه‌هایی مانند وبگاه، تارگاه، تارنما، سایت و یا همان وب سایت به گوشتان
نخورده باشد Ùˆ بدون Ø´Ú© بنا بر نیازهای مدرن، سر Ùˆ کاری با این صÙØات اینترنتی داشته‌اید. اما تا به
Øال Ùکر کرده‌اید Ú©Ù‡ وب سایت چیست؟ در این مقاله کوتاه قصد داریم تا نیم نگاهی به Ù…Ùهوم وب سایت،
تÙاوت‌های آن با وبلاگ Ùˆ همچنین انواع آن داشته باشیم.
طراØÛŒ وب چیست؟ در این مقاله با مهارت‌هایی همچون طراØÛŒ بصری تا طراØÛŒ اصولی، از سÙر کاربر تا طراØÛŒ اختصاصی صÙØات Ùˆ تمامی جنبه‌های طراØÛŒ وب آشنا می‌شوید. طراØÛŒ وب به مهارت زیادی نیاز دارد. Ùرد باید مهارت‌های مختلÙÛŒ را برای طراØÛŒ وب‌ به کار ببندد، از طراØÛŒ بصری (وب‌سایت چگونه به نظر می‌رسد) تا طراØÛŒ اساسی (وب ‌سایت چگونه کار می‌کند). برای تسهیل این مسیر، راهنمایی Ú©Ù‡ در ادامه آمده، آماده شده است.
در این مطلب، ما روی اصول اصلی، موارد اکتشاÙÛŒ Ùˆ رویکردهایی تمرکز خواهیم کرد Ú©Ù‡ به شما در ساخت تجربه کاربری عالی برای وبسایت‌تان، Ú©Ù…Ú© شایانی خواهد کرد.
با چیزهای جهانی همچون سÙر کاربر (چگونگی تعری٠اسکلت وب‌سایت) شروع می‌کنیم Ùˆ سپس به صÙØات اختصاصی می‌پردازیم (Ú†Ù‡ چیزی باید در طول طراØÛŒ وب در نظر گرÙته شود).
همچنین همه جنبه‌های اساسی طراØÛŒ وب همچون پوشش تلÙÙ† همراه Ùˆ تست‌های مختل٠را بررسی می‌کنیم.
جدول Ù…ØتویاتطراØÛŒ وب سایت چیست ØŸ
با رشد روز اÙزون استÙاده از اینترنت Ùˆ جامعه مجازی Ù…ÛŒ توان Ú¯Ùت Ú©Ù‡ اینترنت یکی از اعضای خانواده برای کاربران شده است ولی برای بهره مند شدن از Ùواید این جامعه مجازی نیاز به تولید وب سایت Ùˆ وب است. طراØÛŒ Ùرایند جمع آوری ایده ها Ùˆ تنظیم زیبایی شناسی Ùˆ اجرای آنهاست Ú©Ù‡ با هدایت اصول خاصی برای یک هد٠خاص انجام Ù…ÛŒ شود. طراØÛŒ وب یک Ùرآیند مشابه با هد٠ارائه مطالب در صÙØات وب الکترونیکی است Ú©Ù‡ کاربران نهایی Ù…ÛŒ توانند با Ú©Ù…Ú© یک مرورگر وب از طریق اینترنت به آن دسترسی پیدا کنند.
تعری٠وب سایت
وب سایت مکانی از اینترنت است Ú©Ù‡ صÙØÙ‡ یا تعدادی از صÙØات را در خود برای هدÙÛŒ خاص نگهداری Ù…ÛŒ کند ØŒ در واقع این مکان مجموعه ای از صÙØات است Ú©Ù‡ برای هدÙÛŒ خاص ایجاد شده اند.
طراØÛŒ وب سایت
طراØÛŒ وب سایت
به روال برنامه ریزی برای ایجاد یک سایت در Ùضای مجازی اینترنت Ú©Ù‡ با ساختار Ú©Ù„ÛŒ Ùˆ جزئی ارائه Ù…ÛŒ شود طراØÛŒ وب سایت گویند. این برنامه ریزی بر روی تمامی تصاویر ،متون ØŒ Ùایل های صوتی Ùˆ تصویری Ùˆ المانهای خاص Ú©Ù‡ برنامه نویسی شده اند اعمال Ù…ÛŒ شود تا در نهایت تمام اینها بر روی صÙØÙ‡ ای Ú©Ù‡ قابل روئیت در مرورگر باشد اعمال Ù…ÛŒ شود Ùˆ در Ùرمت بندی خاصی در طراØÛŒ وب سایت بر روی آن صÙØÙ‡ قرار Ù…ÛŒ گیرند.
طراØÛŒ وب سایت
برای اینکه این صÙØات قابل مشاهده در بیشتر مرورگرها باشد طراØÛŒ سایت را اÙراد Ø·Ø±Ø§Ø Ùˆ برنامه نویسان از زبان های نشانه ای برای ایجاد یک ساختار اکثرا از زبان html (Ú©Ù‡ امروزه html5 قدرت بالایی را به این زبان برنامه نویسی ارائه کرده است) Ùˆ هم چنین برای نمایش بهتر بعد از طراØÛŒ وب سایت از زبان css (Ú©Ù‡ زبان css3 در Øال Øاضر قدرت آن را اÙزایش داده است به طوری Ú©Ù‡ Ù…ÛŒ توان بدون نرم اÙزارهای گراÙیکی نیز به طراØÛŒ وب سایت پرداخت ) استÙاده Ù…ÛŒ کنند . برای طراØÛŒ وب سایت از زبان های برنامه نویسی دیگر نظیر javaØŒ Ù¾ÛŒ اچ Ù¾ÛŒ ØŒ ای اس Ù¾ÛŒ دات نت، پرل Ùˆ … نیز Ù…ÛŒ توان استÙاده کرد.
پروسه طراØÛŒ وب سایت
در Øالت Ú©Ù„ÛŒ برای طراØÛŒ وب سایت Ù…ÛŒ توان این روال را در پیش گرÙت :
Ù…Ùهوم سازی
Ø·Ø±Ø Ø±ÛŒØ²ÛŒ
تØقیق قبل از ایجاد وب سایت
تØقیق Ú©Ù„ÛŒ
تبلیغات
مدیریت Ùایلهای چند رسانه ای Ú©Ù‡ در وب سایت وجود خواهند داشت ØŒ مدیریت مطالب Ùˆ Ù…Øتوای سایت Ùˆ هم چنین Ùایل های تصویری Ùˆ صوتی موجود در آن را Ù…ÛŒ توان توسط یک Ø·Ø±Ø§Ø ØŒ یا گروهی از طراØان با وظیÙÙ‡ ای مشخص مدیریت کرد.
طراØÛŒ سایت اینتن : یک وب سایت Ù…ÛŒ تواند شامل صÙØÙ‡ اصلی Ú©Ù‡ اکثرا به این صÙØÙ‡ ØŒ خانه (HOME) Ùˆ هم چنین Ù…ÛŒ تواند شامل صÙØات Ùˆ بخش های دیگر باشد Ú©Ù‡ هر یک از آنها برای اهدا٠خاصی در زمان طراØÛŒ وب سایت ایجاد شده اند. ولی صÙØÙ‡ اصلی یا خانه سایت مهم ترین قسمت یک وب سایت است Ùˆ در مورد اهدا٠اصلی وب سایت Ùˆ هم چنین تمام بروزرسانی هایی Ú©Ù‡ در وب سایت انجام Ù…ÛŒ شود را برای کاربران ارائه Ù…ÛŒ کند. Ùˆ تمام صÙØات دیگر وب سایت از طریق همین صÙØÙ‡ اصلی شناخته Ù…ÛŒ شوند . بدین صورت Ú©Ù‡ لینکی از صÙØÙ‡ اصلی به آنها اختصاص داده شده است Ú©Ù‡ کاربر با کلیک بر روی آن Ù…ÛŒ تواند بخش های مورد علاقه Ùˆ نیاز خود را ببیند.در واقع صÙØÙ‡ خانه را Ù…ÛŒ توان مادر تمام صÙØات وب دانست.
طراØÛŒ سایت-طراØÛŒ وب سایت چیست؟
طراØÛŒ وب چیست؟
بسیاری از صÙØات وب با تمرکز بر سادگی طراØÛŒ شده اند، به گونه ای Ú©Ù‡ هیچ اطلاعات Ùˆ عملکردی غیر عادی Ú©Ù‡ ممکن است کاربران را منØر٠یا سردرگم کند، ظاهر نمی شود. از آنجایی Ú©Ù‡ Ù…Øور اصلی خروجی یک طراØØŒ وب سایتی است Ú©Ù‡ باعث جلب اعتماد مخاطبان هد٠می شود، Øذ٠هرچه بیشتر نقاط اØتمالی سرخوردگی کاربر امکان Øضور بیشتر کاربران را Ùراهم Ù…ÛŒ کند.
دو روش متداول برای طراØÛŒ وب سایت هایی Ú©Ù‡ هم در دسک تاپ Ùˆ هم در موبایل کار Ù…ÛŒ کنند وجود دارد، طراØÛŒ پاسخگو (responsive ) Ùˆ تطبیقی (adaptive) است. در طراØÛŒ ریسپانسیو، Ù…Øتوا بسته به اندازه صÙØÙ‡ به صورت پویا Øرکت Ù…ÛŒ کند. در طراØÛŒ آداپتیو، Ù…Øتوای وب سایت در اندازه های Ø·Ø±Ø Ú©Ù‡ با اندازه صÙØÙ‡ نمایش مشترک مطابقت دارند، ثابت شده است. ØÙظ یک چیدمان Ú©Ù‡ تا Øد ممکن سازگار باشد بین دستگاه ها برای ØÙظ اعتماد Ùˆ تعامل کاربر بسیار مهم است. از آنجایی Ú©Ù‡ طراØÛŒ ریسپانسیو Ù…ÛŒ تواند در این زمینه مشکلاتی ایجاد کند، طراØان باید در کنترل از چگونگی ظاهر شدن کارشان مراقب باشند. اگر آنها مسئول Ù…Øتوا نیز باشند، در Øالی Ú©Ù‡ ممکن است نیاز به گسترش مهارتهای خود داشته باشند، از این مزیت استÙاده Ù…ÛŒ کنند Ú©Ù‡ از کنترل کامل Ù…Øصول نهایی برخوردار باشد.
طراØÛŒ Ùرایند جمع آوری ایده ها Ùˆ تنظیم زیبایی شناسی Ùˆ اجرای آنهاست Ú©Ù‡ با هدایت اصول خاصی برای یک هد٠خاص انجام Ù…ÛŒ شود. طراØÛŒ وب یک Ùرآیند مشابه ایجاد با هد٠ارائه مطالب در صÙØات وب الکترونیکی است Ú©Ù‡ کاربران نهایی Ù…ÛŒ توانند با Ú©Ù…Ú© یک مرورگر وب از طریق اینترنت به آن دسترسی پیدا کنند.
اÙراد اغلب از Ø§ØµØ·Ù„Ø§Ø Â«Ù…Ø¹Ù…Ø§Ø±ÛŒ اطلاعات» (IA) برای تعری٠منوهای یک وب‌سایت استÙاده می‌کنند. اما این درست نیست. درØالی‌که منوها بخشی از IA هستند اما Ùقط یکی از جنبه‌های آن به شمار می‌روند.
IA به‌طورکلی به معنای سازمان‌دهی اطلاعات به Ø´Ú©Ù„ÛŒ Ø´Ùا٠و منطقی است. چنین سازمان‌دهی، هد٠شÙاÙÛŒ را دنبال می‌کند: Ú©Ù…Ú© به کاربران جهت هدایت‌پذیری در مسیر پیچیده‌ای از اطلاعات. IA خوب، سلسله‌مراتبی می‌سازد Ú©Ù‡ هم ردی٠انتظارات کاربران است. اما سلسله‌مراتب خوب Ùˆ هدایت بصری به Ø´Ú©Ù„ اتÙاقی، رخ نمی‌دهد. آن‌ها نتیجه تØقیق Ùˆ آزمایش کامل کاربر هستند.
راه‌های زیادی برای تØقیق درباره نیازهای کاربر وجود دارد. اغلب، یک معمار اطلاعات نقش Ùعالی در مصاØبه‌های کاربر یا مرتب‌سازی کارت‌ها دارد، جایی Ú©Ù‡ معمار به طور مستقیم انتظارات کاربر را می‌شنود یا می‌بیند Ùˆ کاربران اØتمالی چگونه گروه‌های مختل٠اطلاعاتی را دسته‌بندی می‌کنند.
همچنین معماران اطلاعات دسترسی به نتایج آزمایش‌های قابل‌استÙاده برای دیدن این‌که آیا کاربران قادر به هدایت شدن به Ø´Ú©Ù„ مؤثر هستند یا نه را نیاز دارند.
(مرتب‌سازی کارت روش ساده‌ای برای Ùهمیدن این است Ú©Ù‡ چگونه می‌توان به بهترین Ø´Ú©Ù„ Ù…Øتوا را بر اساس ورودی کاربر، دسته‌بندی کرد. یکی از دلایل اینکه چرا معماران اطلاعات از مرتب‌سازی کارت خوششان می‌آید به خاطر Ø´ÙاÙیت الگوهایی است Ú©Ù‡ معمولاً در دل این مسیر به وجود می‌آید.)
ساختار منو باید مبتنی بر نتایج مصاØبه‌های کاربر باشد Ùˆ مرتب‌سازی کارت باید برای اینکه بÙهمیم مدل ذهنی کاربر رضایت‌بخش است یا نه، مورد آزمایش قرار گیرد. Ù…Øققان UX از تکنیکی به نام آزمایش درخت استÙاده می‌کنند تا ثابت کنند موÙÙ‚ عمل می‌کند یا نه. این کار درست پیش از طراØÛŒ وب برای رابط کاربری واقعی انجام می‌شود.
(آزمایش درختی، روشی قابل‌اعتماد برای Ùهمیدن این است Ú©Ù‡ کاربر می‌تواند با ساختار منوهای پیشنهاد شده کار کند یا نه)
هدایت جهانی
هدایت سنگ بنای کاربردی بودن است. اگر کاربران نتوانند در وب‌سایت شما مسیرشان را پیدا کنند، مهم نیست وب‌سایتی که ساخته‌اید چقدر ظاهر خوبی داشته باشد. به همین خاطر در ناوبری وب‌سایتتان باید چند اصل را رعایت کنید:
سادگی. ناوبری باید طوری طراØÛŒ شود تا بازدیدکنندگان را به جایی Ú©Ù‡ می‌خواهند بروند جذب کند Ùˆ این کار باید با سریع‌ترین کلیک ممکن اتÙاق بیÙتد.
Ø´ÙاÙیت. هیچ Øدسی درباره اینکه هر گزینه ناوبری Ú†Ù‡ معنایی خواهند داشت، نباید وجود داشته باشد. همه گزینه‌های ناوبری باید به‌خودی‌خود، برای بازدیدکننده معنا شوند.
ثبات. سیستم ناوبری باید در همه صÙØات وب‌سایت مشابه باشد.
چند نکته را در هنگام طراØÛŒ وب ناوبری در نظر بگیرید:
الگوی منوی سایت را مبتنی بر نیازهای کاربران انتخاب کنید. منوی سایت باید منطبق با