5 начина за подобряване на дизайна на съдържанието ви

Вече сме писали за важността на четливостта на съдържанието, днес ще продължим да говорим за него.

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

Да предположим, че имате перфектно съдържание ...

И сега имате нужда от идеално представяне на материала: в крайна сметка, как представяте информацията е не по-малко важна от съдържанието на самата статия. Потребителят прави първоначалната оценка на материала според визуалната “картина”.

Различни проучвания показват, че повечето потребители напускат сайта, ако съдържанието му не е „приятелско“ към тях. В същото време част от тази аудитория никога няма да се върне при вас. Ето защо, за да направите дизайна на вашето съдържание възможно най-привлекателен, най-напред трябва, мисли за аудиторията си, Поставете се на мястото на читателя, мислете като него, опитайте се да възприемете страницата на сайта си по същия начин, както читателят го възприема.

1. Оформление за таблети и мобилни устройства

Според статистиката на Liveinternet.ru трафикът от мобилни устройства нараства ... накратко, вижте сами как се развива:

Графиката показва броя на преходите според статистиката на Liveinternet.ru от мобилни устройства на платформите Android и iOS. Очевидно е, че вече не е възможно да се игнорират мобилните потребители. Съответно, оформлението на сайта трябва да бъде адаптирано за преглед на сайта от таблети и смартфони. (Направете или не мобилната версия на сайта? Нашият отговор е: не правете, обяснявайте дълго време защо. Но ако това е кратко, адаптивното оформление решава всички проблеми и сайтът ще се показва правилно както на мобилни устройства, така и на широкоекранни монитори).

Но това, което е наистина интересно. Едно скорошно проучване на Института на Pointer разкри интересен модел. Очевидно четенето на таблетните устройства е по-удобно в хоризонтален режим.

В същото време печатни материали се четат във вертикален режим (вестници, списания).

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

Съответно, заключението: Вашият сайт обикновено трябва да се показва както във вертикално, така и в хоризонтално положение на устройството.

В допълнение, в съвременните условия, ние не препоръчваме използването на три колони оформление. Адаптивното оформление е трудно да се реализира в оформление с три колони. Освен това, за адаптивното оформление е трудно да се избере универсално решение, за всеки дизайн трябва да се създаде решение практически от нулата. В допълнение към сложността на оформлението, оформлението с три колони има друг недостатък. Когато четете цифрово съдържание, се използва по-малко внимание, отколкото при четене на печат. Разделянето на текста на три колони във вестници и списания намалява дължината на линията и по този начин подобрява четивността на текста. Цифровите медии нямат ограничение за размера на страницата, няма нужда да пишете възможно най-малко (но достатъчно за възприемане) kegle. И най-важното е, че когато четеш вестник или списание, читателят вижда цялото съдържание и лесно може да премести погледа си към всяка част от текста. На цифрово устройство текстът се чете отгоре надолу, като се използва превъртане. Като цяло резултатът от целия този параграф е следният: три колони за мрежата просто не са удобни.

2. Визуална йерархия

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

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

Сравнете следните изображения:

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

Визуалната йерархия може да се постигне чрез:

  • Разделяйки съдържанието си на различни секции
  • Използването на визуални компоненти
  • Включване на интервали между параграфите

3. Стил и размер на шрифта

Независимо от устройството, което използвате сега, второто изображение е по-ясно и по-лесно за четене. Опитът потвърждава, че най-добре е да се използва шрифт с размер 10 pt и повече (в зависимост от неговия стил).

4. Свободно пространство

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

Когато създавате съдържание за дигиталния свят, помислете и за това как ще интегрирате в страницата различни „външни“ джаджи - от социални бутони до фото галерии и видеоклипове. Но отново: трябва да излезете от задачите. Ако пишете статия за новите функции на iPad Mini, ще бъде подходяща фото галерия, показваща нейните функции. Задайте си въпроса - защо на страницата този или онзи елемент.

5. Цветове

Цветовете играят важна роля в цялостния дизайн на вашето съдържание. Най-добрите за дигиталния свят са цветовете в RGB модела, тъй като Тази палитра е напълно оптимизирана за интернет. Не RGB-shny цветове, като правило, изглеждат по-зле.

Съжалявам, но сега ще добавя нещо от себе си (бележка - Денис Савелиев). Горният параграф е преведен от нашия копирайтър Женя Крюкова. Въпреки че по принцип това не е превод на статията, а адаптация, линк към източника е по-долу. Имам такъв въпрос за вас, читателите на нашия сайт. Наистина ли смятате, че лявата снимка е по-лоша от правилната на илюстрацията по-горе? Виждам, че е малко по-тъмен и по-малко контрастен. Но дали е по-добре? Синя ли е по-добра от зелената? И червено - "горещо" бяло? И защо? Само защото белите причиняват асоциации със зимата и червени с огън? Няма топли и студени цветове. Няма лоши и добри. Изберете цветовете, които харесвате. Останалото не е важно. Цветовата схема засяга въпроса за конвертирането на сайта най-накрая. Въпреки че, според нашия опит, клиентите посвещават почти най-много време на този въпрос на етапа на създаване на уебсайтове.

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

Статията се основава на: //contentmarketinginstitute.com/2012/11/content-marketing-best-practices-drive-design/

Гледайте видеоклипа: 22 Useful Organizing Inspiration for Anyone Living in a Small Space (Ноември 2019).

Loading...

Оставете Коментар