با سلام خدمت شما دوستان گرامی . امروز میخواهیم در مورد تکنیک Content First در طراحی سایت با شما عزیزان صحبت کنیم و بگوییم این تکنیک واقعا چیست و چه کاربردهایی در هنگام طراحی سایت برای شما خواهد داشت و نتیجه آن نیز به چه صورت خواهد بود . پیشنهاد میکنیم تا پایان مطلب با ما همراه باشید .

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

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

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

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

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

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

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

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

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

content first

کاربردهای دیگر Content First

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

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

اما اگر به هر دلیلی نمی خواهید که محتوای کتاب را مطالعه
کنید باید بدانید که براساس عنوان و یا دسته بندی نمی توان ظاهری زیبا برای جلد
کتاب طراحی کرد.

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

به طوری که اگر شما شیشه عطر را مشاهده کنید می توانید
برآورد نسبی از بوی عطر داشته باشید.

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

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

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

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

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

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

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

تکنیک Content First

دلایل توجه به محتوای سایت پیش از طراحی سایت

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

اما این کار دلایل دیگری نیز دارد که این دلایل شامل موارد
زیر می شوند:

اولویت بندی در ارائه محتوا

این که بدانید مخاطبی که به سایت شما سر می زند با چه هدفی
این کار را انجام می دهد می تواند به شما تا حد زیادی کمک کند که سایت خود را
کاربردی تر طراحی کنید.

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

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

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

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

طراحی المان های اختصاصی

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

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

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

تعیین ساختار سایت و استراتژی محتوا

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

اگر در طراحی سایت، محتوا در اولویت قرار گیرد و طراح سایت
بداند که قرار است چه محتوایی درون سایت قرار گیرد می تواند ساختار بهتر و مناسب
تری برای سایت طراحی کند.

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

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

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

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

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

فرآیند طراحی و تایید سرعت پیدا می کند

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

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