۱۴ وب‌سایت زیبای پر از محتوا که می‌توانید از آن‌ها برای طراحی وبسایت خود الهام بگیرید

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

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

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

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

Polygon

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

 

The Verge

طراحی وبسایت پرمحتوا

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

 

Conde Nast

وب سایت آشفته

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

Blik

طراحی فروشگاه شلوغ

 

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

 

USA Today

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

 

یکی از بزرگترین روزنامه‌های آمریکا. USA Today با استفاده از دو تکنیک زیر توانسته حجم فوق‌العاده انبوه اطلاعات خود را به شکل بسیار موثری مدیریت کند.
• حالت شبکه‌ای تمیز و سازمان یافته: خطوط تمیز و تیز در کنار طرح‌بندی این وب‌سایت باعث ایجاد حس انسجام و ترتیب در ذهن مخاطبان می‌شود. همچنین این تکنیک ناوبری وب‌سایت را نیز بسیار آسان‌تر ساخته است.
• طرح‌بندی قابل تنظیم به وسیله کاربر: این وب‌سایت به کاربران دو انتخاب می‌دهد: مشاهده لیست گونه اخبار و یا مشاهده شبکه‌ای آن‌ها. همچنین کاربران می‌توانند تعداد اخباری را که در هر نوبت نمایش داده می‌شود را نیز به دلخواه خود انتخاب کنند. این موضوع تاثیر بسزایی در مدیریت محتوای عظیم وب‌سایت داشته است.

 

The New Yorker

طراحی مجله آنلاین

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

 

A List Apart

مدیریت محتوا در وبسایت

 

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

 

Wired

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

 

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

 

نتیجه‌گیری

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

سعید مداحی

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