زنگ

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

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

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

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





چگونه یک کاور را بارگذاری کنیم
برای بارگیری جلد ، باید به مدیریت جامعه بروید \u003e\u003e اطلاعات اولیه \u003e\u003e جلد انجمن \u003e\u003e بارگیری. اندازه پوشش پیشنهادی 400 90 1590 پیکسل است. در هدر هیچ دکمه کاری وجود ندارد که بتوانید کلیک کنید - در حقیقت ، این یک عکس است و همین است. امروزه این پوشش در دستگاه های تلفن همراه قابل مشاهده است و به نظر می رسد در حال حاضر در برنامه ها و مشتری ها قابل مشاهده است.

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

2. نماد عمودی
حال بیایید توجهمان را به ابعاد خوب گروه قدیمی ، اندازه 200x500 پیکسل تبدیل کنیم. تاکنون نیز راهی برای طراحی گروه است. معمولاً اطلاعات زیر در نماد قرار دارد: آرم ، متن همراه یا شعار ، مخاطبین ، تماس برای پیوستن به گروه. در دستگاه های تلفن همراه ، کل نماد قابل مشاهده نیست ، فقط بخشی از آن قابل مشاهده است - تصویر کوچک. برای تزئین یک گروه می توانید از یک هدر (پوشش) یا یک بنر عمودی استفاده کنید. اگر یک هدر وجود دارد ، نماد عمودی قابل مشاهده نیست. دکمه کاری روی نماد وجود ندارد که می توانید کلیک کنید - در واقع ، این یک عکس است و همین است.

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

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

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

4.1 بنر اطلاعات
نوع معمولی از بنر حاوی اطلاعات کلی در مورد یک شرکت ، گروه ، خدمات یا رویداد با لیست دقیق مزایا و سایر مواد همراه. غالباً به عنوان پست پین در یک گروه استفاده می شود. اندازه چنین بنر 510x307 پیکسل است. با این اندازه ، بنر در پایین همزمان با آواتار است. اگر هیچ پیوندی با آواتار وجود ندارد ، می توانید از هر اندازه ای استفاده کنید. به عنوان مثال ، من از پیکسل 600x350 استفاده می کنم. قالب یک پیکسل مربع 510x510 نیز مناسب است و هم اکنون محبوبیت زیادی پیدا می کند - با این اندازه ، بنر بزرگترین منطقه ممکن را در قسمت خبری اشغال می کند.

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

4.3 کارت برای ارسال مجدد ، تبلیغات
اخیراً ، کارتهای reposts یا تبلیغات اهمیت خاصی کسب کرده اند. وظیفه آن فراخواندن اقدام خاص است. اساساً این "عضویت در یک گروه ، ارسال مجدد یا دوست داشتن و کسب یک جایزه" است. اینگونه بنرها به عنوان بخشی از کمپین های تبلیغاتی یا تبلیغات هم در گروه های خودشان و هم برای تبلیغ در گروه های دیگر استفاده می شوند. من معمولاً از 600x350 پیکسل استفاده می کنم.

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

5. طراحی آواتار + بنر آویز
تا همین اواخر ، این طراحی ماژولار ، متشکل از آواتار و یک بنر آویز ، محبوب ترین روش برای تزئین گروه ها بود. جزئیات بیشتر در مورد چگونگی انجام چنین طراحی در درس توضیح داده شده است. با ظهور درپوش (پوشش) ، محبوبیت این طرح ممکن است کمی کاهش یابد.

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

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

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

پیوندهای منوی داخلی
معمولاً در هنگام سفارش ، مشتری موارد زیر را در لیست موارد ذکر شده قرار می دهد: درباره ما ، محصولات ما (فروشگاه) ، روش های تحویل ، پرداخت ، ضمانت ، بررسی ، تماس با ما ، تبلیغات ، تخفیف ها ، برنامه ، نحوه سفارش ، نمونه کارها ، سؤالات و پاسخ ها ، اطلاعات ، سفارش. پیوندها از موارد منو می توانند به بخش های مربوط به سایت خارجی مراجعه کنند. سپس پیوند به طور خودکار در یک پنجره جدید باز می شود. بسیاری از نکات منجر به صفحات داخلی VKontakte می شود. در این حالت ، صفحه در همان پنجره باز می شود و شما باید یک لینک یا دکمه "بازگشت به منوی اصلی" ایجاد کنید.

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

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

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

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

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

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

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

7.3 فهرست در قالب آیکون ها ، کاشی ها
این طرح چندین ردیف و ستون را به شکل شمایل گرافیکی و کتیبه ها بر روی آنها یا کاشی های گرافیکی چند رنگ یا تک رنگ فرض می کند.

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

اوگنیا کریوکووا

* به روزرسانی مقاله

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

اندازه واقعی تصاویر VKontakte

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

حال اجازه دهید نگاهی دقیق تر به هر مورد بیندازیم.

اندازه آواتار VK

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


حداکثر اندازه آواتار 200 در 500 پیکسل است. اما ، در اصل ، شما می توانید تصاویر و اندازه های بزرگتر را بارگذاری کنید - حداکثر 7000 پیکسل در هر طرف. نکته اصلی این است که نسبت طرف آنها از 2 به 5 تجاوز نمی کند.

من با یک مثال به شما نشان خواهم داد.

من یک تصویر دارم اندازه آن 200 در 800 پیکسل است (نسبت 2 به 8). هنگام بارگیری خطایی رخ نمی دهد. با این حال ، من هنوز نمی توانم از این تصویر استفاده کنم ، زیرا "مخاطب" به من اجازه نمی دهد که آن را به طور کامل انتخاب کنم.

پوشش

اندازه جلد نسخه کامل سایت 1590 400 400 پیکسل است.


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

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


تصاویر پیوست شده

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

کمی گیج کننده به نظر می رسد :) بنابراین من با یک مثال به شما نشان می دهم.

بیایید بگوییم که یک تصویر مربعی با ضلع 510 پیکسل داریم. اگر آن را به پست خود بچسبانیم ، به نظر می رسد در خبرنامه در همه دستگاه ها بسیار خوب است:


و اینگونه است که یک تصویر افقی در جهت افقی به نظر می رسد (عرض 510 پیکسل):


همانطور که مشاهده می کنید ، هرچه تصویر باریک تر باشد (از نظر ارتفاع) ، در خوراک تلفن های هوشمند کوچکتر به نظر می رسد. برای تأیید این موضوع ، به تصویر زیر نگاه کنید:

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

تصاویر برای ارسال با لینک


تمام این داده ها از کد نشانه گذاری Open Graph گرفته شده است:


اگر Open Graph مشخص نشده باشد ، عنوان از برچسب عنوان عنوان گرفته شده است ، و تصویر از مقاله گرفته می شود. در عین حال ، به راحتی قابل تغییر است - یا می توانید با استفاده از فلش های ویژه ، تصویر دیگری را از مقاله انتخاب کنید:


یا بارگذاری کنید:


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


تصویر برای مقاله ای که در ویرایشگر ایجاد شده است

اندازه تصویر برای جلد مقاله ایجاد شده در ویرایشگر 510 در 286 پیکسل است. اگر تاریک باشد و کم و بیش تک رنگ باشد ، بهتر است زیرا عنوان مقاله و جامعه بر روی یک پس زمینه سبک گم می شود.

مثال خوب:


مثال خوبی نیست:


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

اندازه عکسها 1080 در 1920 پیکسل است. اندازه این فیلم 720 در 1280 پیکسل است.

مشخصات ضبط ویدیو:

  • حداکثر 15 ثانیه؛
  • بیش از 5 مگابایت؛
  • کدک h.264؛
  • صدای AAC

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

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

نمونه هایی از پوسته های پویا:





پوشش + توضیحات انجمن + لینک وب سایت

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



توضیحات با هشتگ

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


پست پین که می گوید صفحه درباره چیست

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


و این همان چیزی است که کاربر بعد از کلیک روی پیوند می بیند:


منوی پیوندهای جدید

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


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

برای ویرایش منو ، در گوشه سمت راست بالای ویجت روی "سفارشی سازی" کلیک کنید:


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


در پنجره ای که باز می شود ، پوشش را انتخاب کنید (حداقل اندازه - 376x256 px) ، نام مورد فهرست را وارد کنید (مهم است که در فاصله 20 کاراکتر با فاصله نگه دارید) ، یک پیوند اضافه کنید و روی "ذخیره" کلیک کنید.


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


خروجی باید چیزی شبیه به این باشد:


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

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

در اینجا چه پست پینی به نظر می رسد در بالای صفحه Flatro:



منوی گروه بسته شد

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


و آنچه در هنگام کلیک بر روی آن مشاهده می کنیم:

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


منوی گروه

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


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

GIF و نماد در یک تصویر

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


به هر حال ، من این مثال را در گروه بازاریاب SMM ، سرگئی شماکوف دیدم. بنابراین ، برای پیدا کردن من از او تشکر می کنم :)

منوی پنهان

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


پخش خودکار ویدئو

در اواخر نوامبر 2015 ، یک نوآوری جالب در شبکه اجتماعی VKontakte ظاهر شد - به محض بازدید کاربر از صفحه شما ، ویدیوی متصل به هدر شروع به پخش خودکار می کند. با استفاده از این تکنیک ، شما می توانید توجه بیشتری از کاربران (به خصوص کسانی که برای اولین بار از صفحه شما بازدید کرده اند) را جلب کنید ، و در عین حال ، از کسانی که دوست ندارند وقتی محتوای آنها به آنها تحمیل می شود آزار ندهید ، زیرا این ویدئو بدون صدا پخش می شود و عملا دخالت نمی کند. ...

چگونه می توان چنین ویدئویی را به عنوان صفحه خود اضافه کرد؟

برای این کار باید سه شرط را رعایت کنید:

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


پستی که سهام زیادی کسب می کند

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



اعلامیه های کلیپ ها ، آلبوم ها ، رویدادها



ارائه محصولات / خدمات جدید


تخفیف و تبلیغات


موارد ، بررسی مشتری



تبلیغات برنامه


شوخی های عملی


قوانین جامعه


پیوند به سایر شبکه های اجتماعی


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

چه چیزی باید آواتار باشد

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

تصویر کوچک آواتار

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


  2. متن نباید فراتر از تصاویر کوچک باشد.


  3. کاربران باید آنچه را که در آواتار نشان داده شده است درک کنند.


  4. در صورت امکان ، بهتر است از تصاویر سهام استفاده نکنید ، زیرا آنها اغلب از اعتبار شرکت کاسته می شوند.

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


  7. اگر هدف شما جلب توجه کاربران و ایستادگی از سایر آواتارهای موجود در خوراک است ، مجبور خواهید بود تخیل را روشن کنید. وقتی به دنبال اجتماعات جالب هستید به این فکر کنید که خودتان به دنبال چه چیزی هستید؟ برای مثال من در اینجا بارها و بارها توسط چراغ سوزان توسط آواتارها جذب شده ام که معمولاً نشان می دهد پیام جدیدی رسیده است. این یک تکنیک بسیار قدیمی است ، اما به دلایلی هنوز هم بر من تأثیر می گذارد - وقتی چنین نوری را می بینم ، قطعاً نگاهم را به آن نگاه می کنم.

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


نماد یک دایره سیاه است: بزرگ و کوچک. به نظر می رسد ، چرا اصلاً این کار را می کنید؟ اما وقتی لیست جوامع را مرور می کنید ، این آواتارها توجه را به خود جلب می کنند ، زیرا آنها با همه افراد بسیار متفاوت هستند.

چه اطلاعاتی را می توان در تصویر کوچک آواتار قرار داد

حتی اگر تصویر کوچک آواتار بسیار ناچیز باشد ، می تواند (و باید) برای جذب پیروان به انجمن شما استفاده شود. چگونه انجامش بدهیم؟ بیایید به چند گزینه نگاه کنیم:

اطلاعیه جدید محصول / خدمات / رویداد


شرکت / خدمات / مزایای صفحه


شماره تلفن شرکت


قیمت های مطلوب


ارسال رایگان


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


تبلیغات


مسابقات


جای خالی


خود آواتار چیه؟

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

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

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

  4. گزینه دیگر تقسیم نماد به دو بخش است. یکی برای تصاویر کوچک و دیگری برای بقیه نماد است.


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

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


چه اطلاعاتی را می توان در آواتار قرار داد؟

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

دامنه سایت


تلفن / آدرس / ساعات کار


مسابقات / تبلیغات


محصولات خریداری شده / موارد جدید


اطلاعات در مورد تحویل


تبلیغات برنامه تلفن همراه


مهمترین مزیت شرکت / صفحه / محصول و غیره


دامنه تجدید / خلاقیت جدید و غیره


اطلاعاتی مبنی بر اینکه انجمن شما رسمی است


اطلاعات مربوط به رویدادهای آینده


آدرس های حساب در سایر شبکه های اجتماعی


توضیحات صفحه گسترده


لاف زدن


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

نحوه ایجاد نماد و منوی ذوب شده

برای تهیه نماد و منوی ادغام شده ، به Adobe Photoshop یا معادل آن نیاز دارید. من کل فرآیند را با استفاده از مثال فتوشاپ توضیح خواهم داد. پس بزن بریم.

  1. الگوی فتوشاپ را که بطور ویژه برای این مقاله آماده کردم ، بارگیری کنید. اندازه منظم (منو - 510 پیکسل عرض ، نماد - 200) یا بزرگنمایی (منو - 1020 پیکسل پهن ، نماد - 400).
  2. تصویری را که می خواهید بر اساس آن باز کنید ، باز کنید.
  3. آن را کپی کنید ، آن را در قالب بچسبانید و آن را طوری که می خواهید برش دهید قرار دهید.


  1. جلوه ها ، متن ، گرافیک و موارد دیگر را اضافه کنید.


  1. اگر نمی خواهید قسمتی از تصویر از بین برود (در این فضا که 50 پیکسل است) ، آن را مطابق شکل زیر حرکت دهید:


  1. ابزار "برش" را انتخاب کرده و بر روی دکمه "برش توسط راهنماها" کلیک کنید.


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


  1. به قسمت "File" بروید و فرمان "ذخیره برای وب" را انتخاب کنید.


  1. به محلی که تصاویر را ذخیره کرده اید (دسک تاپ یا هر فهرست خاص) بروید و یک پوشه به نام "تصاویر" را در آنجا پیدا کنید. اینجاست که تصاویر شما قرار خواهند گرفت. اکنون تمام آنچه باقی مانده این است که آنها را در صفحه پر کنید.


P.S. ارتفاع نماد به اختیار شما قابل تغییر است. من حداکثر اندازه - 500 پیکسل را گرفتم ، اما ممکن است ارزش شما کمتر باشد. به عنوان مثال ، مانند صفحه ویکی مارک:

نحوه استفاده از ابزارک

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

در اینجا چند نمونه از نحوه مشاهده ابزارکها در صفحه VKontakte آورده شده است:




class \u003d "incut"\u003e

نحوه سبک کردن تصاویر برای پست ها

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

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

از کجا می توانم تصاویر خوبی بگیرم؟

ما یک پست خوب وبلاگ در این موضوع داریم - "". همه آنها رایگان هستند ، اما برخی از آنها نیاز به ثبت نام دارند. اگر چیزی مناسب برای خودتان پیدا نکردید ، جستجوی کلید واژه + تصویر زمینه (یا به زبان انگلیسی ، کاغذ دیواری) را جستجو کنید. معمولاً تصاویر با کیفیت بالا در چنین درخواستی ظاهر می شوند. اما در اینجا شما باید مراقب باشید و نوع مجوز را بررسی کنید ، در غیر این صورت ، اگر مشاغل جدی دارید ، می توانید با مشکل روبرو شوید.

و در مورد کسانی که نمی دانند چگونه در فتوشاپ کار کنند؟

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

1. Fotor.com



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



آن را درون قالب بچسبانید ، آن را با دکمه سمت چپ ماوس انتخاب کنید ، دستور Layer (نماد ساندویچ) را انتخاب کنید و بر روی Move to down کلیک کنید. بنابراین ، تصویر ما در پس زمینه قرار خواهد گرفت ، و تمام کتیبه ها در بالای آن قرار گرفته اند.


پس از آن متن ، فونت ، اندازه فونت ، موقعیت کتیبه و غیره را تغییر می دهیم.


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


نحوه استفاده از نشانه گذاری ویکی

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

نشانه گذاری ویکی یک زبان نشانه گذاری است که برای قالب بندی متن در وب سایت ها (معمولاً متعلق به کلاس پروژه های ویکی) استفاده می شود و دسترسی به قابلیت های زبان HTML را آسان تر می کند. در سایت ما ، صفحات ویکی جایگزین خوبی برای ارسال های منظم و پیمایش متن است. اگر شما نیاز به ایجاد یک مقاله بزرگ با قالب بندی متن های مختلف (جسورانه ، زیر خط ، عنوان ها و غیره) دارید یا گرافیکی به آن اضافه می کنید ، یا فقط یک منوی ناوبری رنگارنگ در اطراف جامعه خود ایجاد کنید - ویکی ضروری است.

درست مانند وردپرس (یا هر CMS دیگر) دارای ویرایشگر HTML است که شما با آن مقالات ایجاد می کنید ، بنابراین Contact دارای ویرایشگر مخصوص به خود برای ایجاد و ویرایش صفحات ویکی است. به نظر می رسد مانند این:


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

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

5 مرحله نحوه ترتیب یک گروه در VKontakte

پوشش

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

1. از تصاویر با کیفیت بالا استفاده کنید

پوشش جامعه VKontakte باید اندازه 1590x400 پیکسل باشد ، اما بهتر است عکس ها 2-3 برابر بزرگتر با فرمت .png بارگذاری شود. با این کار از نمایشگر ضعیف جلوگیری می شود.

2. تصویر را برای دستگاه های مختلف تنظیم کنید

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

3. شعار و USP قرار دهید

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

4- محصول / خدمات ، فرآیند یا نتیجه استفاده از آن را نمایش دهید

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

5- به مشتریان کمک کنید که بلافاصله با شما تماس بگیرند

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

6. اعلام وقایع

آیا شما در حال برگزاری کنسرت هستید ، منتظر یک مجموعه جدید یا انتشار محصول ، میزبان یک جشنواره / همایش / روز مشتری هستید؟ به همه کسانی که در مورد آن جامعه بازدید می کنند بگویید.

7. ارائه تبلیغات و تخفیف

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

8- پیشنهاد انجام اقدامات هدفمند را بدهید

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

نماد بارگذاری کنید و یک تصویر کوچک را انتخاب کنید

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

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

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

قوانینی برای طراحی ریز عکسهای تبلیغاتی انجمن VK

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

1. تصویر کوچک باید برای مخاطب قابل درک باشد

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

2. فقط از عکس هایی با کیفیت بالا استفاده کنید

بهتر است کد منبع را 2-3 برابر بزرگتر از اندازه موردنیاز بارگیری کنید ، بنابراین می توانید "مربع" های پیکسل خزنده را فراموش کنید که باعث می شود در بهترین نور قرار نگیرید.

3. تصاویر خود را طراحی کنید

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

4. زمینه تضاد تصاویر صفحه - آنچه شما نیاز دارید

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

5- مخاطبین یا USP شرکت را قرار دهید

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

6. متن را بزرگ و خواندنی کنید

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

7. از اشکال غیر استاندارد استفاده کنید

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

طراحی یک منو

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

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

ویترین محصول را طراحی کنید

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


طراحی پست

1. از اندازه های تصویر موجود به طور کامل استفاده کنید

حداکثر عرض تصویر در فید 510 پیکسل است. تصاویر مربعی با پیکسل 510x510 و تصاویر مستطیل شکل با پیکسل 510x300 چشمگیر ترین به نظر می رسند.

2. ایجاد یک سبک پست شخصی

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

3. متن کوتاه را در تصویر قرار دهید

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

4. چندین قالب برای اهداف مختلف ایجاد کنید

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

از این تکنیک های 100٪ استفاده کنید و شرکت شما به بهترین روش ممکن در Vkontakte ارائه می شود و تعامل با مشتریان برای شما راحت خواهد بود. اما فراموش نکنید که همه چیز به اندازه گیری نیاز دارد! ایده های تازه تر برای طراحی یک انجمن VK را در صفحه خدمات آژانس Tesla Target مشاهده کنید.

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

چرا این اتفاق می افتد؟

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

چگونه می توان بر عملکرد جستجوی جامعه تأثیر گذاشت؟

مؤثرترین اهرم برای تأثیرگذاری در CTR گروه ، تصویر بند انگشتی است.
مینیاتور نقش بسیار مهمی در گروه بازی می کند ، زیرا در کلیه مکان هایی که در آن گروه ذکر شده است نمایش داده می شود:

  • در اخبار گروه
  • در موتور جستجوی مخاطب
  • در جستجوی Google و Yandex
  • در پیوندهای انجمنهای دیگر
  • در خبرنامه کاربران VK

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

اصول ایجاد ریز عکسهای قابل کلیک

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

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

3) کلمات کلیدی در تصویر.
در تجربه ما ، قرار دادن یک عبارت کلمه کلیدی بر روی یک تصویر همچنین تأثیر مثبتی در نرخ کلیک بر روی تصاویر کوچک ، ترافیک جامعه و عملکرد کلی دارد.ارتقاء گروه.

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

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

زنگ

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