Патенти в дизайні: Розробити новий інтерфейс складніше, ніж вам здається

Ви продаєте піцу. Всі люблять піцу. Це швидко і просто. Попит високий. Це класичний американський продукт. Але у вас купа конкурентів, маркетинг складніший, ніж ви думали, оренда зростає, дизайн додатків застарілий, щотижня — виторг мінімум, і стає все важче диференціювати — ну, ви знаєте, типові речі. Тож ти думаєш: "Мені потрібно зробити щось таке, чого ще ніхто не робив. Щось нове, щось прогресивне". Ви починаєте мозковий штурм і знаходите геніальну ідею, яка звучить приблизно так: "Щоб можна було переглядати деталі піци і свайпити праворуч, якщо вам подобається, і свайпити ліворуч, якщо ні. Щось на кшталт Tinder, але для піци!"

Ех, ні. Ви не можете розробити щось подібне, тому що Tinder має патент на взаємодію свайпів праворуч, якщо подобається, і ліворуч, якщо не подобається. "Гаразд, гаразд, добре", — скажете ви собі. "Це відмінна риса всього додатку, тож тоді просто потрібно позбутися функції свайпів, і вийде мінімально життєздатний продукт (MVP) з однією лише кнопкою "подобається" і "не подобається" внизу". Але... не пощастило, друже. У Tinder є патент і на це.

---

🤤 Підписка на shelest в Telegram →

---

Дизайнери майже завжди дивляться на те, як інші компанії вирішують схожі дизайнерські завдання, і використовують їх рішення як джерело натхнення для власних ідей. Це цікавий (а іноді й не дуже) процес, плюс, якщо ви зовсім ігноруватимете конкурентів, вас навіть розкритикують за те, що не досліджуєте ринок. Як для дизайнерів, так і для тих, хто не є дизайнером, важливо розуміти, які дизайни не можна використовувати в якості натхнення. Компанії витрачають багато часу на розробку елементів інтерфейсу, що визначають продукт, тому цілком логічно, що вони не хочуть, щоб інші копіювали те, на створення чого вони витратили багато енергії та грошей. Ці елементи інтерфейсу можуть бути складними та детальними, як, наприклад, навігація без кнопки Home в iPhone X, на яку Apple подала гігантський патент, або ж такими ж маленькими, як кнопка "Like" у Facebook.

Загальні питання щодо патентів

Скільки часу потрібно, щоб запатентувати дизайн?
Це може зайняти від одного до п'яти років.

Скільки коштує отримати патент на дизайн?
Орієнтовна загальна вартість патенту на дизайн становить від $2,000 до $3,000. На відміну від інших типів патентів, щорічна плата за підтримання чинності не вимагається. Якщо ви велика компанія, це досить дешево.

Як довго діють патенти на дизайн?
Усі патенти, перелічені в цій статті, діють близько 15 років.

Де шукати патенти?
Зручно знайти їх на Google Patents, який індексує патенти з більш ніж 100 патентних відомств по всьому світу. Всі патенти є загальнодоступними. Ви можете шукати за типом, ключовими словами або компанією. Якщо у вас з'являється вільна хвилина, то варто час від часу переглядати патенти.

Патенти знайшов. Як мені розібратися в цьому всьому?
Згідно з UpCounsel, "єдиним розділом патенту, який має юридичну силу", є формула винаходу, яка обмежується одним реченням. Для патентів, що не стосуються дизайну, має сенс спочатку звернутися до розділу формули винаходу. У патентах на дизайн це єдине речення часто розпливчасте і звучить приблизно так: "Орнаментальний дизайн для панелі дисплея запрограмованої комп'ютерної системи з графічним інтерфейсом користувача, як показано і описано на малюнку". На жаль, не дуже інформативно. Тому краще відразу звернути увагу на додані ілюстрації. Особливо на суцільні лінії. Пунктирні лінії — це лише допоміжні деталі, які показують, в якому середовищі відображається програма, наприклад, на мобільному чи ПК. Пунктирні лінії також можуть бути контекстними, що допоможе дізнатися, наприклад, що щось скролиться або що воно з'являється саме в додатку для обміну повідомленнями. Назва також підкаже вам, чи є запатентований об'єкт анімацією або графічним інтерфейсом. На жаль, патенти зазвичай не містять детального опису того, як саме повинен працювати той чи інший елемент, тому часто доводиться тільки здогадуватися.

Коротка вижимка для патентних правил

Можна патентувати:

• Іконки
• Статичні екрани (певний шаблон інтерфейсу)
• Анімовані взаємодії (наприклад, взаємодія за допомогою свайпу)
• Наявна функція з вашими власними декоративними штрихами, доданими, щоб зробити її досить унікальною
• Щось надзвичайно специфічне, наприклад, певний текст відображається в певній частині екрана та якого розміру буде зображення. Але краще зробити це більш гнучким, щоб, коли ви захочете оновити дизайн, він все одно підпадав під патентні обмеження.
• Кілька функцій на екрані розділені на кілька патентів. У прикладі Tinder компанія має патент на функцію свайпу і окремий патент на розміщення круглих кнопок "подобається" і "не подобається", хоча вони з'являються на одному екрані.

Не можна патентувати:

• Щось суто функціональне. Наприклад, ви не можете запатентувати цифровий термост, але ви можете запатентувати цифровий термостат у формі круга, який налаштовується обертанням, як, наприклад, дизайн Nest. Це означає, що хтось інший може розробити цифровий термостат, але у формі трикутника.
• Використання якого-небудь кольору

Іноді, переглядаючи патенти, можна знайти приховані плани компанії. Наприклад, кілька креслень для дизайнів, які ще не увійшли до складу готового продукту (а можливо взагалі ніколи не увійдуть). Що має сенс, адже страхування патенту на 15 років коштує менше, ніж один рік страхування авто. Для компанії це, по суті, безкоштовно — а якщо вона ще знайде можливість подати в суд на когось за копіювання її дизайну, то це все легкі гроші. У Samsung, мабуть, добре про це знають: У 2018 році компанія мала 61 608 активних патентних сімейств — на 34% більше, ніж компанія Canon, яка посіла друге місце, маючи 34 905. Великі компанії готові патентувати будь-яку напівпристойну ідею, аби закон це допускав, з повним розрахунком на те, що багато з цих ідей ніколи не дійдуть до готового продукту — але можуть просто окупитися в судовому процесі.

Apple

Проведіть, щоб розблокувати

Ми настільки звикли до схеми розблокування за допомогою свайпа, що може здатися дивним, що така повсюдна схема заблокована компанією Apple. На момент запуску технології Slide to unlock (Проведіть, щоб розблокувати) ця ідея була досить новою, тому цілком зрозуміло, що Apple захотіла позначити її як свою, і це цілком справедливо. Швидше за все, цей патент охоплює більшість горизонтальних схем розблокування. Це не означає, що ви не можете розробити патерн, де для розблокування потрібно провести пальцем по екрану. Це просто означає, що якщо ви це зробите, то він повинен виглядати значно інакше ніж це зробили в Apple. Була велика судова справа, коли Samsung довелося заплатити Apple 120 мільйонів доларів за схожий дизайн.

Переглянути патент.

Іконки-папки

При тапі на іконку-папку, вміст відображається в розгорнутому стані нижче. Подвійний контур на вибраній іконці-папці та стрілка при розгорнутому стані є невід'ємними елементами дизайну цього патенту.

Переглянути патент.

Форма бульбашки месенджера iMessage

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

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

Переглянути патент.

Іконка Touch ID

Ви можете використовувати іконку Touch ID лише в ситуаціях, як, наприклад, екран з модальним запитом на введення ідентифікатора відбитка пальця, який використовує вбудовані функції Apple. І не можете використовувати у вашій iOS версії додатка, наприклад, у полях для входу. Чесно кажучи, це чудова іконка, майже ідеальної форми. Гарна робота, Apple.

Переглянути патент.

Голосовий візуалізатор Siri

Оскільки голосові інтерфейси стають все більшим трендом, дизайнери, безсумнівно, будуть шукати натхнення в існуючих інтерфейсах, таких як Siri, Alexa та Google Assistant. Але в Apple вирішили взяти на себе ініціативу та запатентували візуалізацію процесу переведення людського голосу в цифровий контент у вигляді безлічі різнокольорових хвиль.

Переглянути патент.

Facebook

Кнопка "Like"

Цей патент охоплює дизайн кнопки "Like" та будь-яку анімацію, яка з нею пов'язана. Досить просто. Патент не диктує, як саме має виглядати кнопка, тож Facebook може змінити візуал у майбутньому.

Приклад анімації. Переглянути патент.

Плаваючі іконки в стрімах

Враховуючи всі патенти навколо цих плаваючих іконок, очевидно, що Facebook приділив багато уваги та ресурсів своїм сервісам прямої трансляції. Це було приблизно в той самий час, коли Twitter's Periscope та Instagram Live ставали популярними. Коли користувач обирає іконку/емодзі на горизонтальній панелі під час стріма, його емодзі має анімований ефект бульбашок, який бачать інші глядачі. Це був цікавий проект від Facebook, оскільки ви могли бачити реакцію інших людей у реальному часі. Facebook має патенти на емодзі, які плавають вгору, і на емодзі, які плавають горизонтально. Схоже, що жоден з цих патентів не використовується у продакшені сьогодні, але Facebook все одно створив патенти на різні веріації з метою тестування.

Приклад анімації. Переглянути патент 1, патент 2.

Іконки, які збільшуються при натисканні та утриманні

Це одна з менш очевидних, але приємних особливостей платформи, що додають бренду Facebook індивідуальності.

Приклад анімації. Переглянути патент.

Відображення різних варіантів реакцій при наведенні

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

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

Приклад анімації. Переглянути патент.

Netflix

Наведення на елемент каруселі

Netflix дійсно підняв карусельну гру на новий рівень і проробив величезну роботу, щоб покращити досвід наведення. Коли ви наводите курсор на шоу, зображення розширюється, починає відтворюватися відеокліп і відображаються найважливіші деталі. При наведенні також зміщуються інші елементи каруселі, щоб звільнити місце для елемента в фокусі. Це дуже сміливий дизайн: Netflix вирішив прибрати всю зайву інформацію, щоб не бомбардувати користувача. Наслідком такого дизайну є те, що назва кожного фільму або шоу має бути присутня і розбірлива на кожному прев'ю. Netflix віддає персоналізації контенту пріоритет над послідовним, одноманітним розташуванням заголовків.

Приклад анімації. Переглянути патент.

Розгорнута інформація в каруселі

Коли ви наводите курсор на елемент, з'являється стрілка, яку можна натиснути. Натиснути, ви отримаєте велике прев'ю шоу або фільму, а також набір вкладок з додатковою інформацією. Це чудова система, яка дозволяє поступово розкривати інформацію на декількох рівнях.

Приклад анімації. Переглянути патент.

Airbnb

Фіксована панель для бронювання

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

В наведеному патенті Airbnb стверджує, що коли плаваюча панель фіксується на екрані (праворуч від основного контенту), компанія має права на анімацію, яка виникає, коли користувач далі прокручує сторінку. Якщо придивитися, то при скролі з'являється розширена область — "Вигідна ціна".

Приклад анімації. Переглянути патент.

Tinder

Свайп вправо, свайп вліво

Можливо, вам і вдасться уникнути покарання за свайп праворуч, якщо вам не подобається, і свайп ліворуч, якщо подобається, але на патентній діаграмі лише картки є суцільними лініями (частина "liked" — пунктирною), а це говорить про те, що будь-який підхід, пов'язаний з такою комбінацією жестів, буде складно відстояти. У будь-якому випадку, якщо ви зробите щось подібне і на вас покажуть пальцем, то доведеться боротися в розмитій зоні закону.

Переглянути патент.

Кнопки "Like" та "Dislike"

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

Переглянути патент.

Висновки

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

Такі компанії, як Uber, запатентували практично кожен екран свого додатку, а інші компанії, як Google, мають занадто багато патентів, щоб навіть почати їх переварювати. Але основний посил полягає в тому, щоб заохотити вас самостійно провести дослідження патентів компаній, які цікаві саме вам.

Як виявилося, патенти можуть бути неймовірно простими, як форма елемента або розміщення іконки. Також можуть бути загальними та розпливчастими, як група прямокутників з певною пропорцією та орієнтацією. Патенти також можуть бути детальними та описовими, як, наприклад, розкриття інформації на каруселі Netflix.

Отже, якщо ви UI/UX дизайнер, який прагне досягти успіху, ви повинні ознайомитися з існуючими патентами. Просто тому, що якщо ви чогось не бачили, не означає, що цього не існує!

І якщо у вас є щось дійсно унікальне, що є візитною карткою продукту вашої компанії, подумайте про створення патенту, заручившись допомогою юридичної команди. Це не так вже й дорого для компанії, тим більше, що патент діє 15 років. І ніщо так не говорить "не жартуй зі мною", як наявність власного патенту.

Текст Christie Tang

---

👉 Більшe в Telegram →