Питай дизайнер #7: Как да направиш страницата си по-ефектна с новия Facebook дизайн

Как ти се струва новият Facebook дизайн и най-вече как изглежда Facebook страницата на твоя бизнес след промените? Има ли нужда да я пипнеш отново – да преоразмеряваш снимки, да сменяш видеа? В днешната статия дизайнерът Любомира Попова прави преглед на всички промени, които засягат бизнес страниците в социалната мрежа и ти подсказва как да се възползваш максимално от тях. (В края на поста има и линкове към още полезна информация.)

Ако нещо не ти е ясно или смяташ, че имаш нужда от професионален съвет, свързан с дизайна на твоята Facebook страница, пиши на Люба в коментарите под статията. Тя ще отговори на първите 5 до събота вечер.

Поводът за тази статия, разбира се, е новият дизайн на Фейсбук, с който всички потребители осъмнаха този септември.

Вече писах за Фейсбук бизнес страниците, като обърнах внимание на основните елементи и как да ги „държим под око“, така че винаги да контролираме (доколкото зависи от нас) начинa, по който се представяме пред аудиторията. Днес ще разгледам само новите неща и то в контекста на това да не спираме да следим новостите и възможностите пред нашия бранд. Затова, ако не сте чели първата статия „Използвате ли всички възможности за дизайн на вашата Фейсбук страница“, съветвам ви да започнете от нея. А ако сте я чели, можете да си припомните основните неща, особено ако решите да правите промени спрямо новата визия.

Главната промяна се състои в това, че десктоп версията следва дизайна на мобилните приложения. Това я прави по-минималистична не само като визия, но и като информация. Дава се предимство и на по-самостоятелната визуализация на елементите, без излишен шум от сайдбара. Така взаимодействието на потребителите с брандовете е много по-разбираемо и интуитивно.

Основните промени, които засягат Фейсбук страниците са следните:

Визуализацията на бизнес страниците донякъде наподобява структурата на сайт. Първото, което вижда посетителят е брандираното съдържание (име, лого, снимка/видео на корицата) – съветвам чрез него да бъдете максимално конкретни и изчерпателни.

Размерът на корицата е леко променен. Ако снимката на корицата не е в подходящия размер, тя се разтяга, ако  видеото не е в подходящия размер – то се свива.

В горната част на фона зад корицата е добавен градиент, чиито нюанси зависят от цветовете на самата снимка. Би било много по-ефектно да направите основния фон на изображението в основния за бранда ви цвят.

Един съвет при изработката на визията за корицата (отнася се до всеки тип визии за дизайн): докато я правите, имайте предвид къде ще бъде поставена и следете цветовете ѝ да не се слеят с фона, образувайки негативно пространство, което да я „изкриви“ или „отреже“, освен ако това не е търсен ефект. Вижте този пример – около логото има бяло пространство, което е много хубаво, когато гледаме самото изображение, но поставено зад логото стои малко нелогично.

Дадено е предимство на call-to-action бутона, което е хубаво, защото много по-ясно можете да предизвикате потребителя да направи това, което искате. Ако СТА бутонът води към сайта ви, отдолу е изписан домейнът – това е още една добра възможност за познаваемостта на бранда и неговото онлайн присъствие.

Под името на страницата се визуализират никнейма и главната категория – подберете най-релевантната такава. Категория „Website“ не говори нищо конкретно за вашата дейност, нали?

От табовете ви се виждат първите 4. Подредете ги така, че в тях да попадат тези, на които искате да наблегнете и/или тези, от които се интересува вашият потенциален клиент. Вероятността да кликнат върху „More“ (или да превъртят табовете на мобилната версия) е малка, а и причинява повече кликове, което често е дразнещо.

В таб „About“ информацията е малко, но е много по-конкретна и ясна от преди. Различните елементи са подредени така, че да се обхванат с един поглед. Имате възможност за кратко и дълго описание, а ако искате да разказвате истории, съветвам да ползвате секцията „Notes“.

Краткото описание на страницата е това, с което брандът ви се представя навсякъде (при търсене по бранд, в общата визия на страницата, при Preview на страницата). Обърнете му специално внимание. За да го направите по-привличащо погледа, можете да използвате стрелки, наклонени черти, булети и други знаци, които да разчупят текста.

Събития/ групи – визуализацията им е на същия принцип като на страницата – само най-важното, с предимство върху съдържанието.

Снимката на корицата на събитията вече се визуализира цялата и на десктоп, и на мобилна версия, и във фийда. Но размерът ѝ е различен, т.е. ако сте я правили преди новата версия, то най-вероятно в момента е орязана.

Магазин (Shop). Тук промяната е най-вече в по-стегната визуализация на отделния продукт. Подберете привлекателни снимки и измислете изкусителни описания. Препоръчително е да използвате бутона „Check Out on Website“ и да осъществявате продажбите в собствения си онлайн магазин, ако имате такъв.

Секция „Снимки“. Тук промяната е най-вече във визуализацията на албумите. Те са представени в собствен лайтбокс, което помага на потребителя да се съсредоточи върху снимките. Линковете, поставени в описанието на албума вече работят, така че ви съветвам да се възползвате от тях, за да препратите хората на сайта си, където досега с дейността ви е много по-пълноценен.

Изображенията в сайдбара и в резултатите от търсене са квадратни. Ако слагате текстове по тях, имайте го предвид, за да не бъдат отрязани. Разбира се, когато става въпрос за пост, чиято цел е да привлече вниманието в таймлайна на последователите ви, този детайл може и да не е толкова важен за цялостното ви представяне.

Видеото в корицата е свито в новия размер, така че да се визуализира цялото. Това означава, че отстрани остава пространство. В повечето случаи не е проблем, но показва отношение към детайла.

Не на последно място, тъмният режим (Dark Mode) е достъпен и в десктоп версията. Ако досега не сте мислили как визиите ви да се открояват и на светъл, и на тъмен фон, то е време да започнете. Докато на мобилна версия почти няма пространство около съдържанието, то на екрана на компютрите има много „въздух“ около него, което влияе на възприятията на потребителя.

В заключение, съветвам да не спирате да следите нещата своевременно. Обновявайте  Фейсбук страницата си не само според новостите, но и спрямо развитието на бранда си. Актуалността на представянето ви е един от показателите за развитието на бизнеса ви в крак с времето. Затова се възползвайте от всяка възможност и изпипвайте всеки детайл.

Наблюдавайте и други страници – на колеги, конкуренти и такива, които харесвате като потребители. Така ще следите промените естествено. А и по всяко време може да ви хрумне свежа идея за по-добро представяне на бранда ви.

Редовната поддръжка на вашата страница е ключова за привличане и задържане на последователи. Не е нужно да чакате нов дизайн, за да направите генерални промени – просто разглеждайте периодично настройките си, за да видите дали няма включени нови опции, съвети, и ресурси. Например, можете да обърнете внимание на таб Resources & Tools, където са добавени различни идеи, съвети, отговори на най-често задаваните въпроси, както и множество линкове. Преглеждайте страницата си и като посетител – сега бутонът View as Visitor е доста по-удобен от преди.

Препоръчвам и няколко линка – отваряйте ги периодично, за да следите актуалните промени и/или да черпите вдъхновение:

• Ресурси и инструменти – https://www.facebook.com/business_resources
• Facebook for Business – https://www.facebook.com/business/pages
• Help Center / Create and Manage a Page –
  https://www.facebook.com/help/135275340210354
• Размери на изображения за социалните мрежи [2020] – https://www.lifehack.bg/social-networks/ultimate-social-media-image-siz%D0%B5

Елементите и възможностите за представянето на бранда ви в средата на Фейсбук, които не съм разгледала тук, са в първата статия, където са описани в контекста на цялостното ви представяне в социалната мрежа. То далеч надхвърля визията на самата страница и се свързва с цялостното онлайн присъствие на бранда ви.  Прочетете я, а ако имате допълнителни въпроси, питайте ме в коментарите по-долу. Ще ви отговоря.

===

Любомира Попова е уеб дизайнер на свободна практика и художник-сюрреалист с артистичен псевдоним Fineluart.
Създава първия си статичен сайт през 2008. В момента се е специализирала в изработката на WordPress сайтове и визии за уеб. Занимава се с дизайн повече от 17 години, като през повечето време е била част от рекламни фирми и агенции. Създавала е визии за почти всички рекламни среди – външна, печатна, уеб, digital, TV. Работи основно с малки бизнеси в сферата на услугите, макар през годините да е правила реклами за представители на почти всички сфери.