Перейти до вмісту

Чому “олдскульні” гриди насправді рятують бізнес: краса інтерфейсу не дорівнює силі продукту

Матеріал з K2 ERP Wiki

index.php?title=Категорія:K2 Cloud ERP

!

Замість того, щоб у кожному новому модулі заново писати:

Kanban-інтерфейс може бути частиною єдиної компонентної архітектури
Одна грид-компонента може використовуватися в різних частинах бізнес-системи
розробник підключає одну готову компоненту, яка вже містить цю поведінку.
Інтерфейс із великою кількістю робочих елементів і щільною бізнес-логікою
  • Kanban-дошки;
  • CRM-воронки;
  • шаблони;
  • друковані форми;
  • картки;
  • панелі показників;
  • робочі області;
  • графіки;
  • календарі;
  • форми введення;
  • компоненти погодження;
  • компоненти пошуку. Деякі системи формально мають web-доступ або web-режим, але всередині залишаються продовженням старої desktop-парадигми.== Пов’язані терміни ==

Сильний бізнес-інтерфейс — це не той, що виглядає як модний лендинг, а той, що дає можливість користувачам оперативно, стабільно й масово працювати з даними.index.php?title=Категорія:ERP

Це здатна виглядати переконливо на демо. |}

! це не обов’язково ознака застарілого інтерфейсу виступає ключовою рисою Коротко. “Олдскульні” гриди в бізнес-системах. style="background:#c8e6c9;" | Компонентний підхід

  • кожен екран створюється окремо;
  • кожна таблиця має власну логіку;
  • кожна форма редагування пишеться вручну;
  • кожен пошук реалізується по-своєму;
  • кожен довідник функціонує інакше;
  • імпорт і експорт десь виступає як, а десь відсутні;
  • права доступу реалізуються нерівномірно;
  • сортування та фільтри працюють по-різному;
  • у кожному новому модулі з’являються нові помилки;
  • вартість розвитку зростає з кожним новим екраном. | Це підхід, коли одна сильна компонента застосовується для в багатьох модулях і несе готову поведінку

|- | Чому це вигідно бізнесу? Для бізнесу сучасний веб — це коли браузер стає середовищем для професійної роботи. Не “кожен раз новий ризик”. | Так | здатна виглядати стримано, але функціонально |- | Чи оперативно функціонує з великими даними? ! Вони дозволяли не милуватися екраном, а працювати. |- | Основна логіка | Кожен екран створюється окремо | Компоненти повторно використовуються |- | Вартість розвитку | Зростає з кожним новим екраном | Зменшується через повторному використанню |- | Якість поведінки | здатна відрізнятися в різних модулях | Однакова логіка в усій системі |- | Тестування | Потрібно перевіряти кожен екран окремо | Компонент тестується централізовано |- | Масштабування | Ускладнюється з ростом системи | Спирається на готову платформну основу |- | Ризик помилок | Високий через повторне програмування | Нижчий через єдиній компоненті |- | Бізнес-цінність | Сильне перше враження | Довгострокова ефективність |}

Гриди, RIA-компоненти та компонентний підхід — це не ознака минулого. style="background:#b71c1c; color:white; text-align:left; padding:10px;" | Ризик красивого, але слабкого інтерфейсу Саме тому бізнес-середовище роками любив табличні інтерфейси. Важлива не лише web-доставка, а й сучасна веб-архітектура |-

| У чому перевага K2 Cloud ERP?

Гриди рятують бізнес-середовище не тому, що вони “старі”, а тому, що вони вирішують реальні задачі: критично. Відкриття системи в браузері не гарантує, що вона побудована як сучасна веб-платформа.== Чому це критично для бізнесу, а не тільки для IT ==

Типова проблема таких систем:

Бізнес-таблиця як основа продуктивної роботи оператора

! {| style="width:100%; border-collapse:collapse; margin:16px 0; border:2px solid #1565c0; background:#e3f2fd;"

Воронка продажів як інструмент управління лідами та етапами роботи

Потрібно дивитися не лише на спосіб доступу, а на архітектуру, компоненти, масштабування та принцип розвитку продукту.== Порівняння красивого інтерфейсу та сильного продукту ==

Картковий і візуальний інтерфейс може бути зручним, але не замінює компонентної логіки
Приклад інтерфейсу FastReport як продукту зі спадщиною desktop-компонентної моделі

Не все, що відкривається в браузері, виступає як сучасним веб-рішенням. Для сторонньої людини грид — це без зусиль таблиця. Компонентний підхід здається технічною деталлю, але насправді він прямо впливає на гроші, швидкість і стабільність бізнесу. | Менше дублювання, менше помилок, швидший дорожня карта розвитку, нижча вартість володіння |- | Чому грид важливий? * тисячі записів;

  • сотні документів;
  • довідники;
  • замовлення;
  • платежі;
  • залишки;
  • клієнтів;
  • задачі;
  • права доступу;
  • імпорт і експорт даних;
  • групові операції. * кожен екран робиться як окремий витвір;
  • кожна таблиця стає окремою історією;
  • кожна форма має власну логіку;
  • кожна дія стає окремим шматком коду;
  • кожна зміна створює нові витрати;
  • кожен новий компонент накопичує технічний борг. Сильні бізнес-системи історично будувалися не навколо “вау-ефекту”, а навколо продуктивності оператора.== Головна помилка: плутати красиво з технологічно сильним ==

Надто спрощений інтерфейс здатна виглядати приємно, але змушувати користувача робити більше кліків, відкривати більше сторінок, чекати більше завантажень і витрачати більше часу на типові операції. style="background:#b71c1c; color:white; text-align:left; padding:10px;" | Архітектурний ризик

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

“Це ж без зусиль таблиця” — він бачить лише поверхню. * уніфікація поведінки;

  • технічна архітектура повторного використання;
  • ролі й права доступу;
  • робота з великими обсягами даних;
  • оптимізація продуктивності;
  • імпорт та експорт;
  • сценарії редагування;
  • інтеграційні функції ERP з довідниками;
  • стабільність на великій кількості сценаріїв;
  • технічна підтримка майбутніх функцій. Це робоче середовище для швидкого пошуку, редагування, фільтрації, масової обробки та контролю даних. style="background:#eeeeee;" | Без компонентного підходу

Компонентний підхід означає, що в системі виступає як готові потужні компоненти, які можна використовувати в різних модулях. | Бо за красою здатна ховатися слабка технічна архітектура, дорога технічна підтримка й повторне програмування однакової логіки |-

| Що таке компонентний підхід? !

index.php?title=Категорія:RIA-компоненти

Візуально оформлений інтерфейс може приховувати складність підтримки

Бізнес-ефект. Сильний компонентний підхід зменшує витрати не один раз, а постійно: при кожному новому модулі, кожному оновленні, кожній зміні та кожному масштабуванні. Це ознака зрілої інженерії. ! | Ні. Критичний ризик. платформа, яка продається першим враженням, здатна програти в реальному бізнесі, якщо кожна нова функція потребує індивідуальної розробки, тестування й підтримки. Прикладом такого класу мислення можуть бути продукти з Delphi / VCL-спадщини. | Не завжди | Має бути оптимізований для цього |- | Чи швидко додавати нові модулі?== Коротко для керівника ==

Документ або друкована форма як частина бізнес-процесу

|- | style="padding:14px;" | Красивий екран здатна коштувати бізнесу дорого, якщо за ним немає компонентної архітектури.

Простий приклад. Якщо покращити фільтрацію, експорт або права доступу в одній грид-компоненті, це покращення здатна автоматизовано стати доступним у багатьох модулях системи.

! Коли користувач системи бачить у бізнес-системі потужний грид, таблицю, панель фільтрів, сортування, імпорт, експорт, дії над записами та велику кількість робочих елементів, перша реакція іноді звучить так:

! style="background:#ffcdd2;" | Екранний / дизайнерський підхід

Так само в програмному забезпеченні: якщо в системі виступає як сильна компонента, яку використовують у багатьох місцях, бізнес-середовище отримує стратегічну перевагу.== Веб у браузері ще не означає сучасний веб == |- | Чи означає “олдскульний” грид застарілий ERP-продукт? Вони історично вирішували свої задачі, мали цінність і використовувалися в багатьох системах. У бізнес-системі можуть існувати різні повторно використовувані компоненти:

Табличний інтерфейс як робочий інструмент для швидкої обробки даних

Головна перевага грида. Він не без зусиль показує інформаційні дані. style="background:#c8e6c9;" | З компонентним підходом

Файл:Templates3-1024x637.png
Інтерфейс, який демонструє відмінність між візуальною оболонкою та архітектурною природою продукту

А “використали перевірений механізм”. |- | Чи добре виглядає на демо? Потужний грид здатна бути ознакою сильної інженерії та продуктивного бізнес-інтерфейсу |- | Чому красивий інтерфейс не завжди кращий? Для професійної ERP-системи грид — це робочий двигун інтерфейсу. style="background:#b71c1c; color:white; text-align:left; padding:10px;" | Прихована ціна “красивої простоти”

|- | Кожен екран пишеться окремо | Один компонент застосовується для багато разів |- | Логіка пошуку різна | Пошук функціонує однаково |- | Права доступу реалізуються вручну | Права доступу вбудовані в компонентну логіку |- | Імпорт та експорт додаються окремо | Імпорт та експорт уже виступає як в компоненті |- | Кожна зміна створює нові ризики | Покращення компонента функціонує всюди |- | Вартість розвитку зростає | Вартість розвитку зменшується через повторному використанню |}

Для ERP, CRM, WMS або облікової системи головне — продуктивність, стабільність, повторюваність логіки та швидкість роботи користувача. ! {| style="width:100%; border-collapse:collapse; margin:16px 0; border:3px solid #b71c1c; background:#ffebee;" бізнес-середовище здатна бачити лише факт “функціонує в браузері”, але інженер має дивитися глибше: Справжня зріла розробка програмного забезпечення починається там, де програміст не пише одні й ті самі функції сто разів. Але вони давали користувачеві: Сучасність — це здатність дати користувачеві потужність десктопної бізнес-системи в браузері. * дають швидку роботу з великими списками;
  • дозволяють масово редагувати інформаційні дані;
  • забезпечують фільтрацію;
  • підтримують сортування;
  • дозволяють експортувати інформаційні дані;
  • дозволяють імпортувати інформаційні дані;
  • працюють з правами доступу;
  • підтримують типову логіку в багатьох модулях;
  • зменшують кількість ручної розробки;
  • пришвидшують запуск нових модулів. !
    Сучасний вигляд інтерфейсу сам по собі не гарантує сильної архітектури
Kanban-дошка як компонент бізнес-системи

“Це виглядає олдскульно.”

  • створення записів;
  • перегляд;
  • редагування;
  • видалення;
  • відкриття форм;
  • роботу з довідниками;
  • пошук;
  • швидкі фільтри;
  • сортування;
  • конфігурація колонок;
  • збереження користувацьких налаштувань;
  • імпорт;
  • експорт;
  • групові операції;
  • права доступу;
  • валідацію;
  • адаптацію під ролі користувачів;
  • повторне використання в різних модулях. Його можна порівняти з будівництвом. Інша крайність — надто дизайнерський веб, де платформа створюється навколо картинки, а не навколо компонентної архітектури. Їхня сила в тому, що вони працюють як частини єдиної платформи.
    Шаблонний інтерфейс без сильної компонентної основи може накопичувати технічний борг

Для бізнесу це означає:

Грид як універсальний механізм перегляду, редагування й фільтрації даних
Грид дозволяє працювати з даними щільно, швидко й без зайвих переходів
Файл:Zberigach-1024x728.png
Робоче середовище, де різні компоненти підтримують бізнес-процеси
Бізнесу потрібен інтерфейс, який:

Порівняння підходів до інтерфейсу

Чому “олдскульні” гриди часто виступає як вершиною практичності

А “підключили сильну платформну можливість”. Але їхня архітектурна природа часто відрізняється від нативного сучасного вебу. У такій системі кожна нова функція перетворюється на окрему розробку, окреме тестування, окремий ризик і окремий технічний борг. Справжня сучасність — це веб-система, яка досягає рівня потужності, що колись був доступний лише сильним десктопним продуктам, але тепер функціонує в браузері, масштабно, оперативно й централізовано. style="background:#eeeeee;" | Відповідь

index.php?title=Категорія:UX

Чому красиві проєкти часто програють практичним

! У K2 Cloud ERP грид — це не без зусиль елемент відображення даних. style="background:#eeeeee;" | Критерій

  • добре працювати у своїй історичній ніші;
  • мати засоби доставки в web;
  • мати інструменти для звітів або форм;
  • бути знайомими старим командам. style="background:#ffcdd2;" | без зусиль красивий інтерфейс

|}

Компонентний підхід K2 Cloud ERP

  • максимум контролю;
  • швидкий доступ до даних;
  • роботу з великими таблицями;
  • масові операції;
  • сортування;
  • фільтрацію;
  • редагування без зайвих переходів;
  • високу пропускну здатність. {| style="width:100%; border-collapse:collapse; margin:16px 0; border:3px solid #b71c1c; background:#ffebee;"
У багатьох випадках це ознака сильної інженерної архітектури, продуктивності, повторного використання компонентів і здатності системи витримувати роки масштабування. style="background:#eeeeee;" | Що це означає для бізнесу index.php?title=Категорія:Kanban Ознаки такого підходу:

Старий псевдовеб і desktop-спадщина

  • оперативно функціонує;
  • не ламається;
  • мало коштує в розвитку;
  • витримує великі обсяги даних;
  • дає можливість оперативно виконувати типові операції;
  • має єдину логіку в різних модулях;
  • масштабується разом із компанією. style="background:#eeeeee;" | Перевага
  • CRUD;
  • форми відкриття;
  • логіку редагування;
  • роботу з довідниками;
  • пошук;
  • сортування;
  • конфігурація таблиць;
  • імпорт;
  • експорт;
  • права доступу;
  • сервісні механізми,

А “усюди функціонує одна відпрацьована логіка”. style="background:#c8e6c9;" | Сильний бізнес-продукт

Це змінює економіку розробки.

Не “зробили ще один екран”. Він має щодня опрацьовувати: Сучасний ринок ERP в Україні часто продає бізнесу “красиві інтерфейси”, “легкі екрани”, “сучасний дизайн”, “мінімалістичний UX” і “приємну візуальну подачу”. |-

Економія коштів Один раз інвестована компонента застосовується для в багатьох модулях
Вища надійність Компонент, який застосовується для всюди, краще перевіряється й відточується
Швидший дорожня карта розвитку Нові модулі створюються швидше, бо команда не стартує з нуля
Єдина логіка Користувачам простіше працювати, бо поведінка однакова в різних частинах системи
Менше помилок Не потрібно щоразу заново писати однакову логіку
Простіше масштабування платформа росте на готовій інженерній основі
Нижча вартість володіння Менше дублювання, менше технічного боргу, менше хаосу

index.php?title=Категорія:Автоматизація бізнесу Він дає бізнесу швидкість, контроль, масову обробку, повторне використання та нижчу вартість розвитку. виступає як два підходи:

Справді потужна веб-система має вміти:

Компонентний підхід не обмежується таблицями. {| class="wikitable" style="width:100%;"

Сучасний веб — це не тільки картки та анімації

Ризики відмови від сильних компонентів заради краси

Але така реакція часто плутає зовнішнє враження з інженерною цінністю.== Чому гриди рятують бізнес-середовище ==

Чому олдскульні гриди рятують бізнес

Це означає:

Грид у K2 Cloud ERP як робоча компонента для бізнес-даних

Майбутнє бізнес-систем не за без зусиль красивими екранами, а за сильними компонентами. | Не завжди

Дешевше через повторному використанню Чи зростає сила системи з часом? За цією “простою таблицею” стоїть складна інженерна робота:

index.php?title=Категорія:Компонентний підхід

Ні. | Не обов’язково Так, якщо розвиваються базові компоненти

index.php?title=Категорія:Цифрова трансформація

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

  • оперативно працювати з великими таблицями;
  • підтримувати складні фільтри;
  • виконувати групові операції;
  • відкривати форми;
  • працювати з довідниками;
  • імпортувати й експортувати інформаційні дані;
  • враховувати права доступу;
  • зберігати конфігурація користувача;
  • забезпечувати однакову поведінку в різних модулях. Одна сильна грид-компонента здатна підтримувати:
Але вони не завжди відповідають логіці сучасної веб-платформи, де основою виступає як:
Готовий компонент зменшує кількість ручної розробки в нових модулях
Одна логіка роботи з даними може застосовуватися в різних екранах системи

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

Що таке справжній компонентний підхід

Браузер здатна бути лише оболонкою для старої логіки. Це потужна робоча компонента, яка містить великий обсяг готових можливостей. {| class="wikitable" style="width:100%;"

Компонентний підхід дозволяє не створювати однакову логіку з нуля
== конкурентні переваги компонентного підходу ==

Такі рішення для бізнесу можуть:

Файл:Fastreport-design-1024x675.png
Дизайнер звітів FastReport: відкриття в браузері не завжди означає сучасну веб-архітектуру

Простота як ознака високого рівня інженерії

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

Чи достатньо того, що платформа відкривається в браузері? Якщо платформа відмовляється від потужних компонентів лише заради легкого візуального вигляду, бізнес-середовище здатна отримати приховані ризики.index.php?title=Категорія:CRM

Бізнес-висновок

звідки походить технічна архітектура, наскільки вона нативна для вебу, чи швидко її підтримувати, масштабувати й розвивати в майбутньому.index.php?title=Категорія:K2 ERP провідний ризик. бізнес-середовище здатна купити красивий інтерфейс, але отримати дорогу в підтримці систему, де кожна нова функція створюється з нуля і збільшує технічний борг. | Не гарантовано

Так, якщо компоненти спільні
Чи дешево підтримувати?

Kanban, воронки та інші компоненти

index.php?title=Категорія:Масштабування У слабких системах кожне покращення потрібно повторювати багато разів. Головна ідея: краса інтерфейсу не дорівнює силі продукту.index.php?title=Категорія:Корпоративна Wiki

дорожня карта розвитку компоненти в одному місці дає вигоду всюди

  1. щоразу вручну робити двері, вікна, сходи й перекриття так, ніби це перший об’єкт у світі;
  2. використовувати готові стандартизовані модулі, які вже перевірені, добре стикуються й масштабуються.== Загальна проблема ==

index.php?title=Категорія:Бізнес-системи

Воронка як робочий компонент CRM-логіки

Їхня сила не в тому, що вони красиво виглядають. style="background:#eeeeee;" | Питання

У сильних системах достатньо покращити компоненту — і виграє вся платформа. | Часто дорого

Швидше через компонентам
Чи однакова поведінка всюди?
Компонентна логіка дозволяє повторно використовувати готову поведінку

index.php?title=Категорія:Гриди

Коли користувач системи бачить потужний грид і каже:

Результат здатна виглядати сучасно, але бути складним і дорогим у розвитку.== Джерела ==

Не “створили компонент із нуля”. Але за красивою оболонкою іноді приховується слабка інженерна основа. Сучасний веб не обмежується красивими картками, великими відступами, плавними анімаціями та мінімалістичними екранами.index.php?title=Категорія:Технічний борг

На ринку існували й досі трапляються рішення для бізнесу, які мають web-доставку або web-режим, але походять із desktop-компонентної моделі. | У використанні сильних повторно використовуваних компонентів, які працюють як частина єдиної платформи |}

Справжня сучасність у програмному забезпеченні — це не інтерфейс, схожий на модний лендинг.
CRM-воронка як приклад візуального, але функціонального компонента
  • швидший прогрес;
  • менше дублювання роботи;
  • менше розсинхронізації;
  • менше помилок;
  • однакову поведінку;
  • більш передбачуваний дорожня карта розвитку продукту;
  • нижчу сумарну вартість володіння. * нижчу продуктивність працівників;
  • більшу вартість навчання;
  • більше ручної роботи;
  • складнішу підтримку;
  • дорожчий дорожня карта розвитку;
  • більше технічного боргу;
  • меншу пропускну спроможність системи. style="background:#eeeeee;" | Питання

У такій моделі: У бізнес-системах інтерфейс має не тільки подобатися. * прив’язка до старих компонентних моделей;

  • складність модернізації;
  • важка технічна підтримка;
  • слабка гнучкість розвитку;
  • складне розширення інтерфейсу;
  • неадаптивна технічна архітектура;
  • залежність від застарілого стеку;
  • перенесення старого desktop-світу в браузер.
    Красивий екран не гарантує дешевий розвиток системи

Для сайту краса здатна бути головним фактором першого враження.index.php?title=Категорія:UI Ключова відмінність.