طراحی وب

طراحی وب Web Design

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

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

web-disign

تاریخچه طراحی وب

در سال 1990، تیم برنرزلی اولین مرورگر وب را توسعه داد و آن را WorldWideWeb نامید و بعدها به Nexus تغییر نام داد. در آن زمان، فقط متن در صفحه وب نمایش داده می شد و خبری از  فونت های فانتزی، تصاویر یا فیلم های زیبا و پیوندهای آبی نبود.  در سال 1993 مرورگر موزائیک منتشر شد و اولین مرورگر وب بود که به توسعه دهندگان اجازه می داد تصاویر را به صفحات وب خود اضافه کنند و جهشی بزرگ در دنیای وب ایجاد کرد. به دلیل محدودیت های مرورگرها و سرعت اتصال فوق العاده کند اینترنت، قابلیت طراحی وب سایت به شدت محدود بود و بارگذاری وب سایتهایی که حاوی تصاویر، فیلم ها یا عناصر گرافیکی بیش از حد بودند، خیلی طول می‌کشید. از اواسط دهه 1990 تا 2000 با ظهور Internet Explorer جنگ بین مرورگرها شروع شد و تقریباً در این زمان، با استفاده از قاب ها و جداول و همچنین تصاویر، طراحی وب کمی پیچیده تر شد. استفاده از تصاویر متحرک gif برای ایجاد دکمه در سایتها استفاده شد و استفاده از جاوا اسکریپت در بعضی از وب سایت ها ظاهر شد. از سال 1998  ابزارهای توسعه دهنده وب مانند DreamWeaver ظهور پیدا کردند و تعداد بیشتری از کاربران امکان ایجاد و طراحی صفحه وب را پیدا کردند. در سال 2000 استانداردهای طراحی وب مورد تجدید نظر قرار گرفتند و تصاویر شفاف و با کیفیت با فرمت png به عرصه نت راه پیدا کردند و سیستم های مدیریت محتوا شروع به محبوبیت بین طراحان و کاربران کردند. از سال 2008 تا کنون طراحی وب سایت به طرز باورنکردنی تکامل یافته است طراحی وب سایت تلفن همراه ارائه شد که به مردم امکان مشاهده درست سایت ها روی تلفن های همراه  فراهم شد. بسیاری از وب سایت های بزرگ نسخه های موبایل سایت های خود را برای تلفن های هوشمند و تبلت ها طراحی کردند. امروزه طراحی وب سایت یک تجارت بزرگ است. طرح ها پیچیده تر و در عین حال کمتر به هم ریخته اند و طراحان برای رشد در این صنعت باید روز به روز به دانش خود بیفزایند.

یک طراح وب بر چه المان هایی تمرکز میکند؟

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

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

روش های طراحی وبسایت

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

دو روش متداول برای طراحی وب سایت، طراحی واکنشگرا (Responsive Web Design) و تطبیقی یا سازگار (adaptive design) ​​است. نمایش محتوای یک وبسایت با حفظ  چیدمان، که تا حد ممکن روی دستگاه های مختلف سازگار باشد، برای حفظ اعتماد و تعامل کاربر بسیار مهم است و از وظایف یک طراح این است که تا حد ممکن وبسایت را به گونه طراحی کند که نمایش محتوای آن در تمام نمایشگرها یکسان باشد.

طراحی واکنشگرا (Responsive Web Design)

اصطلاح Responsive Design  برای اولین بار توسط یک طراح وب با نام ایتان ماركوت Ethan Marcotte ارائه شد. یک وب سایت واکنش گرا محتوا را بر اساس فضای موجود در مرورگر نشان می دهد. اگر یک سایت واکنشگرا را روی دسک تاپ باز کنید و سپس اندازه پنجره مرورگر را تغییر دهید، محتوا به صورت پویا حرکت می کند تا محتوای وبسایت برای پنجره مرورگر تنظیم شود. در تلفن های همراه، این فرایند به صورت خودکار انجام می‌شود، سایت فضای موجود را بررسی می کند و سپس محتوای خود را با آرایش ایده آل ارائه می دهد.  در طراحی واکنش گرا،  کاربر همان اندازه که  با نگاه کردن به یک دسکتاپ بزرگ به تمام محتوی یک وبسایت دسترسی دارد، می‌تواند همان فضا را بدون کم شدن محتوا، روی تلفن همراه خود مشاهده کند.

طراحی تطبیقی یا سازگار (adaptive design)

در سال 2011 اصطلاح Adaptive Web Design برای اولین بار توسط یک طراح وب با نام آرون گوستافون Aaron Gustafson ارائه شد.  در حالی که طراحی واکنش گرا، الگوی سایت را بر اساس تغییر سایز صفحه نمایش، تغییر میدهد، طراحی تطبیقی، سایز محتوا را بدون تغییر دادن الگوی اولیه سایت، بر اساس اندازه صفحه نمایش تغییر میدهد بنابراین در این طراحی، وقتی مرورگر را روی دسک تاپ باز می کنید ، سایت بهترین طرح را برای صفحه دسک تاپ انتخاب می کند؛ تغییر اندازه مرورگر هیچ تاثیری در طراحی ندارد و الگوی اولیه سایت تغییری نمی کند.

کاربر کدام طراحی وب را ترجیح می‌دهد؟

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

ADAPTIVE-VS-RESPONSIVE

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

بزرگترین چالش یک طراح وب ترکیب طراحی، محتوا، تجربه، اطلاعات و اعتبار میباشد در مورد سؤال Adaptive vs. Responsive  باید گفت که برای یک طراح وب بر اساس نیاز، استفاده و تجربه، هر یک از این دو می توانند یک انتخاب عالی باشند! فقط باید دانست که کدامیک متناسب با کجاست.

,

Related Posts

No results found

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.

فهرست