Вражаюче три крапки (The Mighty Ellipsis)

Яким чином 3 маленькі точки можуть сказати так багато



Коли я кажу людям, що три крапки (...) це самий вражаючий символ з усіх, то більшість людей дивляться на мене як на божевільного. Перш ніж ви теж окрестите мене божевільним, дозвольте мені спробувати пояснити.
протягом десятиліть дизайнери інтерфейсів використовували три крапки, щоб виражати всі важливі для користувачів деталі. Як ви скоро побачите, ці 3 точки можуть зібрати досить багато значень в їх невеликому просторі.
Давайте подивимося на 5 різних шляхів, в яких три крапки було використано в дизайні інтерфейсів, крізь роки їх розвитку. До кінця розповіді, ви, можливо, знайдете нове сприйняття цього маленького, вражаючого символу.
Многоточие = "Подальший вибір"
Перший раз, коли я побачив три крапки в інтерфейсі — це було на Windows 3.1, наскільки я пам'ятаю. Це був мій перший комп'ютер. Три крапки виявилося на декількох кнопках і в пунктах меню і воно означало подальший вибір, який треба зробити, після натискання на них.


три Крапки було дуже корисно, тому що давало мені зрозуміти, що дія не станеться негайно. Я міг почати дію, але потім міг скасувати його, якщо я передумаю.
Такий шаблон використання трикрапки все ще існує на Windows і Mac-системах, але в наші дні використовується набагато рідше.
Давайте подивимося до чого ми дійшли за 2 десятиліття:
  • Windows NT (1993): три Крапки скрізь!
    alt text
  • Windows 8 (2013): Куди ж поділося три крапки?
    alt text
Гугл в своєму керівництві по дизайну інтерфейсів — Material Design рекомендує прибирати три крапки з пунктів меню і кнопок. Можливо, це тому, що безліч пунктів меню все одно пропонують вибір на наступному кроці і використання трикрапки вносило б хаос в інтерфейс.
Шаблон трикрапки міг би піти з стилів оформлення, але я думаю, що він зробив благородну справу, допомагаючи людям приймати рішення всі ці роки — і все що він зайняв, це 3 маленькі точки.
Многоточие = "Введіть тут"
В останні роки безліч продуктів використовує три крапки для вказівки на полі введення. Це використовується повсюдно сьогодні.

Я не знаю хто дав початок цього тренду, але самий ранній приклад, який я зміг знайти — це з Facebook в 2008 році:


Чому деякі люди використовують три крапки подібним чином? Я підозрюю, що з-за того, що три крапки задовольняє 2 наступні завдання:
  1. Візуальний ефект: Іноді буває важко помітити текстове поле серед інших елементів на сторінці. Але три крапки додає візуальне виділення до текстового поля. Це використовується, щоб привернути вашу увагу.
  2. Психологічний ефект: Так само три крапки означає пропуск в словах. У цьому сенсі три крапки спонукає вас заповнити пропуск ввівши ваш власний варіант.
Деякі керівництва за стилем навіть рекомендують використовувати три крапки для всіх текстових полів. Наприклад, Salesforce Style Guide. Особисто мені не подобається використовувати три крапки таким способом, але це безумовно завоювало популярність як дизайнерський тренд.
Без зайвого галасу три крапки швидко стало символом для "введіть тут".
Многоточие = "Більше дій"
Все більше і більше додатків зараз використовує три крапки в середній лінії (⋯) щоб вказати на пункт меню, який містить більшу кількість дій. Що зазвичай означає "Гей, тут ще трохи різних дій заховано".

У багатьох додатках для Android ви часто можете побачити вертикальне три крапки (⋮), що означає теж саме.

Деяким людям не подобається такий дизайн, тому що він може приховувати важливі дії у вашому додатку. Чи подобається вам такий дизайн або ні, ви не можете заперечувати, що цей символ став яскравим трендом у UI-дизайні — так само як і кнопка "Гамбургер" кілька років тому.
Повертаючись в наші дні, я б'юся об заклад, що ніхто не думав, що три крапки може означати "більше дій". І тим не менш, в останні роки символ крапки раптово взяв на себе цю відповідальність і тут немає шляху назад.
Так як дизайнери інтерфейсів прагнуть до простоти, то ці крапки будуть стає все більш і більш помітними в додатках по всьому світу.
Многоточие = "Зачекайте кілька секунд"
Інше часте використання для трикрапки — показати, що дія знаходиться в прогресі. «Loading...», «Connecting...», «Завантаження...» — ймовірно, ви бачили ці шаблони тисячі разів.

Зараз давайте уявимо, що було б, якби ми не використали три крапки в такому випадку. Оскільки ми так звикли бачити три крапки для виконуваного в даний момент дії, то ми могли б подумати, що щось пішло не так, коли ми не бачимо багатокрапки.

чи Не здається вам, що тут щось пішло не так? Принаймні в моїх очах, використання трикрапки переконує мене, що система зайнята дією. Відсутність же трикрапки змушує мене думати, що щось застрягло.
Безліч керівництв по дизайну рекомендують використовувати анімацію, якщо користувач змушений чекати. Але за умови, коли користувачеві потрібно почекати всього декілька секунд, то я думаю, що крапки може бути іншим корисним індикатором, вказуючим що система робить свою справу.
Так чи інакше, використання 3 точок в кінці слова переконує мене, що дія знаходиться в прогресі — навіть якщо це просто 3 статичних точки. Хіба це не дивно?
Многоточие = "Більше символів"
три Крапки також використовується для скорочення слів, коли текст надто довгий. Це називається обрізання(truncation). Ви часто будете бачити при роботі з довгими іменами файлів.


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

Маленьке, але вражаюче
Тепер, коли ви побачили багато прикладів в яких три крапки було використано в дизайні інтерфейсів різними способами, ви згодні, що многоточие це самий вражаючий символ з усіх? Я маю на увазі, хто знали, що кілька маленьких точок можуть означати так багато?
І при цьому, я навіть не розповів про всі прекрасні способи для використання багатокрапки в чатах і текстах діалогів. Але це вже історія для іншого дня...
наступного разу, коли ви будете розміщувати крапки в ваш інтерфейс, будь ласка, наділіть його хоча б крапелькою любові до мене. Цей символ може виявитися самим недооціненим знаком у вашій роботі.
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.