Из арт-директора веб-студии в команду разработки продукта на платформе 1С

Публикация № 1533351 13.10.21

Разработка - Работа с интерфейсом

В мире 1С по сравнению с веб-разработкой незаслуженно мало внимания уделяется поведению и внешнему виду интерфейсов. На митапе «Интерфейс в 1С» руководитель группы разработки компании АРБИС Анна Гнатюк рассказала, что она привнесла из большого мира дизайна в разработку на 1С.

В ходе доклада я хочу:

  • поделиться с вами своей историей – как я пришла в 1С,

  • сравнить две индустрии (веб и 1С), какой подход к интерфейсам и к разработке там и там;

  • в процессе поделиться какими-то открытиями, которые получились по ходу выстраивания процессов;

  • возможно, вы увидите какие-то грабли – посмотрите, что на них уже можно не наступать, увидите какие-то идеи, которые можно внедрить к вам в команду.

 

Кратко озвучу, чем занималась.

  • Все началось со студенческой практики в компании АРБИС, где я проходила практику на 1С-разработчика. Здесь поработала совсем немного, и, сверкая пятками, убежала в местную веб-студию, потому что в 1С оказалось очень мало простора для творчества – на тот момент язык 1С мне показался очень топорным по сравнению с тем же самым вебом, питоном и прочими альтернативами.

  • После этого в местной веб-студии с удовольствием работала дизайнером, верстальщиком и постепенно доросла до арт-директора. У студии появились проекты, связанные с 1С – это лендинги, это сайты, которые рекламируют продукты на 1С, это сервисы, у которых на бэкенде был 1С. Таким образом, я обратно вернулась в эту сферу.

  • И три года назад я перешла уже полностью в команду разработки 1С – сейчас занимаюсь проектированием интерфейсов 1С, руководством команды разработки и интеграциями 1С, веба, мобильных приложений.

 

Впечатления от платформы 1С после веба

 

 

Какое же было первое впечатление от платформы, когда я вернулась обратно в 1С-среду.

  • Очень много предубеждений со стороны других разработчиков, что 1С-программист – это не программист, что в целом кодить на 1С не приветствуется, что разработка на русском языке не может быть серьезной и т.д.

  • В отличие от веба, в 1С более локальное коммьюнити. Если ты в вебе или в мобильной разработке, ты можешь посмотреть примеры европейских или американских коллег, даже китайский рынок, который достаточно закрытый, который генерирует свои традиции, свои культуры, свои школы – веб-дизайна, интерфейсов и т.д.

  • В 1С я столкнулась с тем, что очень много информации нужно было просто выискивать, вытаскивать, смотреть на примерах. По интерфейсам практически никаких материалов не было для изучения. На тот момент 1С:ИТС тоже очень мало рассказывал об интерфейсах (в последние годы эта тенденция, к счастью, поменялась).

Еще один случай, который тоже сформировал мое отношение к интерфейсам в 1С – это то, как коллеги радостно говорили мне, как дизайнеру: «Посмотри, какие у нас классные кнопки, они теперь выглядят здорово и современно». В 2016 году на Зазеркалье вышла статья, где говорится, что кнопки стали более выпуклыми, у них появилась тень – под этим подразумевалось, что интерфейс 1С улучшается.

Мне это особенно запомнилось из-за того, что начиная с 2010 по конец 2015 буквально вся мировая индустрия приложений к этому моменту перешла на плоский дизайн. Это отразилось на интерфейсах и Windows, и iOS 7 от Apple. Даже такой гигант, как Google, который 10 раз протестирует, и только потом примет какое-то решение – тоже отказался от всех теней, от всех выпуклостей в пользу плоских кнопок и плоских интерфейсов.

 

Что же получилось? Весь мир к 2015 году стал плоским в интерфейсах – никто уже не пытался имитировать настоящие кнопки, настоящие элементы из реальности, а 1С к 2016-тому сделала кнопки еще выпуклее.

Это совсем маленький момент, но, когда ты в вебе постоянно вращаешься в трендах, это очень сильно бросается в глаза.

Могу сказать, что с платформы 8.3.15 стало все намного лучше. Сейчас 1С тоже плоский, главное, чтобы все мировые тренды не вернулись обратно к выпуклым интерфейсам, что потихоньку происходит. Будем смотреть за развитием интерфейсов дальше.

 

Отличия подходов к разработке интерфейса

 

Какие еще более глобальные отличия подходов к разработке интерфейса я увидела в 1С?

  • На мой очень субъективный взгляд в 1С сейчас отсутствует культура проектирования, культура выделения этого отдельного этапа, отдельных специалистов, отсутствуют инструменты проектирования интерфейсов. Это только мое мнение, может быть, оно очень локальное.

  • Второй момент – это, конечно, ограничение выразительных средств графического интерфейса. 1С в этом плане больше похож на конструктор – он весь про функциональность, про учет, про большие данные, про бизнес-задачи. Такой суровый Enterprise. Но все больше и больше пользователей привыкают к хорошим, простым и легким интерфейсам. Задачи все растут и от интерфейсов требуется все больше плотности информации, все больше визуальной иерархии, что очень сложно достичь порой в интерфейсе 1С.

  • От версии к версии в платформе складывалась своя культура интерфейсов, свои традиции. Таким образом, решения, которые складывались в мировых трендах (в мобильной и в веб-разработке), в 1С остались прежними.

Например, немного о проектировании интерфейсов в 1С – обычная форма выглядит вот так.

И на каждой форме пользователя сопровождает шесть меню. Да, их количество можно уменьшить. Я знаю, что далеко не все пользователи знают, как это сделать – далеко не все разработчики пользуются этим, пытаются минимизировать количество этих меню.

Но посмотрите, какая небольшая часть экрана остается задействована под полезную функциональность, которая становится все более сложной, все более скомпонованной. И, конечно, такое количество меню очень сильно мешает для того, чтобы интерфейс выглядел простым.

В частности, для наших решений иногда приходится добавлять еще внутреннее меню – одно, а то и два. Представляете, какой в результате получается бургер из всех элементов интерфейса?

 

Но есть и один гигантский плюс, которым я просто наслаждаюсь в 1С, которого в ближайшее время, я думаю, не будет ни в вебе, ни в мобильном – это гибкость пользовательских настроек. В вебе вы никогда не сможете настолько просто и легко преобразить свою форму, список – подсветить те данные, которые вам нужны, скрыть те данные, которые вам не нужны.

Сама с удовольствием пользуюсь. Перелопачиваю под себя все типовые формы интерфейсов. Это очень классно.

В то же время эта гибкость усложняет разработку интерфейсов, потому что нужно продумывать интерфейс так, чтобы он адекватно отреагировал на его изменение пользователем – чтобы верстка формы не поехала.

И здесь уже появляется выбор – либо вы изначально рисуете такой интерфейс, который считаете наиболее подходящим для пользователя и не даете ему права его изменять. Либо вы рисуете интерфейс достаточно универсальным и рассчитываете на то, что пользователи сами его докрутят до того состояния, в котором им будет удобно пользоваться.

Конечно, сейчас второй вариант становится менее предпочтительным, потому что многие люди не готовы тратить время на то, чтобы подстроить интерфейс под себя – им нужно быстро и просто решать свои задачи.

Еще одно отличие – это зависимость интерфейса от модели данных. В вебе и в мобильной разработке у вас есть отдельно шаблон – то, как будет выглядеть форма на сервисе. Отдельно модель данных и отдельно – сами данные.

В 1С все достаточно жестко привязано друг к другу. В этом есть плюс и минус. Но у нас мы столкнулись с тем, что при включении в команду новых проектировщиков самый, наверное, частый вопрос возникает – почему в эту панель навигации мы не можем добавить те ссылки, которые нам нужны? Как мы можем понять, что сюда можно добавить, а что нельзя?

Для человека без опыта разработки 1С это очень сложнообъяснимо. Если честно, я сама до сих пор без конфигуратора не могу предугадать, что здесь можно отобразить, а что – нет. Здесь часто точно также влияет вид и остальных полей – это еще одно ограничение, которое нужно держать в голове при разработке интерфейса и которое в том числе ограничивает и те решения, которые вы можете создать в итоге.

 

Есть ли схожесть в интерфейсах?

 

Да, определенная схожесть есть. И теми, и другими интерфейсами пользуются люди. Соответственно, все знания и принципы юзабилити будут работать.

 

Для 1С будут работать все книги, научные статьи и аналитика по поводу того, как работает мозг человека, как он воспринимает интерфейсы, как вообще создавать дизайн продукта – в том числе, использовать подход дизайн-мышления для создания любого предмета, любого интерфейса, любой формы. Поэтому информации – море. Все, что осталось сделать – ее адаптировать под задачи 1С.

 

Какие приемы работы и технологии удалось перенести

 

Какие приемы и технологии мне удалось перенести полностью из своего опыта в вебе в команду разработки 1С?

 

Первым делом, мы разделили этапы работы над проектом. Это критически важно. Вовлечение заказчика на раннем этапе позволяет очень сильно повысить предсказуемость результата.

Единственная сложность, с которой мы поначалу столкнулись – это заказчик привык видеть уже готовый результат и поначалу ему нужно каждый раз напоминать, что это только картинка, давайте с вами обсудим, что вы хотите увидеть по итогу, сейчас спланируем и только потом это уйдет в разработку.

Но заказчик, действительно, в это с удовольствием включился, с удовольствием смотрел интерфейсы, предлагал что-то изменить. Ему очень понравилось то, насколько легко это можно сделать – буквально тут же онлайн, на созвоне в скайпе, можно перетащить куда-нибудь кнопочку, можно попробовать пару вариантов, их сравнить и все это, не тратя время разработчика.

 

Разделили роли в команде. Поначалу в нашей команде была я, как менеджер и проектировщик, и разработчик 1С.

Постепенно наша команда все росла и росла. Сейчас уже сложно выделить отдельных специалистов – скорее, это роли, которые участвуют в разработке проекта. Из ролей – это менеджер, бизнес-аналитик, UIX-проектировщик, дизайнер, фронтенд-разработчик, 1С-разработчик, веб-разработчик. Не на всех проектах участвуют все эти роли разом, где-то люди совмещают их. Но, как видите, количество задач очень сильно возросло.

Было ли удобно коммуницировать маленькой команде – безусловно. Все решения принимались очень быстро, согласовывались очень быстро, все понимали свои зоны ответственности.

Смогли бы мы делать тот объем работы и задачи того уровня, которые у нас есть сейчас с двумя людьми? Нет. Поэтому разделение ролей в команде пошло нам на пользу.

 

Также с приходом этапа проектирования мы начали аргументировать наши решения между собой и с заказчиком уже пользовательскими сценариями, а не требованиями к функционалу. Если возникала задача, что куда-нибудь нужно добавить кнопку, первый вопрос, который возникал – это не где она должна располагаться, а точно ли нам нужна эта кнопка и зачем она, для чего она пользователю. И какой сценарий важнее – может быть, стоит пожертвовать какой-то другой кнопкой, но разместить эту, а другую скрыть куда-нибудь в подменю?

Либо, может быть, наоборот, окажется, что здесь и не кнопка нужна, а какая-нибудь таблица. А может быть, вообще нужно отправить в этот момент сообщение в мессенджер? То есть диалог и дискуссия именно на уровне абстракций и пользовательских сценариев позволяет вам не отклониться от цели и не забыть, что же нужно пользователю по итогу.

 

И то, что легко удалось перенести – практически сразу это сделали – это отрисовка интерфейсов и создание своего небольшого UI-kit. Сейчас он до сих пор в стадии разработки – какие-то элементы используются часто, они более-менее готовы, какие-то элементы используются редко – они в форме скетчей еще. Но, тем не менее, UI-kit потихоньку собирается, становится проще и быстрее проектировать 1С-интерфейсы.

 

Что нового пришлось придумать

 

Что нового пришлось нам придумать для того, чтобы подстроить проектирование под интерфейсы 1С?

Первым делом пришлось найти инструмент прототипирования – об этом чуть позже.

Вторым делом, постепенно с приходом в команду мы начали внедрять очень активно веб-технологии в интерфейсы 1С.

 

Сформировались и лучшие практики проектирования для 1С. Опять же, все своим опытом – никакой литературы, никаких статей особо на эту тему к тому моменту еще не было. Сейчас понемногу уже начали появляться отдельные статьи, посвященные лучшим практикам проектирования, но хотелось бы, чтобы их дальше становилось еще больше.

Например, есть такой пример формы – казалось бы, все хорошо, можно ей пользоваться. Но что, если добавить еще немного удобства?

Например, вывести статусы сразу в группировки, чтобы, не заходя внутрь увидеть, что же там внутри происходит – есть ошибка или там все хорошо.

Отказаться от лишнего визуального шума – всевозможных рамочек, полосочек – чтобы облегчить интерфейс. Спрятать что-то во всплывающие формы.

Скомпоновать единую панель, чтобы не выводить кнопки в две строки – за счет того, что некоторые кнопки появляются и исчезают в зависимости от того, какие статусы файлов мы видим на экране.

 

 

И каждый раз теперь остался выбор – мы используем традиционные для 1С решения или смотрим современные аналоги и используем их. Это относится к части того, делаем мы решение на стандартном интерфейсе форм 1С, или используем веб-технологии, в какой мере мы это делаем, и насколько мы придерживаемся каких-то устоявшихся практик по размещению элементов, по их визуальному виду и т.д.

 

Поиск средств проектирования

 

Как у нас проходил поиск средств проектирования?

 

Первая мысль, конечно же, была, что если в конфигураторе 1С такой прекрасный конструктор форм, ты сразу же поймешь, как это выглядит, даже не закладывая какую-то логику внутрь – давайте пользоваться им. Очень быстро от этого решения отказались, потому что когда ты проектируешь интерфейс прямо в конфигураторе, тебе нужно решать одновременно две задачи – собственно, проектировать интерфейс и угадывать, какие конкретно свойства поставить у того или иного элемента, чтобы он разместился там, где тебе нужно.

В вебе тоже поначалу сразу же верстали сайты и только потом пришли к разделению на первоначальную отрисовку дизайна макета и последующую верстку. Таким же образом мы очень быстро перешли на такой же подход в 1С – не нужно сразу верстать форму, нужно сначала отрисовать ее и сосредоточиться именно на поведении и на пользовательских сценариях.

 

Поэтому конфигуратор нам не подошел.

Следующим инструментом стал Adobe Illustrator как графический векторный редактор, который на тот момент был очень популярен для создания интерфейсов в том числе. Плюс invisionapp, которым дальше эти макеты оживлялись. То есть в иллюстраторе точно так же создали UI-kit (набор элементов) и уже как картинку, собирали интерфейс.

Дальше – закидывали все это в invisionapp.

Здесь у нас хранились отдельные картинки. Отдельные картинки с какими-то всплывающими элементами в том числе.

 

 

И в invisionapp дальше накидывали ссылки – что произойдет при каком-то определенном ховере, что произойдет, если мы переключим вкладку, и этот макет мы уже расшаривали заказчику и обсуждали с ним детали. Заказчик мог оставить здесь комментарии, мы с ним обсуждали.

 

Но у этого подхода тоже были свои минусы – то, что два приложения это все-таки не одно. И если тебе нужно внести какую-нибудь правку, тебе ее всегда нужно сначала внести в твоей картинке в макете. И затем точно так же обновить в invisionapp, точно так же перенастроить все ссылки – достаточно много времени на то, чтобы получить качественный результат.

 

 

И когда несколько лет назад у нас появилась Figma – мы с удовольствием на нее переключились. Сейчас это для нас идеальный инструмент для проектирования интерфейсов.

Figma – это современный редактор графически заточенный именно под проектирование интерфейсов, под дизайн интерфейсов и под их прототипирование. В ней удобно расположились все наши проекты.

На гифке показано, как происходит работа.

У нас есть макет, мы сразу же вносим в нем правки – у нас есть небольшой UI-kit, откуда мы можем добавить кнопки. Здесь же мы можем поменять их текст, поменять расположение местами. Да, это тоже требует навыков работы с графическими редакторами, но гораздо меньших, чем навыков работы с тем же самым Adobe Illustrator.

Чем еще хороша Figma – вы можете в ней работать совместно. Примерно точно так же, как с гуглдоками. У нас достаточно большая команда, и над одним проектом могут одновременно работать несколько дизайнеров, несколько менеджеров тут же смотреть этот проект, несколько разработчиков – оставлять свои комментарии, проводить внутренние демонстрации – точно так же скидывать этот файл заказчику, который буквально онлайн может смотреть за тем, как идет работа. У нас достаточно лояльный заказчик, поэтому мы можем себе такое позволить, иначе так делать, наверное, не стоит – некоторые заказчики начинают очень сильно контролировать, если предоставить им такой шанс посмотреть за дизайнером.

И еще одна очень классная возможность, что, отрисовав дизайн, вы тут же можете настроить связки между экранами и сделать тут же интерактивный прототип – практически собрать приложение, которое будет выглядеть и вести себя так, как будет выглядеть и вести себя ваш конечный продукт.

 

 

Хотелось бы пару слов сказать об 1С Maker. Отличная инициатива, на мой взгляд. Я была просто безумно рада, когда такое решение появилось. С удовольствием зашла, посмотрела, увидела, что пока что очень мало функций, поэтому буду дальше следить за развитием. Уже увидела, что строчки таблиц появились – первая мысль мелькнула, что нам этого очень не хватает, потому что таблицы как раз не очень удобно делать в Figma. И еще один плюс 1C Maker – это то, что там можно переключаться между страницами. В остальном он пока что очень сильно уступает количеству возможностей в той же Figma. И боюсь, что во многих проектах мы не сможем его использовать как раз за счет интеграции с вебом, потому что мы одновременно и дизайн рисуем, и проектируем 1С-ную часть. Но буду с удовольствием советовать коллегам, смотреть дальше за развитием. Будет круто, если в какой-то момент для каких-то форм мы сможем использовать 1C Maker. Пока что не можем, потому что пока что его возможности достаточно ограничены. Но очень круто, что этот сервис появился.

 

UX-дизайнер: что за зверь и зачем нужен

 

И немного хотела поговорить о роли UX-дизайнера в команде. Поговорили о том, с помощью каких инструментов как раз можно делать свои прототипы. Зачем же вам может пригодиться UX-дизайнер, в том числе, наверное, здесь прозвучит пара аргументов для того, чтобы ответить на вопрос – как можно обосновать его ставку.

 

Под UX-дизайнером я здесь буду понимать специалиста, который отвечает за:

  • пользовательские сценарии;

  • поведение интерфейса;

  • внешний вид интерфейса.

У этих профессий достаточно много смежных названий – UX-проектировщик, UI-дизайнер, просто дизайнер, аналитика тоже иногда сюда относят. Это может быть действительно частью функций консультанта на проекте.

 

В первую очередь это человек, который будет переводить с бизнес-языка на язык требований. Отлично, если на проекте есть консультант или внедренец. Но насколько я знаю, есть примеры, когда таких людей на проекте нет, либо они не отвечают за функциональность и за перевод с бизнес-языка на язык требований и этим приходится заниматься разработчику. В случае, если вы выделяете отдельного UX-дизайнера, вы получаете человека, который сосредоточен именно на пользовательских сценариях, сосредоточен на том, чтобы предоставить тот продукт, который нужен заказчику, чтобы он работал и выглядел так, как хочет заказчик. И тем самым, не теряете эту задачу. Иногда в процессе разработки при добавлении функций может появиться какой-то «Франкенштейн», где уже потерялись исходные функции. Как раз UX-дизайнер – если это его цель, отвечать за пользовательские сценарии, будет их держать, будет сопровождать проект. И избавит разработчика и, отчасти, консультанта от обсуждения каких-то мелких деталей по поводу интерфейсов. Точно так же снимет эту боль и с заказчика. Например, заказчики часто предоставляют – если не на их стороне делается прототип, они накидывают самые важные для них функции, не учитывая очень много пограничных сценариев. И эти пограничные сценарии – классно, если учтет консультант, но я подозреваю, что тоже не во всех случаях он сможет это сделать, он все-таки на более высоком уровне абстракции находится к разработке. И все эти пограничные сценарии лягут на разработчика, отчего дальше у нас обратно пойдут изменения в интерфейсе. Отчего обратно пойдут задачи на разработчика, согласование с заказчиком и т.д. – бесконечный круг.

Если у нас есть UX-дизайнер, он уже вначале может сосредоточиться на пользовательских сценариях и продумать эти самые перекрестные сценарии – согласовать их с заказчиком заранее. Сказать ему, что отлично – у нас есть вот эта функция, но что мы будем делать, если пользователь поступит следующим образом?

 

Очень большой плюс наличия UX-дизайнера в команде – это снятие с разработчика необходимости придумывать решения с нуля. Да, это может быть готовое ТЗ, это может быть какой-то набросок интерфейса от руки, тем не менее, разработчик берется за проект, смотрит на то, что ему предоставили, и либо хаотично начинает накидывать все на формы – это относительно интерфейсов (мы сейчас не говорим про работу с данными). Либо просто сидит перед пустой формой и думает, с чего бы начать. Когда в команде есть UX-дизайнер, он выполняет этот этап сам, и уже есть какой-то результат, который можно обсудить с разработчиком. Принести разработчику 1С картинку и сказать: «Заказчик хочет вот так – это вообще реализуемо?» Разработчик 1С скажет: «Вот это – да, а вот это – нет, но можно сделать вот так» и дальше занимается своими основными задачами. UX-проектировщик ушел проектировать и обсуждать дальше с заказчиком.

Таким образом мы очень сильно экономим ценный ресурс разработчика 1С.

 

Ну и UX-дизайнер позволит сохранить легкость использования программы при добавлении функциональности, потому что с первыми версиями, наверное, меньше всего проблем – они, как правило, простые, содержат мало функций, отлично симпатично выглядят, но как только появляются правки и требования добавить еще, еще и еще – может получиться монстр – если у вас в команде нет человека, который будет отвечать за то, чтобы интерфейс остался простым и удобным для использования.

 

 

На слайде приведен комментарий к презентации приложения Яндекс.Go, в которое переросло приложение Яндекс.Такси. Он иллюстрирует то, что получается, когда в одно приложение бездумно добавляется все больше и больше функций. Не говорю, что у Яндекса это было как-то бездумно, но этой фразой точно можно описать, что получается из-за отсутствия проектирования интерфейса.

 

Выводы

 

Что поменялось в итоге:

  • Какое сейчас у меня отношение к 1С? Честно, свои предубеждения по поводу использования платформы мне удалось преодолеть далеко не сразу. Могу сказать, что полностью у меня это получилось сделать только в этом году, поэтому этот доклад это для меня в том числе переходная точка. Если до этого я говорила, что я занимаюсь проектированием интерфейсов и скромно добавляла «в 1С-приложениях», то теперь могу об этом говорит уверенно.

  • Сейчас я вижу гигантский простор для работы – очень круто найти в современном мире отрасль, где еще есть, что сделать. Где есть, куда расти, интересно работать с ограничениями 1С-ных интерфейсов, интересно искать свои решения, свои варианты, внедрять и пробовать что-то новое.

Кратко – что мы сделали в нашей команде:

  • Разделили этапы.

  • Выделили отдельно роль проектировщика.

  • Сняли с разработчика неразработческие задачи – разработчик больше сосредоточился на коде.

  • Внедрили инструменты прототипирования.

  • И внедрили веб-технологии.

 

Вопросы

 

Каким инструментом формируется прототип формы, как согласуется с клиентом и передается разработчику?

В качестве инструмента мы используем Figma. Там же по необходимости создается прототип. Хотя в целях экономии времени мы очень часто просто накидываем рядом несколько состояний одной и той же формы. Этого, как правило, достаточно для согласования заказчиком. Дальше – в Figma есть кнопка расшарить, вы генерируете ссылку, отправляете заказчику, от заходит, может посмотреть все макеты, может оставить комментарии. Мы созваниваемся на скайпе, показываем макеты. Если есть интерактивный прототип – показываем его. Иногда используем интерактивный прототип внутри, чтобы проверить какие-то пользовательские сценарии – удобно ли будет действительно пользоваться той или иной функцией.

Вы показывали 1С-формы, нарисованные в Figma – это готовый набор компонентов форм 1С?

Этот набор компонентов был получен элементарным способом – берется 1С и полностью перерисовывается его элемент. Пока что этот UI-kit еще находится в промежуточной стадии развития – он еще не готов для того, чтобы с кем-то им делиться – он используется в целях разработки внутри. Но мы продолжим над ним работу и постараемся сделать его таким, чтобы выложить и распространить для сообщества.

Вы показывали UI-kit для 1С, им можно пользоваться только в Figma, только на бумаге? Программист его может как-то использовать, например, чтобы с его помощью в конфигураторе набрасывать готовые элементы? Или это просто рекомендация к дизайну?

Это просто рекомендация к дизайну. По внедрению в 1С мы в эту сторону даже и не думали.

Т.е. у вас в UI-kit просто набор стандартных элементов, которые можно использовать?

Да, это то же самое, как конструктор формы внутри конфигуратора – точно так же у нас свой конструктор элементов, из которых можно собрать правдоподобный интерфейс.

Я знаю, что из Figma по API можно получать набор используемых компонентов – например, в веб-разработке Figma связывают с компонентами React, чтобы программно на основе макета создавались элементы в веб-приложении. Можно ли эти возможности как-то адаптировать для разработки в 1С?

В Figma вообще достаточно много плагинов. Я знаю, что там есть выгрузки в сторонние приложения, которые уже больше заточены под верстку. Такие функции точно есть в Sketch (приложении под MacOS, аналоге Figma). Возможно, такие плагины можно адаптировать под работу с 1С.

Когда в компании возникает переломный момент, что ей уже в штате нужен UX-дизайнер?

Во-первых, когда это продукт от среднего до крупного и далее. Во-вторых, когда у вас ограниченный ресурс 1С-разработчиков и большой пул задач, которые необходимо выполнить. И когда заказчик, в принципе, готов платить за хороший и удобный интерфейс. Либо вы смогли это ему качественно обосновать.

 

*************

Данная статья написана по итогам доклада (видео), прочитанного на онлайн-митапе "Интерфейс в 1С". Больше статей можно прочитать здесь.

Приглашаем всех 11-12 ноября принять участие в INFOSTART EVENT 2021 в Москве: event.infostart.ru/2021_msk/

Специальные предложения

Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. Tahallus 430 14.10.21 11:54 Сейчас в теме
UI-kit уже выпустили для сообщества ?
artbear; RayCon; +2 Ответить
2. RayCon 794 17.10.21 16:34 Сейчас в теме
К сожалению, не встретил в тексте слов "существенные реквизиты". А ведь при проектировании бизнес-логики это тот "водораздел", который часто является критерием вывода или, наоборот, невывода реквизитов на форму. Например, фирма 1С в своих типовых решениях часто выводит на форму по умолчанию несущественные реквизиты, и не выводит существенные. Такими формами, например, являются формы в кассовых документах в БП, формы элемента справочника "Договоры" в УХ, обмен ЭДО. Список, к сожалению, можно продолжать долго... Когда пользователь с этим сталкивается, он сначала недоумевает: "Почему так?", а потом, если он рукастый-головастый, начинает судорожно перестраивать неудобные формы либо, если некогда заниматься настройкой, перманентно матерится при каждом новом сеансе работы с этой формой. В общем, я это к тому, что мало быть UX/UI-дизайнером - надо ещё понимать бизнес-логику, чтобы UX/UI-дизайн был на высоте. И этот тезис выводит командную работу на новый уровень. Кстати, командная работа в статье отражена грамотно - респект!
Оставьте свое сообщение

См. также

Кого найти? Кому отдаться? (если вы решили стать 1С аналитиком). Часть 2

Анализ и проектирование ИТ-систем Россия Бесплатно (free)

Во второй части статей по входу в профессию 1С аналитика представляю свое видение пути в профессию. Также разбираем, какие знания для этого потребуются и как их можно получить.

20.03.2023    784    Senator_I    4    

6

Бизнес-аналитик 1С: универсальный солдат или кто?

Анализ и проектирование ИТ-систем Внедрение ИТ-системы Бесплатно (free)

Анастасия Штей рассказала на конференции Infostart Event 2021 Post-Apocalypse, как вырасти до бизнес-аналитика, и через какие испытания придется пройти. В своем докладе она рассуждает, почему эта профессия еще не до конца сформирована на российском рынке, и какие скилы должен качать бизнес-аналитик, чтобы стать профессионалом.

01.03.2023    901    ashtey    0    

7

Гармония порядка и гибкости

Бюджетирование и планирование Анализ и проектирование ИТ-систем Бесплатно (free)

Сегодня мы порассуждаем, можно ли найти идеальный баланс между гибкостью в принятии решений и внутренними правилами, что такое БДР и метод условных начислений, и какое вообще отношение ко всему этому имеет 1С.

15.02.2023    496    alex_safin    1    

7

Пример автоматизированного управления публикацией списка баз

Анализ и проектирование ИТ-систем Администрирование СУБД Бесплатно (free)

Данная публикация в художественном стиле описывает путь нашей команды по решению задачи автоматизации публикаций списка 1С-систем.

29.11.2022    782    Elaks    2    

8

Простой пример частного технического задания (ЧТЗ) для 1С-ника

Анализ и проектирование ИТ-систем Бесплатно (free)

В статье расскажем о том, как происходит разработка структуры технического задания. Покажем пример технического задания в 1С.

27.10.2022    3953    Koder_Line    3    

6

1СПАРК РИСКИ. Сервис оценки благонадежности контрагентов. Промо

СПАРК помогает предотвратить мошенничество со стороны компаний и предпринимателей, благодаря актуальным сведениям о компаниях и системе выявления факторов риска.Сервис позволяет управлять налоговыми рисками и комплексно оценивать благонадежность контрагентов.

Верстка главной страницы Infostart на tailwind

WEB-интеграция Работа с интерфейсом Бесплатно (free)

Сверстал главную страницу infostart на framework tailwind css.

08.09.2022    2909    John_d    21    

29

Печатные формы, отчеты, HTML,JS в новом релизе SimpleUI. Август 2022.

Мобильная разработка Работа с интерфейсом Бесплатно (free)

В новом релизе решена тема печатных форм или в общем смысле выходных форм, причем сдельно это очень и очень просто. С 1С переучиваться не придется. А HTML и JS в «экранах» это попутный результат - теперь можно размещать HTML в контейнерах. Основная статья и комплект разработчика тут: https://infostart.ru/public/1153616/

29.08.2022    2636    informa1555    4    

28

Как донести здравый смысл до заказчика. Инструменты архитектора

Управление проектом Анализ и проектирование ИТ-систем Бесплатно (free)

Андрей Овсянкин на конференции Infostart Event 2021 Post-Apocalypse поделился инструментами, которые помогают ему обрабатывать большой поток задач и экономить недели на обсуждении проекта. Он рассказал, как искать ошибки в процессах, какие диаграммы полезны при общении с заказчиком и с помощью каких инструментов можно быстро рисовать наглядные картинки вместо долгих разговоров.

05.08.2022    9010    Evil Beaver    16    

97

Дизайн-мышление в заказной разработке

Анализ и проектирование ИТ-систем Бесплатно (free)

Метод дизайн-мышления смещает приоритеты разработки на потребности пользователя. Но как понять, что пользователь хочет и учесть его подразумеваемые требования? О том, как с помощью эмпатии к пользователю и визуализации идей сделать удобный для заказчика продукт, в докладе на Infostart Event 2021 Moscow Premiere рассказала Мария Серёгина.

30.06.2022    2281    SerjoginaMaria    15    

8

Автоматизация vs оптимизация

Анализ и проектирование ИТ-систем Внедрение ИТ-системы Бесплатно (free)

Анализ и оптимизация бизнес-процессов становятся все более востребованными в проектах автоматизации, а с массовым переходом с 1С: УПП на 1С:ERP эта задача станет еще более актуальной. О том, как собрать полную картину реальных потребностей вашего заказчика, исходя из логики его бизнес-процессов, на конференции Infostart Event 2021 Moscow Premiere рассказала Елена Иванова.

27.06.2022    2430    e_ivanova    0    

11

Программы для исполнения 54-ФЗ Промо

С 01.02.2017 контрольно-кассовая техника должна отправлять электронные версии чеков оператору фискальных данных - правила установлены в 54-ФЗ ст.2 п.2. Инфостарт предлагает подборку программ, связанных с применением 54-ФЗ, ККТ и электронных чеков.

Скальпель, зажим, … пластырь, валерьянка. Мы закончили..: инструменты работы бизнес-аналитика

Анализ и проектирование ИТ-систем Бесплатно (free)

Считается, что аналитику для работы на проекте достаточно уметь строить бизнес-процессы в одной-двух популярных нотациях. Но это не так, потому что работа аналитика гораздо разнообразнее и не ограничивается рисованием схем. О том, какие инструменты пригодятся аналитику и помогут ему сделать свою работу комфортной и удобной, на конференции Infostart Event 2021 Moscow Premiere рассказала руководитель отдела сопровождения финансового учета компании «Самокат» Анастасия Штей.

23.06.2022    4632    ashtey    0    

38

Эмпатия и системный подход в сборе требований и составлении ТЗ

Анализ и проектирование ИТ-систем Внедрение ИТ-системы Бесплатно (free)

Начальник отдела внедрения и сопровождения информационных систем в торговой сети «Командор» Елена Качаева выступила на митапе «Сбор требований и составление ТЗ». Елена рассказала, как разобраться в особенностях клиента, как найти с заказчиком общий язык и составить корректное ТЗ, которое в дальнейшем будет легко реализовать и сдать.

10.06.2022    2139    kacelena    2    

14

ТЗ как обязательный атрибут в автоматизации. Реальные кейсы из 16-ти летнего опыта

Анализ и проектирование ИТ-систем Бесплатно (free)

Техническое задание – документ, который многим кажется слишком дорогим удовольствием. Руководитель консалтингового направления ГК СофтБаланс Клавдия Макарова объяснила, почему нельзя на него смотреть только с этой точки зрения, и какую пользу он приносит команде и заказчику.

01.06.2022    2267    user1551153    0    

7

Путь покупателя интернет-магазина (Customer Journey) с использованием УФМТП

Анализ и проектирование ИТ-систем Управленческий учет Бесплатно (free)

Недавно у меня вышла статья под названием «Универсальная функциональная модель торгового предприятия (УФМТП) в нотации IDEF0». И одно из пожеланий читателей было пояснить подробнее, как я лично пользуюсь этой моделью и как вообще ее можно применять на практике. В этой статье я выполню просьбу читателей. И на примере взаимодействия покупателей с интернет-магазином продемонстрирую практическое применение этой модели.

12.05.2022    1328    raiml    2    

5

Универсальная функциональная модель торгового предприятия в нотации IDEF0

Анализ и проектирование ИТ-систем Управленческий учет Бесплатно (free)

Из чего состоит предприятие? Какие функции основные, а какие нет? В данной статье вы найдете ответ на этот и другие вопросы. Модель, построенная на основе опыта бизнес-консультанта с использованием нотации IDEF0.

12.05.2022    2946    raiml    4    

7

Видеокурс-практикум: как подготовить и написать ТЗ, ЗНР, ЧТЗ. Промо

В курсе обобщен опыт работы аналитика на проектах в течение пяти лет, в нескольких фирмах. Подходы к написанию документов унифицированы и по возможности не привязаны к конфигурациям 1С.

3 500 рублей

Business Objective Model или Модель бизнес-целей - где, зачем и как применять?

Анализ и проектирование ИТ-систем Бесплатно (free)

Модель бизнес-целей или Business Objective Model (далее BOM) - техника, которая захватила моё сердце и разум с первого взгляда. Простая и наглядная, она помогает избежать того, от чего так часто возникает недопонимание между бизнесом и теми, кто его автоматизирует.

23.03.2022    2325    SerjoginaMaria    18    

19

Графический интерфейс для сценарного языка OneScript и дизайнер форм в придачу

Работа с интерфейсом OneScript Бесплатно (free)

Графический интерфейс расширяет возможности и область применения скриптового языка. Перед вами ещё один вариант GUI для уже широко используемого и отлично зарекомендовавшего себя инструмента автоматизации OneScript. С доступным комплектом контролов можно написать полноценное приложение, со множеством форм и диалогов. Большое внимание уделено документации, есть примеры на каждое свойство/метод. И в придачу к формам написан дизайнер форм. Без него работу над GUI считал не законченной. Всё это для того, чтобы тратить минимум усилий для получения максимального результата.

08.03.2022    2874    ahyahy    4    

56

Power BI дешево или очень дорого?

Консолидация данных Анализ и проектирование ИТ-систем Бесплатно (free)

На онлайн митапе «Бизнес-анализ по данным базы 1С. Интеграция c платформами BI» выступил Петр Базелюк, CTO компании Digital Business. Петр рассказал, как запустить систему аналитики для полноценной цифровизации всего бизнеса, сравнил возможности подписок Free, Pro и Premium и подсказал возможные пути минимизации затрат.

18.02.2022    3832    pbazeliuk    2    

11

Какие риски и ответственность берет на себя бизнес-аналитик

Анализ и проектирование ИТ-систем Бесплатно (free)

Профессия бизнес-аналитика хотя и интересная, но полна неопределенности. Чем должен заниматься этот специалист, какими навыками обладать, за что отвечать? На эти вопросы попытался ответить исполнительный директор Инфостарта Александр Чавалах.

16.02.2022    4115    chavalah    8    

18

Как мы подружили "1С:Аналитику" и "Финансист". Практический опыт

Консолидация данных Внедрение ИТ-системы Анализ и проектирование ИТ-систем Бесплатно (free)

«1С:Аналитика» – достаточно молодой инструмент от фирмы «1С». О том, как его настроить и запустить для отображения консолидированных данных из различных баз, на митапе «Бизнес-анализ по данным базы 1С. Интеграция с платформами BI» рассказала Ирина Богданова – ведущий разработчик тиражного решения «Финансист» в компании WiseAdvice.

11.02.2022    3839    bogira    2    

8

Работа с 1С:Аналитика Промо

Онлайн-курс предусматривает изучение возможностей системы “1С:Аналитика”, которая работает как составная часть платформы “1С:Предприятие” и обеспечивает оперативный просмотр и анализ необходимых данных.

4500 рублей

Не надо делать мне как лучше, оставьте мне как хорошо

Анализ и проектирование ИТ-систем 1С:Франчайзи, автоматизация бизнеса Бесплатно (free)

Даже самое продуманное решение может потерпеть фиаско при внедрении, если пользователи не увидят в нем пользу.

08.02.2022    3511    SerjoginaMaria    37    

19

42 или главный вопрос по бизнес-процессам

Анализ и проектирование ИТ-систем Бесплатно (free)

Приветствую вас, уважаемые коллеги! Меня зовут Анастасия Штей, я – бизнес-аналитик 1С. Именно так я начинала свои доклады на INFOSTART EVENT 2021 Post-Apocalypse и INFOSTART EVENT 2021 Moscow Premiere. Мне очень близка тема бизнес-анализа, изучения подходов и практик моделирования бизнес-процессов и компетенции бизнес-аналитика. И сейчас я запускаю на Инфостарт серию статей, а уже скоро и курс, посвященный основам моделирования и анализа бизнес-процессов.

07.02.2022    7002    ashtey    20    

25

Документальное оформление бизнес-процессов в проектах по автоматизации

Анализ и проектирование ИТ-систем Управление проектом Внедрение ИТ-системы Бесплатно (free)

При формировании проектной документации под конкретного заказчика важно использовать в качестве основного источника информации автоматизируемые бизнес-процессы. О том, как такой подход позволяет соблюсти правило полноты и непротиворечивости информации на митапе «Бизнес-аналитик. Роль в команде, компетенции, инструментарий» рассказал руководитель отдела экспертизы компании «Первый БИТ» Денис Галимов.

02.02.2022    7725    denisgalimoff    3    

23

Как бизнес-аналитик может повысить эффективность и прибыльность разработчиков

Управление ИТ-подразделением Анализ и проектирование ИТ-систем Бесплатно (free)

Эксперты не устают спорить, насколько важны аналитики, какие функции они должны выполнять, как взаимодействовать с другими ролями в проекте. О том, как привлечение бизнес-аналитиков помогло увеличить эффективность разработчиков, рассказал директор и ведущий разработчик украинской компании «Арт Порт» Максим Артёменко.

31.01.2022    2015    drmaxart    2    

8

Матрица компетенций аналитика 1С

Мотивация, лидерство и личная эффективность Анализ и проектирование ИТ-систем Бесплатно (free)

Тема мотивации сотрудников – одна из центральных в любой организации. Но, как и за что премировать работников, определиться сложно. В компании ФТО решили, что нужно сформировать матрицу компетенций, присвоить каждой определенное количество баллов, и уже на основании такой независимой оценки распределять премиальные. Подробнее о системе рассказала руководитель аналитиков 1С проектного отдела компании ФТО Анна Бирюкова.

28.01.2022    4483    abir    20    

18

Программы для исполнения 488-ФЗ: Маркировка товаров Промо

1 января 2019 года вступил в силу ФЗ от 25.12.2018 № 488-ФЗ о единой информационной системе маркировки товаров с использованием контрольных (идентификационных) знаков, который позволяет проследить движение товара от производителя до конечного потребителя. Инфостарт предлагает подборку программ, связанных с применением 488-ФЗ и маркировкой товаров.

Экспресс-обследование и реинжиниринг бизнес-процессов

Внедрение ИТ-системы Управление проектом Анализ и проектирование ИТ-систем Бесплатно (free)

Проведение обследования – это первый этап работы на проекте. От того, как этот этап пройдет, и какие результаты будут получены, будет зависеть дальнейший исход вообще всего проекта. О проведении обследования предприятия для целей управленческого учета на основе МСФО рассказал Генеральный директор ООО «Рэй Консалтинг» Николай Шилкин.

26.01.2022    3026    RayCon    0    

16

Бизнес-аналитики 1С: спрос есть, но кто они?

Управление ИТ-подразделением Внедрение ИТ-системы Анализ и проектирование ИТ-систем Бесплатно (free)

Каждый понимает по-своему, кто такой бизнес-аналитик и чем он занимается. Руководитель компании CORS Consulting Илья Отькало постарался ответить на вопросы, что должен знать такой специалист, какие знания и навыки ему пригодятся в работе.

24.01.2022    7398    otkalo    0    

18

Роль и задачи аналитика в проектной команде при внедрении 1С

Управление командой Внедрение ИТ-системы Анализ и проектирование ИТ-систем Бесплатно (free)

Типовые продукты фирмы «1С» становятся все более гибкими, и функция разработки или изменения для них очень часто вообще не требуется или требуется точечно, поэтому для подобных проектов появился отдельный специалист – аналитик 1С. Какие у него задачи, и чем он отличается от системного аналитика и бизнес-аналитика, рассказал руководитель отдела экспертизы компании «Первый БИТ» Денис Галимов.

19.01.2022    10030    denisgalimoff    8    

21

Как быстро нарисовать блок-схему или изобразить бизнес-процесс

Анализ и проектирование ИТ-систем Россия Бесплатно (free)

Делюсь советами и накопленным опытом по построению блок-схем. Эта информация будет полезна, в основном, новичкам в IT-сфере. Мы рассмотрим идеологию построения любой схемы, первые шаги и поэтапно изучим, как рационально было бы строить каждую новую схемку. Заодно вспомним две самых популярных программы, которые используются для построений.

25.11.2021    14309    VachKirp    10    

18

Реактивный интерфейс для 1С:Предприятия

Работа с интерфейсом Анализ и проектирование ИТ-систем Бесплатно (free)

Интеграция 1С:Предприятие с веб-приложениями требует нестандартных решений. О том, как построить веб-интерфейс для 1С на HTTP-сервисах, и какие технологии при этом можно использовать, на митапе «Интерфейс в 1С» рассказал автор профессиональных курсов по JavaScript в HTML Academy Игорь Антонов.

27.10.2021    5529    antonov_i    17    

23

Распознавание и загрузка документов в 1С Промо

Универсальная программа-обработка для распознавания любых сканов или фото первичных документов в 1С (счета-фактуры, УПД, ТТН, акты и тд). Точность распознания до 98%.

от 11 рублей

Использование PlantUML в Redmine

Анализ и проектирование ИТ-систем Бесплатно (free)

В статье опишу порядок настройки плагина PlantUML для Redmine 4.2

25.10.2021    1165    malikov_pro    2    

9

Уникальный дизайн в 1С на примере разработки реального продукта

Работа с интерфейсом Анализ и проектирование ИТ-систем Бесплатно (free)

Изменить стандартный дизайн интерфейса в 1С можно не только с помощью классических веб-технологий. О том, как для этой цели использовать SVG-картинки, и какие особенности есть у такого подхода, рассказал разработчик 1С в компании «Ангелы ИТ» Сергей Харламов.

18.10.2021    14743    papa_harlo    38    

62

Когда интерфейсам 1С нужны веб-технологии

WEB-интеграция Работа с интерфейсом Анализ и проектирование ИТ-систем Бесплатно (free)

Есть несколько способов сделать интерфейс в 1С богаче и оптимальнее с помощью веб-технологий. О том, какие практические приемы помогут в этой задаче, на митапе «Интерфейс в 1С» рассказали руководители разработки в компании «Арбис» Матвей Серегин и Анна Гнатюк.

15.10.2021    5356    Akcium    11    

63

Детские механизмы для взрослых людей

Мотивация, лидерство и личная эффективность Анализ и проектирование ИТ-систем Бесплатно (free)

Попытки структурировать свое рабочее время, мысли, задачи, хранение файлов и др. предпринимаются всеми и всегда. Правда, с большим или меньшим успехом. В этой статье я расскажу об одном старинном и вполне успешном способе – ментальных картах.

06.09.2021    2231    ashtey    6    

12

Подборка решений для взаимодействия со ФГИС «Меркурий» Промо

С 1 июля 2019 года все компании, участвующие в обороте товаров животного происхождения, должны перейти на электронную ветеринарную сертификацию (ЭВС) через ФГИС «Меркурий». Инфостарт предлагает подборку программ, связанных с этим изменением.

Берримор, ты потерял рецепт овсянки? Не беда, нам поможет DFD!

Анализ и проектирование ИТ-систем Бесплатно (free)

Методология DFD наряду с нотациями IDEF0 и IDEF3 входит в тройку популярных методологий описания бизнес-процессов. Мы не говорим о современных нотациях eEPC или BPMN, мы говорим о классике.

16.08.2021    6282    ashtey    2    

17

Мухи отдельно, котлеты отдельно. Или когда использовать IDEF3?

Анализ и проектирование ИТ-систем Бесплатно (free)

С нотацией IDEF0 разобрались, теперь поговорим о следующем представителе семейства IDEF – нотации IDEF3.

08.08.2021    7247    ashtey    6    

11

Управление моделями при сборе требований

Анализ и проектирование ИТ-систем Управленческий учет Бесплатно (free)

От качественного моделирования и документирования бизнес-процессов во многом зависит правильность реализации требований заказчика в системе. О том, как организовать процесс моделирования при сборе требований – какие инструменты/нотации при этом использовать и как подбирать аналитика, который сможет правильно документировать требования на проекте, рассказал руководитель проектного отдела “Корпоративные финансы” компании WiseAdvice, Сергей Наумов.

16.07.2021    3523    SergeyN    8    

12

Краткий путеводитель по методологиям и нотациям описания и моделирования бизнес-процессов. Часть 4

Анализ и проектирование ИТ-систем Управленческий учет Бесплатно (free)

Сколько бизнес-аналитиков – столько и мнений: какая нотация лучше и какую следует использовать при моделировании бизнес-процессов. Рассмотрим следующую группу нотаций…

01.06.2021    9959    ashtey    1    

11

miniCIO: Исполнитель задач или партнер?

Управление ИТ-подразделением Анализ и проектирование ИТ-систем Бесплатно (free)

Что нужно бизнесу – простое решение его задачи «в лоб» или получение реальной пользы и ценности? А как обосновать, что это реальная ценность, даже если запрашиваемая система не будет внедрена, а всего лишь будут «исправлены» текущие бизнес-процессы? Вопросы очень дискуссионные и не имеют однозначных ответов. Попробуем найти решения. Если вы – программист или даже программист 1С, если вам неинтересно понять, почему бизнес развивается так, а не иначе, то эта статья не для вас. А вот если вам небезразлично развитие и функционирование вашего ИТ-отдела, вам интересны процессы и закономерности – читаем до конца и комментируем.

23.05.2021    1641    ashtey    1    

7