Інструменти соціальних медіа з чудовим дизайном

3

Дизайн є найважливішим аспектом розробки програми, і його якість визначає успіх програми. Двома основними характеристиками чудового дизайну є простота використання та досвід.

Добре розроблені програми не змушують користувача думати. Вони створені, щоб виконувати всю роботу за них, і робити це настільки гладко, що кожне завдання здається легким.

Щодня в різних магазинах додатків виходять сотні додатків, але лише деякі з них зупиняться і роблять нотатки. Ось п'ять інструментів соціальних мереж, які це роблять.

Sprout Social

Sprout Social має безліч функцій, включаючи централізовану соціальну скриньку вхідних повідомлень, пошук вмісту, планування вмісту, аналітику соціальних мереж і керування завданнями. Ось декілька скріншотів інструменту.


Брати до відома:

  • Типовий дизайн – якщо ви уважно придивитеся, то побачите, що буква «r» у слові «паросток» має вигляд ніжного листочка. Разом із використанням зеленого кольору дизайн шрифту, використаний у назві, узгоджено відображає те, що забезпечує інструмент.
  • Макет – Sprout Social використовує розрекламований макет Святого Грааля, який складається з трьох стовпців із фіксованою шириною лівої бічної панелі для навігації, іншої правої бічної панелі для підменю та плавного центрального стовпця для основного вмісту. Завдяки достатньому прокладці між центральним стовпчиком і правим стовпчиком сторінки на Sprout є естетично привабливими.
  • Навігація – використання глобальної панелі навігації робить інструмент надзвичайно простим у використанні. Він ідеально вписується в макет Святого Грааля, з усіма основними вкладками над згином. Коли ви клацаєте одну вкладку, у лівій колонці з’являється меню всередині неї. Для кожного елемента в лівому стовпчику в правому стовпчику з’являється підменю.

Відвідайте веб-сайт інструменту

Надсилається

Разом із виявленням вмісту та аналітикою Sendible також пропонує центральну папку «Вхідні» та функції керування завданнями, що дозволяє менеджерам і членам команди краще координувати роботу. Подивіться на три знімки екрана інструменту нижче.


Брати до відома:

  • Макет – Подібно до Buffer (розглянемо далі в цій публікації), з точки зору основного макета сторінки, Sendible піднімає його на один рівень вище за допомогою видимих ​​вертикальних сіток. Як ви можете бачити на другому та третьому знімках екрана вище, ці сітки використовуються на обох сторінках, де на одній сторінці потрібно відобразити кілька розділів вмісту.
  • Прозорість – використання прозорості є елегантним способом природного фокусування спливаючого вікна в головному вікні. Це техніка, якій надають перевагу дизайнери, оскільки вона також може створити враження простору чи глибини залежно від того, як вона використовується.
  • Навігація. Іншим елементом дизайну Sendible, який заслуговує вдячності, є використання глобальної панелі навігації. З огляду на те, що інструмент пропонує кілька функцій, глобальна навігація допомагає користувачам легко перемикатися між ними без необхідності повертатися до попередньої сторінки/головної сторінки.

Відвідайте веб-сайт інструменту

DrumUp

DrumUp — це безкоштовний інструмент керування соціальними мережами, який дозволяє користувачам знаходити, планувати та редагувати підібраний вміст, а також дозволяє додавати власний вміст. Він використовує вдосконалений NLP для пошуку відповідного вмісту в Інтернеті на основі ключових слів або тем, встановлених користувачем.


Брати до відома:

  • Макет – DrumUp робить протилежність Sendible з чіткими, видимими горизонтальними сітками, які однаково функціональні. Він також використовує шаблон «F», як і Buffer, і Sendible. З точки зору сіток, Sendible є кращим, оскільки лише заголовки та посилання на дисплеї та кнопки дій внизу кожної сітки. Враховуючи, що звичка читання користувачів сумісна з Infinite Scroll, мінімалістична горизонтальна сітка на сторінці «Майбутні дописи» (див. третій знімок екрана) працює краще, ніж подібна сторінка на Sendible, яка також показує уривки статті в кожній сітці.На відміну від Sendible, сторінка на DrumUp не виглядає наповненою або важкий.
  • Білий простір – на відміну від Sendible, DrumUp використовує достатню кількість білого простору на всіх своїх сторінках. Ян Чихольд писав у 1930 році, і це все ще актуально сьогодні: «Пробіл слід розглядати як активний елемент, а не як пасивний фон». Білий простір забезпечує легку читабельність, додаючи нотку витонченості дизайну.
  • Вкладки та кнопки – DrumUp використовує прості кнопки, які поєднують текстові та графічні елементи, тому вам не потрібно наводити курсор миші на кнопку, щоб зрозуміти, що вона робить. Вкладки також добре розташовані, що дозволяє користувачеві легко перемикатися між ними.

Відвідайте веб-сайт інструменту

Краудбустер

Crowdbooster пропонує аналітику та розуміння менеджерам соціальних мереж, які працюють із Twitter і Facebook. Його функції також включають командну співпрацю та планування вмісту. Це корисно для моніторингу та підвищення рівня залучення до кампаній у Twitter і Facebook.


Брати до відома:

  • Колірна схема – в теорії кольору сказано, що помаранчевий колір стимулює розумову діяльність. Зважаючи на те, що Crowdbooster — це передусім інструмент для аналітики, дизайнери, схоже, зробили блискучий вибір кольору. Зелений колір також є вдалим вибором для кнопок дій. Нейтральний білий фон особливо корисний, коли користувачі мають переглядати барвисті графіки та звіти.
  • Макет – використання чітко визначених текстових полів покращує зручність використання Crowdbooster, особливо під час відображення діаграм і статистичних даних. Це полегшує розуміння звітів, водночас охайно представляючи важливу інформацію з першого погляду.
  • Шрифт – варіація стилю та кольору шрифту, а також використання виділення тексту (див. знімок екрана 3) покращують читабельність, привертаючи увагу користувача до важливих фрагментів інформації на сторінці.

Відвідайте веб-сайт інструменту

Буфер

Buffer — це інструмент керування соціальними мережами, який дозволяє користувачам знаходити, планувати та ділитися вмістом у своїх профілях соціальних мереж. Він також пропонує аналітику, яка допомагає менеджерам соціальних мереж відстежувати та вимірювати соціальну активність. Перегляньте три знімки екрана нижче:


Брати до відома:

  • Колірна схема – домінуючими кольорами на буфері є чорний, білий і синій. Це чудово працює для екрана, оскільки дотримується правила трьох кольорів для веб-сторінок. У цьому випадку білий є основним кольором (той, у якому відображається більша частина екрана). Чорний — це вторинний колір (той, який використовується для «резервного копіювання» основного кольору, у даному випадку кольору шрифту). А синій — це колір виділення (той, який використовується для виділення певних частин веб-сторінки, тут кнопок). Також зауважте, що бічне меню має більш світлий відтінок синього, створюючи більше гармонії, а не контрасту.
  • Макет – Buffer має чіткий макет зі стандартним меню збоку та вкладками, розташованими горизонтально вгорі. Немає абсолютно ніякого безладу, що робить його приємним для очей. Хоча вам не потрібно буквально обчислювати, макет Buffer виглядає досить близьким до Божественної пропорції Марка Боултона, оскільки блок вмісту є достатньо ширшим за блок бічної панелі.
  • Кнопки – кнопки прекрасні, оскільки вони зводять кожну дію до одного клацання. Поки це можливо, програми повинні використовувати кнопки, де це можливо, як це робить Buffer. Зверніть особливу увагу на другий знімок екрана, на якому показано календар для планування публікацій у програмі. Замість громіздкої маленької піктограми, яка використовується як стандартна для календарів, Buffer використовує окремі кнопки для кожного дня тижня разом із окремими полями для введення часу.

Відвідайте веб-сайт інструменту

З порівняння розглянутих інструментів можна зробити висновок, що макет, навігація та колірна схема є трьома домінуючими аспектами, які визначають якість дизайну. Сказати, що інструменти, які обговорюються в цьому дописі, мають «найкращий» дизайн, було б неточним і несправедливим. Це не вичерпний список, і мета полягала не в тому, щоб визначити найкращі, а лише в тому, щоб розглянути те, що робить ці інструменти ефективними. Якщо ви використовували інструмент, який заслуговує згадки за його блискучий дизайн, залиште коментар нижче.

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі