Предлагаем вашему вниманию перевод истории о создании дизайн системы, рассказанной дизайнером из Societe Generale.
Нынешний всплеск статей о дизайн системах вдохновил нас больше говорить о том, над чем мы работаем в Societe Generale. Мы давно экспериментируем с нашей дизайн системой, и как дизайнер, который глубоко заботится о технических деталях, я лично считаю это огромным достижением в моей карьере.
Поскольку дизайн система — это язык, который позволяет дизайнерам и разработчикам работать в гармонии, я собрал этот материал вместе со своим коллегой Фабьеном Зиби, нашим ведущим разработчиком. Мы поговорим о жизненном цикле нашей дизайн системы и поделимся опытом плодотворного сотрудничества, надеясь, что оно поможет и вдохновит людей, только отправляющихся в этот путь.
Как мы развивались на протяжении многих лет
В Societe Generale мы разрабатываем наш системный подход с 2014 года. В то время мы начали с уже разработанных ресурсов для прототипирования и уже закодированных компонентов для статического HTML, чтобы начать процесс синхронизации цифровых технологий в продуктах SG Markets, нашем B2B рынке финансовых услуг.
Это позволило нам понять поведение наших пользователей с типичными финансовыми интерфейсами и увидеть, какие типы компонентов и какие типы дизайна были наиболее эффективными. Регулярные отзывы в течение следующих нескольких лет позволили нам сделать наше видение более чётким.
Начиная с 2017 года, мы начали более углубленный процесс по работе с дизайн системой. Определение основных принципов и руководств помогло нам унифицировать систему, а интенсивное обновление всех наших компонентов привело к значительно более легкому процессу дизайна. Вся команда дизайнеров внесла свой вклад в эту работу!
Позже, растущее сотрудничество между дизайнерами и разработчиками, в сочетании с нашей стратегией привлечения ранних проектов, вселили в нас уверенность в способности нашей дизайн системы быть широко принятой различными группами разработчиков. Это привело к выпуску полностью масштабируемой дизайн системы, адаптированной для нужд B2B и B2E (Бизнес-работнику) с её выделенной экосистемой, которая используется в настоящее время более чем 750 цифровыми проектами по всему миру.
Но давайте вернём вас к началу, чтобы ближе познакомиться с различными этапами, через которые мы прошли, и кратко ознакомиться с нашими инструментами, которые мы использовали в повседневной работе.
Отправная точка: Опираясь на прошлое
Создание дизайн системы — это одно, а внедрение такой системы в масштабе всей компании — совсем другое. Для этого вам нужно подумать о том, что уже готово и в какой степени вы можете это использовать.
Когда были разработаны первые сервисы SG Markets, мы использовали Bootstrap 3, преимущество было использование сообщества открытого исходного кода — мы не хотели сами изобретать колесо или велосипед.
вполне естественным прогрессом казалось продолжение использования Bootstrap в качестве центральной технологии системы проектирования — особенно после выпуска Bootstrap 4, который по умолчанию предоставил нам библиотеку основных компонентов, переменные SCSS и исправил множество проблем.
Нашим первым шагом было понимание того, как работает новая библиотека. Мы создали таблицу из более чем тысячи переменных SCSS, которые помогли нам быстро определить, какие части необходимо изменить, чтобы начать настройку Bootstrap.
Затем мы добавили переменные для наших конкретных потребностей. Результатом стала «SG» Bootstrap 4 («SGBS4»), которая, с нашим собственным художественным направлением, примененным к существующим компонентам, была готова стать нашей основной структурой. Существующее использование Bootstrap 3 во всей компании позволило легко перейти на новую систему.
Введение в основы
Имея согласованную техническую основу, мы создали наши основные руководящие принципы для художественного направления вокруг четких принципов, которые лежали в основе всей концепции нашей дизайн системы.
ТипографикаВ большинстве случаев, 90% контента сайта составляет типографика. Поэтому мы поместили типографику в центр нашей дизайн системы.
ПространствоДля гармоничных макетов и хорошей иерархии контента мы устанавливаем расчетное соотношение между полем, отступом и пространством.
ОттенкиНаш выбор был вдохновлен интернациональным графическим стилем и сущностью финансовой индустрии.
На ранних этапах развития дизайн системы большая часть нашего времени была потрачена на основные рекомендации. Когда они стали стабильными, было легко определить набор масштабируемых компонентов.
Сегодня, каждый раз, когда мы хотим что-то добавить, улучшить или изменить, мы следим за тем, чтобы соответствовать этим основным принципам, потому что именно они работают вместе для дальнейшего построения системы.
«Три кита» дизайн-системы
Основные переменные и основные направления художественного направления — это основы, на которых мы смогли построить нашу дизайн систему. Другими словами, они являются субатомными элементами, которые затем позволяют создавать атомы.
1. Структура атомного дизайна
Атомный дизайн — это методология, состоящая из пяти отдельных этапов, работающих вместе для создания интерфейсов дизайн систем более продуманным и иерархическим образом.
— Брэд Фрост
Поскольку у нас уже была существующая структура компонентов из нашей предыдущей технической структуры, мы решили сохранить ее философию и сократить пять исходных уровней атомного дизайна до трёх, а именно следующих: компоненты, паттерны и шаблоны/виджеты.
На корневом уровне схемы этих уровней мы сохранили основные переменные — типографику, цвет и интервалы — к которым мы добавили рекомендации по контенту.
Вместе с этой структурой, в результате получается легко настраиваемая система, в которой все компоненты и шаблоны могут комбинироваться или работать индивидуально.
Мы определяем разницу между компонентами и шаблонами в следующем масштабе: компоненты представляют собой отдельные активы, такие как кнопки, входные данные или карточки, в то время как шаблоны объединяют компоненты в формы, заголовки и поля выбора даты.
2. Паттерны, шаблоны и виджеты
Наши паттерны, шаблоны и виджеты регулярно пересматриваются и обновляются в соответствии с новыми вариантами использования и отзывами, которые мы получаем, чтобы быть уверенными, что мы предоставляем наилучший пользовательский опыт. Эти ресурсы также облегчают разработку интерфейса для разработчиков — вся система полностью пригодна для повторного использования и (почти) неразрывна в коде.
3. Руководства
Руководства и инструкции, которые помогут дизайнерам и разработчикам разумно использовать ресурсы.
Наши руководящие принципы являются нашим «единым гласом правды» — они дают нам чёткие и последовательные направления дизайна. Наша общая цель — объединить взаимодействие пользователей с нашими продуктами так, чтобы, когда пользователь был уже знаком с одним продуктом, он мог легко использовать и остальные.
Эти руководящие принципы также делают фазу разработки продукта более быстрой — наши дизайнеры могут убедиться, что их дизайн не соответствует лишь индивидуальному стилю, но и полностью соответствует дизайн системе.
Наш процесс проектирования и его экосистема
Процессы постоянно развиваются на протяжении всего жизненного цикла системы. Чтобы развитие было гармоничным и не перерастало в хаос, нужно опираться на хорошо отлаженные процессы.
Поэтому мы разработали экосистему вспомогательных инструментов, которые помогают постоянно взаимодействовать и работать с нашей дизайн системой.
1. Проектные ресурсы доступны в Adobe XD вместе с компонентами и шаблонами, готовыми к использованию для создания прототипов.
2. Актуальная документация, необходимая для того, чтобы в любой момент поделиться принципами и правилами использования (с фрагментами кода).
3. InVision и Typeform позволяют делиться прототипами с нашими пользователями и помогают собирать обратную связь.
4. «Песочница» для программистов, которая представляет собой «живой» редактор, где дизайнеры и разработчики могут быстро обмениваться фрагментами кода и тестовыми компонентами в любой из наших тем.
Это наше самое последнее дополнение к экосистеме.
Поскольку мы работаем с большим разнообразием вариантов, от менее сложного в финансовом отношении до очень сложного, мы разработали экосистему так, чтобы любой дизайнер или разработчик могли поделиться своими шаблонами.
5. Сайт «песочницы», c доступом для всего сообщества, предназначенный для технических экспериментов со всеми активами в коде.
Он содержит страницы для каждой группы компонентов и позволяет нам тестировать новые версии и обновления дизайн системы в режиме реального времени (поэтому, если мы что-то сделаем, то серьёзных последствий не будет!).
Это добавляет еще один уровень обратной связи к разработке до того момента, как обновление станет доступным.
6. Github Entreprise для отслеживания, разработки и сбора проблем. В целях прозрачности и отслеживаемости мы регистрируем каждое изменение наших компонентов и собираем отзывы, спецификации и изменения от дизайнеров и разработчиков, использующих систему. Любой может сообщить об ошибке и даже исправить ее с помощью пулл реквеста или запроса на удаление.
Что дальше? Проверять и Улучшать!
На сегодняшний день мы находимся в состоянии, когда у нас есть стабильный, но всё ещё развивающийся набор ресурсов и инструментов, которые мы используем ежедневно. Чтобы двигаться дальше, мы спрашиваем опытных пользователей нашей дизайн системы, какие новые функции или активы им понадобятся.
Параллельно мы также спрашиваем новых пользователей, как, по их мнению, мы можем улучшить адаптацию к дизайн системе. Тем самым мы создаем бесценную синергию с нашими пользователями и постепенно способствуем внедрению, что является ключевым фактором успеха. Как и многие компании вокруг, Societe Generale состоит из разнородных команд с различными навыками и уровнями вдохновения.
Всё это делает достаточно неразумной идею немедленно навязать новую систему этим командам и их продуктам.
Если вы начинаете создавать свою собственную дизайн систему, вот наш главный совет: оставайтесь созидателями с широким кругозором! Одна вещь, которую мы узнали при создании нашей дизайн системы, заключается в том, что мы не можем быть сразу правы во всём или создавать совершенную систему с первой попытки. Создание дизайн системы — это большой проект, требующий большого объёма работы, но имейте в виду, что любой, кто использует ее, может быть носителем ценных идей. Поэтому «вы не выиграете эту войну» с принятием дизайн системы, если откажетесь сделать систему открытой и дать ей быть масштабируемой.
Habrahabr.ru прочитано 3657 раз
Источник: https://pcnews.ru/top/blogs/month/%5Bperevod%5D_dizajn_sistema_societe_generale_garmonia_dizajna_i_razrabotki-940171.html
Менеджер по качеству: кто он?
специалист по системам менеджмента, корреспондент
В период с января 2017 по февраль 2018 года средняя заработная плата специалиста в области качества по России составила 37 тыс. руб., тогда как в Санкт-Петербурге это 43,5 тыс. руб., в Москве – 53 тыс. руб.
Представленная информация позволяет судить о разнице зарплат в различных субъектах РФ. Реальные доходы специалистов могут быть несколько выше, так как выводы сделаны на основе опубликованных данных. Многие работодатели редко указывают в открытом доступе зарплатные предложения.
Так, по России вакансий с объявленными зарплатами всего 41 процент, по Москве – 38 процентов, а в Санкт-Петербурге – и вовсе 30 процентов.
О более высоких зарплатах свидетельствует и исследование, проведенное компанией HeadHunter в марте 2018 года: 59 процентов респондентов оценили свой доход в более чем 70 тыс. руб., из них 14 процентов получают более 100 тыс. руб.
Об этом говорит и то, что зарплатные ожидания 63 процентов соискателей на должность составляют более 60 тыс. руб.
При анализе выборки из ста вакансий выяснилось, что практически все работодатели ищут ответственных, коммуникабельных, стрессоустойчивых работников, имеющих высшее образование и опыт работы от двух лет. Требования к возрасту или полу не предъявляются.
Топ-10 необходимых компетенций менеджера по качеству, по мнению работодателей:
- Знание требований стандартов ИСО серии 9000 – 30%.
- Английский язык на разговорном уровне – 17%.
- Опыт работы в пищевой промышленности – 16%.
- Наличие профильного образования: технического, фармацевтического, химического или биологического – 14%.
- Знание стандартов пищевой промышленности ХАССП и ИСО 22000 – 13%.
- Знание стандартов охраны труда OHSAS и ИСО 45001 – 7%.
- Знание стандарта ИСО 17025 – 6%.
- Опыт работы в управлении проектами и знание PMBoK – 4%.
- Опыт обучения сотрудников – 3%.
- Знание инструментов автомобильной промышленности (FMEA, 8D, PPAP и проч.) – 3%.
Знание стандарта ИСО 14001, 5S, Business Studio, GMP, Lean 6 Sigma не так востребованы – они встречаются в 1–2 процентах вакансий.
Есть и такие экзотические требования, как «любовь к созданию и оформлению документов», «способность к моделированию коллег разного уровня должностей».
Практически нет запроса на знание статистических методов или инструментов повышения эффективности, без чего невозможно улучшение. Получается, что, с точки зрения работодателей, менеджер по качеству должен только поддерживать соответствие применяемым стандартам, а не совершенствовать процессы и продукцию.
ХАССП (англ. Hazard Analysis and Critical Control Points, HACCP – анализ рисков и критические контрольные точки) – концепция, подразумевающая систематическое определение, оценку опасных факторов, существенно влияющих на безопасность продукции, а также управление ими.
ГОСТ Р ИСО 22000-2007 «Системы менеджмента безопасности пищевой продукции. Требования к организациям, участвующим в цепи создания пищевой продукции». ИСО 45001:2018 «Системы менеджмента охраны здоровья и безопасности труда. Требования и рекомендации по применению».
Через три года полностью заменит предыдущий стандарт в данной области – OHSAS 18001:2007. ГОСТ ИСО/МЭК 17025-2009 «Общие требования к компетентности испытательных и калибровочных лабораторий». PMBoK – A Guide to the Project Management Body of Knowledge – Руководство к своду знаний по управлению проектами.
Выпускается с 1986 года. ГОСТ Р ИСО 14001-2016 «Системы экологического менеджмента. Требования и руководство по применению». 5S – инструмент бережливого производства, применялся в компании Toyota. Состоит из пяти шагов: 1) соблюдай порядок, 2) совершенствуй, 3) содержи в чистоте, 4) сортируй, 5) стандартизуй.
Business Studio – программный продукт для моделирования бизнес-архитектуры.
GMP (Good Manufacturing Practice – Надлежащая производственная практика) – руководство, содержащее минимальные требования, которые должен выполнить производитель, чтобы гарантировать надлежащее качество своей продукции (услуг). Используется в фармацевтической, медицинской и косметической промышленности.
подробнее
Взгляд соискателей
На март 2018 года на HeadHunter открыто более 700 вакансий и размещено более 200 тыс. резюме на должность «Менеджер по качеству». Подобный запрос сопоставим с запросом на метрологов: их по России требуется чуть меньше 800. Для сравнения: запрос на маркетологов составляет 5 тыс. вакансий, а технологов – почти 6 тыс.
При анализе резюме соискателей выясняется, что по многим параметрам спрос и предложение совпадают:
- 83% кандидатов имеют высшее, а 5% – неоконченное высшее образование;
- 94% имеют опыт работы более трех лет, из них 80% – более шести лет;
- 32% могут проходить интервью либо свободно владеют английским языком;
- 56% являются мужчинами, а 44% женщинами.
Топ-10 ключевых навыков менеджера по качеству по мнению соискателей:
- Ведение переговоров – 17%.
- Организаторские навыки – 16%.
- Пользователь ПК – 15%.
- Работа в команде – 15%.
- Управление проектами – 14%.
- Деловая переписка – 13%.
- Управление персоналом – 11%.
- MS Outlook – 10%.
- MS PowerPoint – 10%.
- Английский язык – 9%.
Интересно распределение возраста кандидатов на вакансию менеджера по качеству.
Мы видим нетипичную ситуацию. Обычно гораздо чаще работу ищут студенты и выпускники вузов, чем более опытные специалисты. Им необходимо получить опыт и рекомендации, а возможности искать работу «по знакомству» есть не у всех. Однако среди специалистов в области качества молодых соискателей в возрасте до 25 лет только 13 процентов.
Это при том, что в России более ста вузов готовят кадры в области управления качеством, а это ежегодно около 3 тыс. выпускников. Можно сделать вывод, что молодые специалисты не стремятся работать по специальности.
Небольшой процент соискателей старше 46 лет объясняется тем, что люди старшего возраста реже меняют место работы. Кроме того, должность «менеджер по качеству» в современном ее понимании появилась в России не так давно – около 20 лет назад. Ее функционал отличается от обязанностей контролера ОТК, что требует дополнительного обучения.
Однако для многих данная должность не самоцель, а отправная точка для карьерного роста. Например, если соискатель выучит английский язык и освоит методологию «Шесть сигм», он может стать специалистом по операционной эффективности или бизнес-аналитиком. Так что многое зависит от человека и его желания совершенствоваться.
Взгляд со стороны
По мнению Максима Екатеринина, генерального директора Института технического регулирования, стандартизации и сертификации (ITRC), главного редактора журнала «Методы менеджмента качества», наибольший интерес в исследовании представляют ключевые требования, предъявляемые к кандидатам. Не секрет, что в первую очередь важен опыт, а также обязанности на предыдущем месте работы и достигнутые результаты.
В представленном анализе знание требований стандартов ИСО серии 9000 является одной из ключевых компетенций. Однако если работодатель сформулирует запрос именно в таком виде, нет гарантии, что он получит ожидаемый результат. Одно дело знать стандарт, другое – уметь применять его требования на практике.
Максим Екатеринин генеральный директор Института технического регулирования, стандартизации и сертификации
В топ-10 требований входит также знание некоторых отраслевых стандартов. Их набор говорит, скорее, о сфере деятельности потенциальных работодателей. Так, менеджер по качеству в пищевой промышленности должен пользоваться стандартом ИСО 22000. Если у кандидата есть подобный опыт, его надо обязательно отразить в резюме.
Популярность компетенции «знание требований стандартов OHSAS 18001 и/или ИСО 45001» указывает на повышенное внимание руководства организаций к вопросам охраны труда и противопожарной безопасности. Это не может не радовать.
Для специалистов, которые будут вовлечены в деятельность лаборатории или испытательного центра работодателя, особенно важно наличие опыта применения стандарта ИСО/МЭК 17025. Однако не всегда менеджера по качеству на уровне организации подключают к данным вопросам. Часто за это направление отвечает соответствующий специалист лаборатории.
Максим Екатеринин
Однако таких специалистов на рынке труда найти сложно. Кроме того, их зарплатные ожидания существенно выше среднего.
Отчаиваться не стоит, потому что каждый работодатель может сам вырастить специалистов, необходимых для своей организации. Важным условием для этого является знание иностранного языка. Менеджер по качеству должен оперативно анализировать и адаптировать требования стандартов к специфике предприятия.
Между тем сегодня все международные стандарты и надлежащие практики утверждаются/пересматриваются на английском языке. Официального перевода порой приходится ждать очень долго. Например, стандарты ИСО 45001:2018 и ИСО/МЭК 27001:2013 до сих пор не имеют версии на русском языке. Кроме того, перевод может исказить смысл терминов.
Помимо письменного, надо совершенствовать и разговорный английский. Важной характеристикой менеджера по качеству является стремление к изучению новых практик, что невозможно без общения с иностранными партнерами и экспертным сообществом.
В заключение несколько рекомендаций кандидатам от Максима Екатеринина. Надо учитывать, что не всегда поиск кандидатов ведется по базе резюме. Обычно работодатели сначала опрашивают знакомых, ближайшее окружение.
И при отсутствии результата рассматривают кандидатов «с улицы». Поэтому молодым специалистам можно посоветовать еще во время учебы в вузе выбрать интересующую их компанию и постараться устроиться туда на практику.
Для предприятий различных отраслей очень важно, чтобы молодые сотрудники работали по специальности. Работа менеджера по качеству достаточно интересная и предполагает постоянный рост компетенций. Екатеринин также заметил, что представленные HeadHunter данные можно считать, скорее, отправной точкой, потому что многие компании предъявляют повышенные требования к кандидатам.
Благодарим HeadHunter за предоставленную информацию.
#карьера #персонал #аналитика
Источник: https://kachestvo.pro/kachestvo-upravleniya/sistemy-menedzhmenta/menedzher-po-kachestvu-kto-on/
Фск еэс. наметилась отправная точка роста — технический анализ на бкс экспресс
Итоги торгов
На предыдущей торговой сессии акции ФСК ЕЭС упали на 0,88%. Закрытие проходило на отметке 0,19296 руб. Бумаги выглядели хуже индекса МосБиржи, выросшего на 0,96%.
Краткосрочная картина
В прошлом месяце котировки дважды протестировали верхнюю границу долгосрочного падающего канала (фиолетовый пунктир), но последовал отскок вниз. Сейчас котировки снова направляются в ее сторону, усиливая шансы на пробой вверх. Вчерашнее снижение стало лишь коррекцией в локальном up-тренде (розовые линии).
Трендовые индикаторы указывают на преобладание покупателей, но есть небольшие риски продолжения нисходящей коррекции от 0,2 руб.: 30-периодная EMA растет, но быстрая линия MACD снижается под сигнальной кривой, хотя и в зоне быков. Осцилляторы, в целом, на стороне покупателей — располагаются в зоне роста.
В краткосрочной перспективе ожидаю отскока наверх от нижней границы локального up-тренда (розовые линии) с последующим ростом к верхней границе долгосрочного падающего канала (розовый пунктир). Вероятен пробой данной границы. При таком раскладе следующей целью выступит сопротивление 0,201 руб.
Менее вероятный негативный сценарий подразумевает пробой нижней границы розовой растущей тенденции с последующим выходом из краткосрочного up-тренда (синие линии) вниз.
Внешний фон
Внешний фон с утра складывается умеренно позитивный. Американские индексы остались примерно на тех же уровнях после закрытия основной сессии на МосБирже. Азиатские индексы торгуются на положительной территории. Фьючерс на S&P 500 растет на 0,36%. Нефть Brent сегодня в плюсе на 0,64%.
Долгосрочная картина
Долгосрочный взгляд умеренно позитивный. За последний месяц котировкам удалось стремительно вырасти, достигнув верхней границы долгосрочного нисходящего канала (фиолетовый пунктир). Однако сейчас наблюдается отскок вниз. Ближайшей разворотной точкой может стать нижняя граница краткосрочной растущей тенденции (синие линии).
В перспективе нескольких месяцев ожидаю повторное тестирование верхней границы долгосрочного падающего канала (фиолетовый пунктир) с последующим ростом в сторону сопротивления 0,21 руб.
- Подробное описание всех технических индикаторов
- Уровни поддержки: 0,19 / 0,1885 / 0,1875 / 0,179 Уровни сопротивления: 0,201 / 0,21 / 0,26
- БКС Брокер
Источник: https://bcs-express.ru/tehanaliz/fees/13.12.19
Загрузка...
