5 техники за форматиране на дълги уеб страници

Клиентите често ми казват: „Напиши го по-кратко, че хората вече не четат.“
Аз винаги отговарям: „Четат, стига информацията да им е наистина полезна и да е структурирана, и форматирана правилно.“

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

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

 

питай дизайнер, фрийланс, свободна практика, уеб дизайн, Любомира Попова, форматиране на дълги уеб страници

Често споделям, че противно на някои мнения в Интернет, няма нищо лошо в дългите уеб страници. Ако имате какво да кажете, ако това е вашият начин на изразяване и ако информацията ще донесе полза на читателя, тогава това е точният формат за вас.

⇒ За да бъде четима, за една дълга страница в сайта, е наистина важно да бъде форматирана добре. Трябва, чрез способите на визуалната йерархия, да изградите съдържанието ѝ така, че хората лесно и бързо да се ориентират коя информация е важна и коя – второстепенна, кое е информативно каре и кое – призив за действие…

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

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

 

1. Резюме на страницата

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

питай дизайнер, фрийланс, свободна практика, уеб дизайн, Любомира Попова, форматиране на дълги уеб страници

Резюмето трябва да е лесно за разпознаване спрямо останалата част от текста. Описателно заглавие (като „резюме“) и ясно визуално оформление (чрез рамки, различно оцветяване, различен шрифт, италик) ще привлекат вниманието към него.

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

Ако страницата ви е с повече твърдения и изводи, можете да поставите и няколко резюмета – в началото на всеки раздел.

 

2. Списъци – с булети или номерирани

питай дизайнер, фрийланс, свободна практика, уеб дизайн, Любомира Попова, форматиране на дълги уеб страници

Маркираните с точки твърдения помагат на хората да възприемат дадена информация като смислово свързана група.

  • Булетите са подходящи за равностойни твърдения.
  • Номерираните списъци са подходящи, когато изброявате постъпков процес.
  • Списъци с иконки също са интересни, защото дават възможност да насочите вниманието към всяко твърдение чрез визуален символ.
  • Списъци с иконки в различен цвят са допустими, когато имате повече секции в сайта и резюмирате информация, която ще отведе потребителя към секция в същото цветово оформление.

 

3. Акценти и допълнителни пояснения

Можете визуално да отделите дадени параграфи чрез фон или рамкиране, за да покажете, че това твърдение е важно, че е цитат или съдържа призив за действие.

 

питай дизайнер, фрийланс, свободна практика, уеб дизайн, Любомира Попова, форматиране на дълги уеб страници

Съветвам ви да използвате няколко стила, когато акцентите са смислово различни – един за информация, един за цитат, един за любопитен факт и т.н.

 

4. Визуални елементи – снимки, схеми, изображения

Този тип елементи не са само за украса към текста. Те служат и за привличане на вниманието, за насочване на мисълта, за илюстриране на твърдение или за изразяване на емоция, която по-трудно се предава с думи.

 

питай дизайнер, фрийланс, свободна практика, уеб дизайн, Любомира Попова, форматиране на дълги уеб страници

Те позволяват на съзнанието да направи пауза от текста и да разнообрази чрез друг тип съдържание.

  • Ако страницата се отнася за продукт, можете да редувате снимки на продукта с визуализации на използването му и дори видео с емоционални моменти.
  • Ако работите в сферата на услугите, наблегнете на подходящи снимки с емоции и елементи, които са съотносими към услугата.
  • Ако продуктът и услугата ви са авторски или по-рядко срещани, можете да добавите схеми и интересни инфографики, за да разкажете повече по по-достъпен начин.

 

5. Декоративни визуални елементи

Елементи като иконки, лога и стокови изображения не носят информация като снимките, но са умел начин да привлечете внимание към дадена част от текста, която не искате читателя да пропусне.

питай дизайнер, фрийланс, свободна практика, уеб дизайн, Любомира Попова, форматиране на дълги уеб страници

Те могат да помогнат за по-добро брандиране и оттам за подобряване на разпознаваемостта на марката/личността ви.

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

 

В заключение – няколко съвета как да изградите дълго съдържание

1. Разберете кой ще го чете и в какъв контекст ще му трябва

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

 

2. Помислете кои са най-важните акценти

Преди да започнете с дизайна и форматирането, помислете кои са най-важните акценти, за да ги оформите по-видимо и кои са второстепенни, за да ги визуализирате така, че да не изпъкват пред по-важните. Ако извън информативното съдържание сте включили цитати и/или ваши лични твърдения – направете ги с различен дизайн, за да подскажете визуално какво съдържа съответното каре.

 

3. Избягвайте дългите изречения

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

 

4. Структурирайте и форматирайте, вместо да се отказвате от дългата форма

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

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

Когато започнете да редактирате съдържанието си, помислете много добре за всяко твърдение поотделно. Задайте си следните въпроси:

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

 

След като сте готови с дизайна на дългата си уеб страница хвърлете ѝ един поглед от няколко различни ъгъла, като си зададете следните въпроси:

  • ако чета подробно, изморявам ли се от твърде многото информация; трябва ли да съкратя още малко съдържанието;
  • ако чета подробно, изморявам ли се от твърде многото, и различен, дизайн на различните елементи;
  • ако сканирам съдържанието, схващам ли лесно за какво се говори;
  • ако сканирам, ориентирам ли се само по визията кой елемент какъв е – информация, пояснение, цитат, пример за използването на продукта, мнение от клиент и т.н.?

Когато отговорът на тези въпроси е задоволителен и можете да сканирате без да останете неинформирани и да четете без да ви стане скучно – тогава знаете, че сте готови.

В допълнение, можете да си припомните статията ми „Как да накарате потребителите да скролват при дълги уеб страници“ и да се запознаете с проучването на NNGroup за тестване на използваемостта – Usability (User) Testing 101, както и да видите как тези 5 техники за форматиране се разглеждат спрямо мнението на реални потребители – 5 Formatting Techniques for Long-Form Content.

👉 Ако имате важно, дълго, съдържание, за което се чудите достатъчно добре ли е форматирано, оставете ми линк към него в коментарите. Ще го прегледам и ще ви пиша. 👈

===

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

Има професионален интереси в областта на дигиталния маркетинг, графичния дизайн и social media. Това ѝ дава възможност да вижда уеб сайтовете не само като дизайн, а като част от визуалната комуникация между бранда и потребителя. За нея всяка отделна визия е част от цялостно развитие, а не „парче дизайн“.

„Редовно консултирам клиенти и млади колеги и винаги се радвам, когато успея да улесня някого по пътя му в моята (любима) сфера. Ако имате въпроси за дизайн и реклама, съм насреща да помогна, независимо дали става въпрос за принципи в дизайна, тенденции, технически въпроси, видове реклами или се нуждаете от конкретни съвети за личните си проекти. Питайте ме.“ Люба

 

Leave a Reply

Your email address will not be published. Required fields are marked *