Статті
#експертиза: десктопний застосунок Grammarly
6 грудня, 2021
Анна Турос
продуктовий дизайнер
Стати автором

Декілька тижнів тому українсько-каліфорнійська компанія Grammarly випустила десктопну версію сервісу для коректного написання англомовних текстів. Анна Турос, продуктовий дизайнер із Києва, яка зараз працює в каліфорнійському стартапі Presence, пройшла та проаналізувала досвід нового користувача.

Grammarly – онлайн-сервіс на основі штучного інтелекту, що допомагає з написанням текстів англійською мовою. Компанія існує з 2009 року. За час свого існування компанія підняла три раунди інвестицій: $110 млн у 2017 році, $90 млн у 2019 році та $200 млн у 2021 році. Після другого раунду, компанія Grammarly офіційно стала першим українським єдинорогом.

Сервіс перевіряє граматику, орфографію, пунктуацію, оцінює стиль, тон, чіткість подачі інформації. Спочатку сервіс існував у форматі вебредактора. Потім були створені розширення для браузерів, мобільні клавіатури та надбудова для Microsoft Office. У листопаді 2021 компанія Grammarly презентувала новий додаток, що встановлюється безпосередньо у системи Mac та Windows і допомагає відстежувати якість написання англомовних текстів не тільки всередині браузерів, а й у десктопних застосунках.

Я вже користувалася розширенням для браузерів та iOS клавіатурою від Grammarly та з задоволенням поставлю собі нову десктопну версію. Її легко знайти на їхньому сайті.

Онбординг

Перше вікно після встановлення додатку запитує про доступ до системних налаштувань. Трішки дивно що немає Welcome екрану, вочевидь розраховано на аудиторію, що знає за чим прийшла. Заголовок Let’s get started надто стандартний і ні про що не каже, а найважливіша інформація екрану тут подана маленьким сірим шрифтом.

Після натискання кнопки Grand Access, в мене відобразилася досить дивна картина — стрілки, що вказують на десктопні пустоти. Дуже цікаво, проте нічого не зрозуміло. Спіймала баг?

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

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

Авторизація перекидає мене у браузер. Авторизуюсь через Apple. Після проходження авторизації браузер автоматично повертає мене у додаток. На цьому кроці все спокійно.


Читайте також: Що робить дизайн-менеджер у Lyft: інтерв’ю з Гільєрмо Торессом


Головний екран

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

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

На екрані всього три кнопки. З них і почну.

Новий документ

Головна кнопка додатку, як не дивно, знову повертає мене у браузер і пропонує підказки. Блідо-зелений поп-ап візуально губиться на сірому фоні — поганий контраст.

Добре, час дізнатися що пропонує цей додаток.

Ну що ж. Звучить наче у мене є всі шанси стати англомовним письменником.

На цьому етапі з’являються питання до консистентності візуального стилю. На фоні ілюстрація в класичному плоскому стилі з монотовщинною лінією. І тут же градієнтний поп-ап з прозорими елементами та тінями. Цікаво, як далі ці стилі будуть взаємодіяти.

Письменник у мені ще не прокинувся, тож почну тестування з пісень. Окрім виправлення помилок, дуже подобаються категорії Clarity, Engagement та Delivery, що вказують на стилістику та змістовність тексту.

Я спробувала перевірити стандартний уривок Lorem Ipsum. Додаток не розгубився і каже, що все правильно. Дивно, що у пункті Correctness, коли немає помилок, з’являється червона галочка. Ще декілька секунд тому в мене червоним підсвічувались помилки, тож вона мене трішки бентежить. Через червоне колірне кодування здається, що я знову наробила помилок. Було б чудово якби для цього обрали інший колір. Якщо перевірка помилок — це основна цінність продукту, дивно, що не вона отримала основний зелений колір. Інші категорії оцінювання теж важливі, але якраз для них вже можна використовувати додаткові кольори.

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

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

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


Читайте також: #експертиза: додаток для читання та прослуховування книжок Yakaboo


Налаштування

Повертаюсь у десктопний додаток та переходжу в «Налаштування».

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

Detect tone in my writing — тут би не завадив опис. Що це таке і як це працює? Не зрозуміло на що вплине, якщо його вимкнути. Виглядає як втрачена маркетингова можливість розповісти про функціонал, що визначає зрозумілість і стилістику письма.

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

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

Налаштування → Обліковий запис

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

Налаштування → Blocked Apps

Посилання Learn More веде на ту саму сторінку браузера, куди й посилання You choose where Grammarly works на основному екрані. Ця функціональність знадобиться мені пізніше, коли я знатиму, де інтеграція Grammarly мені заважатиме. Щоб роздивитися як це працює, уявлю, що не хочу бачити її в Apple Notes та у Slack.

Вимикаю для Apple Notes на пів години, і для Slack «назавжди».

Дивно, що на екрані заблокованих додатків немає ніякої різниці між заблокованими тимчасово та заблокованими тотально. У самих додатках різниця є — при повному блокуванні віджет Grammarly зникає з додатка. При тимчасовому — залишається на місці, просто стає сірим.


Читайте також: Глибинні інтерв’ю: головне, що треба знати


Інтеграція 

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

Slack

Тут все подобається. Віджет слідкує, аби я не наробила помилок у робочому листуванні. Приємна турбота.

Chrome → Google Translate

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

Пересуваю віджет мануально. Так значно краще. Перевіряю чи повернеться він на старе місце після перезапуску браузера. Він стабільно на новому місці. Супер!

Проте в мене досі є сумніви в необхідності відображення такого помітного віджету поряд із полями введення. Можливо, все ж є сенс перемістити його в системний Status Bar, а рекомендації відображати спливаючими вікнами, коли вони необхідні?

Telegram

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

Приємно, що плагін терпляче чекає, поки я пишу іншими мовами й не підкреслює все це червоним, як буває у Google Docs.

Figma

Нотатки

У Нотатках, Keynote, Pages, Apple Mail — все чудово працює. Зручно.

Віджет

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

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

Якщо я нарешті захищена від помилок, чому ця штука червона?

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

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

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

Сильні сторони:

  • Grammarly — безумовно крутий сервіс, що поліпшує якість спілкування сотен мільйонів людей по всьому світу
  • Десктопна інтеграція — рішення довгоочікуване. Більше не треба копіювати тексти в браузер для перевірки. Якісна перевірка текстів безпосередньо у Slack, Notes, Keynote, Pages та інших додатках — дуже цінна
  • Функція Tone Detector, презентована Grammarly навесні цього року, інтегрована у десктопне рішення та надихає під час роботи над текстами!

Що можна покращити:

  • Зараз десктопний спливаючий віджет досить великий та постійно мерехтить, змінюючи піктограми. Було б круто зробити його менш нав’язливим
  • Зробити піктограми зрозумілішими
  • Додати темний режим
  • Налаштувати віджет так, аби він не перекривав важливі частини інтерфейсів
  • Не використовувати червоний колір для підтвердження відсутності помилок
  • Вікно додатку, яке має бути завжди відкритим під час його роботи, не несе значної інформаційної цінності. Було б добре зробити його меншим та послабити кількість візуального шуму.

Якщо ви ще не користувалися Grammarly, щиро рекомендую. А що саме обрати — плагін для браузеру, десктопне розширення чи встановити як клавіатуру на телефон — залежить від ваших потреб та уподобань.

 


Telegraf.Design живе за підтримки спільноти. Підтримуйте Telegraf.Design на Patreon.

avatar
Анна Турос
продуктовий дизайнер
Колонка

У нас є ще дещо для вас