سبک های مختلف قالب های وبسایت

قالب وبسایت چیست؟

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

اغلب توسط توسعه دهندگان وب تولید میشود،برای تهیه قالب به کدهایی نظیر HTML,CSS و دیگر کدنویسی های تحت وب نیازمندیم.به خاطر ساده بودن ظاهر وبسایت ها و قالب های آنان اغلب مردم که اطلاع یا تجربه ای در زمینه وب ندارند تصور می کنند که وبسایت ها به سادگی تهیه میشوند.

برای تهیه وبسایت چگونه از قالب ها استفاده می کنیم؟

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

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

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

۱-سبک عکس و کارتون

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

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

۲-سبک استفاده از دو رنگ

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

۳-سبک واقعیت گرایی عکسها

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

۴-سبک شفاف

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

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

۵-سبک زیباسازی و تمرکز روی نوشتار

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

۶-سبک بافت و الگو(طراحی)

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

۷-سبک گرانج(Grunge )

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

۸-سبک طبیعت

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

۹-سبک Retro

این سبک امروزه بسیار تقریبا فراگیر شده است.در این سایت که بیشتر برای سایتهای فروشگاهی یا خدماتی بکار میرود ظاهر سایت حالت بومی سازی شده دارد.یعنی محصولات امروزی و مدرن در قالب روزنامه ها یا تبلیغات۵۰ تا ۱۰۰ سال گذشته ارائه میشود ویا محصولاتی که سبک قدیمی دارند مانند گرامافون در همان فضا و حال و هوای گذشته در قالبی که تداعی کننده آن دوره بود ارائه میشود.

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

۱۰-سبک تک صفحه ای

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

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

مزایا:درک آن برای کاربر راحت است،معمولا پشتیبانی آن سریعتر وراحت تر است،پتانسیل بالا برای سئو،سازماندهی آسان،سرعت بالای بارگذاری(حجم کمی از پهنای باند را اشغال میکند)

۱۱-سبک انیمیشنی

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

مزایا:جذابیت برای کاربران،ماندگاری بیشتر کاربران در وبسایت،پویا بودن بیشتر وبسایت،شرایط قبول کردن تبلیغات هموارتر میشود و …

البته استفاده از نرم افزار فلش برای نمایش انیمیشن سایت را بسیار کند میکند که البته استفاده از آن بسیار کم شده است و در حال منسوخ شدن است.برای نمایش انیمیشن از Html,Cssو برخی دیگر از کدها استفاده میشود.

۱۲-سبک سه بعدی( ۳D Design )

این سبک هم طرفداران زیادی پیدا کرده است.حس القای حرفه ایی بودن وبسایت و کسب و کار در کنار جذابیت از صفات بارز آن است.ترکیب حرکت،نورپردازی و رنگهای مختلف تصویر را ۳بعدی نشان میدهد که توسط نرم افزارهای مدل ساز ۳بعدی بهره گرفته میشود.به دلیل طراحی های حرفه ای این سبک،هزینه ها نسبتا بیشتر است.همچنین به دلیل بالا بودن کیفیت عکسها در این سایت ها سرعت بارگذاری صفحات بسیار پاین می آید،حتی امکان دارد در برخی مواقع که سرعت اینترنت پایین است،سایت اصلا بارگذاری نشود و برای بازدیدکنندگان نمایش داده نشود.برای ساخت المان های سه بعدی بیشتر از نرم افزارهای Adobe Flash,3D Max,Maya,Adobe PhotoShop استفاده می کنند.

سبک های مختلف قالب های وبسایت

طراحی وب سایت تجاری و شخصی

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

اصول اولیه طراحی سایت تجاری

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

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

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

حتما میپرسید پس داره چی کار می کنه؟

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

من اینجا چی کار میکنم؟

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

من کلا گیج شدم.

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

اصول اطلاعات

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

شما با ما در امنیت هستید.

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

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

اصول اولیه طراحی سایت شخصی

این سه نکته

همین که یه نفر پاشو به صفحه شما میذاره، باید بفهمه شما کی هستید، چی کار می کنید و از بازدیدکننده چی میخواهید. لازم نیست یه جلد کتاب درباره خودتون بنویسید. 2-3 پاراگراف کافیه. این کار به سئوی سایتتون هم کمک می کنه. چند تا از جاهایی که کار می کنید رو معرفی کنید. یه سری از پروژه هایی که روشون کار کردید و بهشون افتخار می کنید رو هم بگید و توضیح بدید چرا این کارها براتون افتخار انگیز هستن. نقاط قوتتون رو تو حوزه کاری که توش تخصص دارید نام ببرید. تو این قسمت میتونید یکم هم از شخصیتتون بگید. با یکمی شوخ طبیعی، جذابش کنید. البته اگه واقعا آدم شوخ طبیعی هستید اینکار خوب از آب درمیاد. وگرنه بهتره بی خیالش بشید. فلسفه خودتونو از یه سری مسائلی که فکرتونو زیاد به خودشون مشغول کردن توضیح بدید. بذارید کسی که از صفحه دیدن می کنه، شما رو ببینه. اما باید هوشیار هم باشید. قرار نیست اینجا داستان زندگیتونو بگید. زیادی شخصیش نکنید. اگه زیادی رک و صادق باشید، قسمت "شرحی کوتاه درباره من" خیلی زود تبدیل میشه به "کل دنیای عجیب و غریب". اینجا باید بهترین قضاوت هاتونو داشته باشید. حتما اصل کم گویی رو رعایت کنید.

این یکی رو حتما بخونید

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

من اینطور فکر می کنم

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

کجا بودید؟

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

یه رفیق خوب شاد

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

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

طراحی وب سایت تجاری و شخصی

کاربرها چه توقعاتی از یک سایت مدرن دارند?

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

• اطلاعات تماس و روشهای مختلف برقراری ارتباط

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

• ویژگی های محصول و قیمتهای شفاف

کاربرها توقع دارن قیمتگذاری ها شفاف باشه و درباره محصولات جزئیاتی ارائه بشه. اونها میخوان بین خدمات/محصولات مختلف مقایسه کنن و بهترین و به صرفه ترینشونو انتخاب کنن. تقریبا 6 نفر از هر 10 نفر فرد بالغ (58%) قبل از خرید، درباره محصولات و خدمات مورد نیازشون به طور آنلاین تحقیق میکنن.

• طراحی موبایلی و واکنشگرا

کاربرها انتظار دارن سایت واکنشگرا و روی سایت قابل استفاده باشه تا بتونن به راحتی از طریق دستگاه تلفن همراهشون سایت رو نگاه کنن. 34% از کاربران اینترنت اغلب از طریق دستگاه موبایل یا تبلت آنلاین میشن. به کاربرها اون چیزی رو که میخوان بدین: یه سایت واکنشگرا.

• سایت سریع

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

• تصاویر با محوریت برند (نه تصاویر دانلودی از اینترنت)

کاربر توقع داره محور اصلی بیشتر تصاویر خود برند باشه. در واقع میخواد تصاویر قصه محصولات برند رو روایت کنن. ما تو جامعه بصری زندگی میکنیم. بشر تصویر رو 4 برابر بیشتر از متن به یاد میاره. یعنی 80% از اونچه که میبینیم و 20% از اونچه که میخونیم تو ذهنمون محفوظ میمونن.
تصاویر تو جلب توجه مخاطب سایت میتونن خیلی قدرتمند عمل کنن، اما نکته اینجاست که باید مرتبط باشن. کاربرها از تصاویر دانلودی از اینترنت و تکراری متنفر شدند. اینجور تصاویر نمیتونن ویژگیهای محصولات واقعی رو به نمایش بذارن و از این نظر اصالت ندارن.

• سایت و امنیت آنلاین

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

• طراحی سایت مؤثر

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

• طراحی سایت حرفه ای

کاربرها توقع یه طراحی خوب دارن. دیگه سال 1372 نیست که فقط همینکه سایت داشته باشیم (حتی زشت و با طراحی بد) از رقبا جلو بیفتیم. الآن 1395 شده و تعداد سایتهای ساخته شده حداقل 1 میلیارد تاست.
تقریبا همه شرکتها یه سایت دارن و اگه شما نداشته باشید، شرکتی که همین دیشب بنا شده یا یه استارتاپی که داره دنبال جذب سرمایه گذار میگرده که اولین محصولاتشو تولید کنه، ازتون جلو میزنه. وقتی همه چیز مشابه باشه، تنها چیزی که تو ذهن مشتری خطوط رقابتی رو میسازه، طراحی و کیفیت سایته. این اولین چیزیه که مشتری از شما میبینه.
تو مورد شماره اول گفتیم که سایت از طرف شما با کاربرهاتون ارتباط برقرار میکنه و بهترین معرف برای کالاهای شماست، به شرط اینکه خوب طراحی شده باشه. چون تقریبا 60% از کاربرها درباره یه محصول تحقیق میکنن و بعد تصمیم به خرید میگیرن، داشتن یه سایت با کیفیت میتونه شما رو تو ذهن کاربر و مشتری از بقیه رقبا جلو بندازه.
از طراحی های رایگان سایت یا طراحیهایی که دوستاتون ساختن برای سایت شرکتتون استفاده نکنید. از طراحی های حرفه ای برای برندتون استفاده کنید تا کاربر جذب کنید.

سایت مدرن

بهترین فروشگاه ساز های رایگان کدام است؟

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

Prestashop

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

OpenCart 

OpenCart یک سیستم سبد خرید آنلاین رایگان می باشد که برای موتورهای جستجو بهینه سازی شده و ظاهر زیبایی دارد. قابلیت مهم آن این است که مشتریان می توانند بر روی محصولات نظر بنویسند.

Magento

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

AgoraCart

AgoraCart سیستم سبد خرید بسیار محبوبی می باشد که توسط Perl/MySQL نوشته شده. یک بخش مدیریت css دارد که به راحتی می توانید ظاهر قالب فروشگاه خود را عوض کنید. AgoraCart قابلیت های بسیاری از جمله تنظیمات نامحدود محصولات و سیستم مالیات بر اساس ناحیه و روش های پرداخت مختلف دارد.

Zen Cart

Zen Cart فروشگاه ساز کاربر پسند و رایگان می باشد که تمرکز اصلی آن بر روی فروشندگان و شرکا می باشد. Zen Cart از روش های پرداخت بسیاری پشتیبانی می کند و سیستم کوپن و تخفیف نیز در آن دیده شده. Zen Cart به آسانی نصب می گردد.

osCommerce

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

StoreSprite

StoreSprite سیستم سبد خرید قدرتمند PHP/MySQL می باشد که به راحتی می توانید آن را بر روی وب هاست خود نصب نمایید. سیستم فروشگاه ساز رایگان می باشد اما صفحات دارای فوتر می باشند. StoreSprite قابلیت های بسیاری از جمله سیستم محاسبه مالیات، سیستم محاسبه حمل و نقل و سیستم نظردهی و رتبه سنجیhttp://www.ubercart.org/ محصولات می باشد.

Ubercart

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

Open For Business – Apache

یک سیستم بزرگ کد باز می باشد که دارای نرم افزارهای بسیاری از جمله Open Source ERP, Open Source CRM, Open Source E-Business / E-Commerce, Open Source SCM, Open Source MRP, Open Source CMMS/EAM می باشد. که شما در سیکل توسعه فروشگاه ساز خود تنها نیستید.

ZenMagick

ZenMagick یک سیستم اضافه بر Zen Cart می باشد که یکی از مهمترین سیستم های فروشگاه اینترنتی می باشد. ZenMagick سیستم مدیریت قالب بسیار قدرتمندی دارد.

nopCommerce

سیستم سبد خرید با انعطاف بسیار برای تغییرات دارد. این فروشگاه ساز بر پایه ASP.NET 3.5 و MS SQL 2005 پیاده سازی شده. از طریق این فروشگاه ساز می توانید هر نوع کالای فیزیکی و یا دیجیتالی را به فروش رسانید.

TomatoCart

TomatoCart سیستم سبد خرید اینترنتی جدیدی می باشد که از پایه نرم افزار osCommerce پیاده سازی شده. هدف آنها در نهایت ایجاد بهترین سیستم فروشگاه ساز می باشد. از تکنولوژی های web 2.0 ، Ajax و Rich Internet Applications در آن استفاده شده.

Digistore

یک فروشگاه ساز کامل می باشد که بر پایه osCommerce پیاده سازی شده. Digistore نرم افزار بسیار مناسبی برای اشخاصی است که می خواهند فروشگاه محصولات خود را به صورت آنلاین به فروش رسانند.

Spree Commerce

سیستم سبد خرید آنلاین کاملا رایگان

Zeuscart

Zeus Cart یک سیستم فروشگاه ساز آنلاین با ظاهر بسیار قوی می باشد که به کاربران این اجازه را می دهد که فروشگاه خود را در سایت راه اندازی نمایند. ZeusCart بر پایه PHP/My SQL پیاده سازی شده که بسیار ساده و قدرتمند می باشد.

Jadasite

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

Ecommerce Shopping Cart Software

Ecommerce Shopping Cart Software به صاحبان مشاغل کوچک این امکان را می دهد که کالاهای خود را به صورت آنلاین به فروش رسانند.

VirtueMart

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

jCart

jCart سیستم سبد خرید Ajax می باشد که به راحتی قابل نصب می باشد که بر پایه jQuery و PHP می باشد. jCart درخواست های کاربر را بدون نیاز به بارگذاری صفحه پاسخ می دهد.

CF Shopkart

سیستم فروشگاه آنلاین Coldfusion می باشد. این فروشگاه ساز Coldfusion کاملا رایگان می باشد که برای ساخت آن 5 سال زمان گذاشته شده.

بهترین فروشگاه ساز های رایگان

شباهت های طراحی سایت و بازسازی منزل چگونه است؟

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

ابزار کارتون رو مرتب کنید

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

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

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

فضاهای بزرگ تر خلق کنید

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

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

رنگ یکسان با سایه مشابه: رنگ های مشابه رو با هم قاطی کنید تا سایه بندازید و بدون اینکه مرکز توجه رو به جای دیگه هدایت کنید زیبایی بصری درست کنید.

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

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

پنهان سازی انبار:

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

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

اجزا: فقط از یک جلوه بصری استفاده کنید. باید خاص سایت و کار شما باشه و توجه کاربرها رو جذب کنه.

سازماندهی فضاها: به اینکه هر صفحه چطور به صفحه بعدی متصل بشه فکر کنید و افکت هایی مثل تغییرات بزرگ در رنگ بکار ببرید که این انتقال رو جذاب کنید

تکیه، تکیه، تکیه

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

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

حواستون باشه که این تکیه های اضافی نباید به جذابیت نقطه کانونی باشن. باید نقطه های تکیه متفاوتی داشته باشید که همشون توجه کاربر رو دوباره به نقطه کانونی و پیام اصلی جذب کنن. هرچیزی توی صفحه باید یک ایده رو تقویت کنه.

خراب کاری میشه

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

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

نظرتون تغییر می کنه

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

اگه نظرتون عوض شد الزاما به این معنی نیست که قبلا اشتباه کردیم، بلکه نشون دهنده تغییر اطلاعات شما به عنوان یه طراح هست. باهاش همگام بشید و برای اینکه یه ظاهر جدید به اتاق (یا سایتتون) بدید آماده بشید.

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

شاید هم دلتون بخواد کلا تغییر ایجاد کنید و همه رو از اول شروع کنید.

نتیجه گیری

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

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

طراحی سایت حرفه ای توسط وایر فریم ها چگونه است؟

ماجرای تبدیل وایرفریم ها به طراحی های عالی سایت 

وایرفریم، این مربع های سیاه و سفید خسته کننده، در واقع پی و پایه سایت های بی نظیرست.

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

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

وایرفریم دقیقا چیست؟

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

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

نقش مشتری چیست؟

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

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

وقتی وایرفریم کارتونو دیدید، به این نکات توجه کنید:

وایرفریم ها، طراحی نیستن. طراحی (احتمالا) نه چارخونه ایه و نه سیاه و سفیده.

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

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

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

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

مزایای گوگل آنالتیکس چیست؟

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

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

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

میتونید بازده فعالیتهای اجتماعیتونو ردیابی کنید

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

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

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

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

میتونید اثر وبگردی با موبایل رو در وب سایتتون اندازه بگیرید

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

با قابلیت جدیدی که گوگل آنالتیکس برای موبایل فراهم کرده میتونید اثر کاربرهای موبایل رو بر روی کسب و کار آنلاینتون بررسی کنید. اگه اکثر ترافیکتون از موبایل میاد، دلیل کافی برای بهینه سازی وب سایتتون برای کاربرهای موبایل دارید. این قابلیت میتونه عملکرد برنامه های موبایلی از جمله دانلودها و فعالیتهای بازدیدکننده ها رو اندازه بگیره.

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

میتونید نرخ تبدیل فروشگاه آنلاینتون رو محاسبه کنید

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

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

میتونید عملکرد محتواتونو تجزیه و تحلیل کنید

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

به همین خاطر باید بطور مرتب محتواتونو بروز کنید و کارایی مطالب جدید رو بسنجید. با استفاده از تجزیه و تحلیل محتوای گوگل آنالتیکس (content analysis ) میتونید بفهمید کاربرها برای کدوم مطلب بیشتر نظر گذاشتند یا روی شبکه های اجتماعی بیشتر شیر شده و یا اینکه کدوم پست بیشتر بازدید گرفته.

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

میتونید عملکرد تبلیغاتتونو بررسی کنید

تبلیغات آنلاین شانس موفقیتتونو افزایش میدن و میتونید در مقایسه با کسایی که تبلیغات نداشتند، تو کمپینهای بازاریابیتون بیشتر جلو برید. اما این هم بستگی به اثرگذاری کمپینهای تبلیغاتیتون داره. تجزیه و تحلیل تبلیغات (advertising analytics ) به شما امکان ردیابی کانالهای تبلیغاتی مختلفی مثل تبلیغات روی موتورهای جستجو، روی شبکه های اجتماعی، بنرها و ایمیلها رو میده.

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

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

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

مزایای گوگل آنالتیکس 

طراحی رابط کاربری شاد وب سایت

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

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

طراحی رابط کاربری خوب: تفاوت بین یک رابط کاربری خوب و یک رابط کاربری بد

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

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

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

ساده گرا باشه

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

طراحی فلت داشته باشه

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

برای نمایش مسائل پیچیده، از نمودار کمک بگیره

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

وارد عمل بشید: اصول طراحی رابط کاربری مدرن

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

برندسازی رو به حداقل برسونید

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

خیلی کم از تصاویر استفاده کنید

این روزها بیشتر اپلیکیشن ها زیاد تصویر استفاده نمی کنن. کلا از تصاویر بیت مپ زیاد استفاده نمی کنن. بیشتر SVG و تصاویر کوچیک بکار میبرن. اگه قرار باشه عکسی هم بکار بره باید به جریان برنامه مربوط باشه یا به تجربه کاربری کمک کنه.

محتوای ساده

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

برای جهتیابی به فهرست ها اعتماد نکنید

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

اندازه پوشه (فایل)ها رو بزرگ نکنید

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

طوری تنظیمش نکنید که دکمه ی "بازگشت به عقب" کاربر رو بدون هشدار از برنامه خارج کنه

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

نباید جهتیابی اپلیکیشن ها سخت باشه- اپلیکیشن ها باید آسون باشن. رابط کاربری رو تا جایی که میشه ساده و تمیز نگهدارید. اینطوری کاربرها دعاتون هم می کنن. (حالا اگر هم دعا نکنن ولی حداقل براتون نظرهای نامهربانانه نمیذارن)

طراحی سایت شرکتی دارکوب

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

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

پس از مشخص شدن اهداف ساختار و طراحی مناسب را با توجه به نیازها انتخاب نمایید. می توانید قالب مناسب خود را از سایت http://templatemonster.com انتخاب نمایید. در این سایت طراحان سایت قالب های خود را برای فروش قرار می دهند. طرح های پیاده سازی شده در این سایت با آخرین تکنیک های روز پیاده سازی شده اند بنابراین کافی است فالب مورد نیاز مطابق با سلیقه های شما باشد. در صورتی قالب مورد نظر خود را در این سایت نیافتید می بایست با طراح گرافیک دارکوب جلسه ای داشته باشید تا نیازهای خود را اعلام نمایید و طراح براساس نیازهای شما طراحی نماید. طراح تا زمانی کار خود را ادامه می دهد تا طرح اولیه سایت مورد تایید کارفرما باشد.

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

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

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

طراحی سایت marketplace چیست؟

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

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

مارکت پلیس چیست؟

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

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

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

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

E-Commerce چیست؟

شاید این اسم برای بعضی از ما آشنا نباشه ولی بسیاری از ما قطعا ازش استفاده کردیم. سایت هایی که از اون ها خرید می کنید احتمالا بخشیشون یا به طور کلی مدل کسب و کارشون به صورت تجارت الکترونیک یا E-Commerce است. یه نمونه از کسب و کارها با مدل ای-کامرس این است که محصولات رو در سایت به فروش میذارن و مشتری ها از این طریق محصولات رو خریداری می کنن به طور کلی هر سایتی که فروش آنلاین انجام میده میشه گفت که بر اساس این مدل ساخته شده است. به طور کلی ویژگی یه سایتی که با این مدل ساخته شده تراکنش آنلاین مالی است.

 

تفاوت ها و شباهت های مارکت پلیس با E-Commerce:

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

 

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

 

هر سایت مارکت پلیسی یه ای-کامرس است ولی صرفا هر ای-کامرسی یه مارکت پلیس نیست.

 

مزایا و معایب مارکت پلیس:

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

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

 

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

 

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

 

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

 

هزینه ی بازاریابی و تبلیغات در فروش مارکت پلیس برای شما حذف می شه و این هزینه ها به عهده ی مدیر سایت است.

 

غالبا کاربران بیشتری از چنین سایت هایی به علت تنوع در کالاها و خرید با قیمت پایین تر استفاده می کنن.

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

مارکت پلیس های آنلاین مدل سنتی خود را کنار زدند!

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

دلایل همکاری تامین کنندگان با فروشگاه های اینترنتی مارکت پلیس:

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

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

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

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

انواع مارکت پلیس:

مدل عمودی

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

 

مدل افقی

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

 

مدل جهانی

مارکت پلیس هایی که با این مدل کار می کنن هر چی که فکرش رو بکنید رو به فروش می رسونن.

 

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

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

 طراحی سایت marketplace