7 заметок с тегом

сбертех

Вакансия иллюстратора, технического дизайнера

Сбер делает образовательную платформу для российских школ. Пара слов о проекте:
https://www.facebook.com/real.sergey.kashin/posts/2784343211592703

У нас команда методологов проектирует учебные материалы. К сентябрю разработают несколько сотен заданий по нескольким предметам.

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

Можно работать сдельно и удаленно.

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

Присылайте результаты тестового задания и пишите о себе:
SIKashin.SBT@sberbank.ru

***

Тестовое задание 1

Ученик видит такую задачу:

«Рассмотрите треугольник PMT. Исходя из данных на рисунке определите, какие отрезки являются медианами, биссектрисами и высотами данного треугольника.
Возможный ответ:
Медианы: PS.
Высоты: MB; PK.
Биссектрисы: ML; TG.»

Что нужно сделать дизайнеру:
перерисовать нормально картинку к заданию, и подсветить на отдельной картинке возможный ответ. Формат png. Размер 1200 х 1200 пкс. В жизни такое будем делать в векторе в svg, так что по желанию можете сразу присылать svg.

Тестовое задание 2

Проиллюстрируйте следующее задание по русскому языку одной картинкой размером 800 х 800 пкс, png:

«О делении словосочетаний по морфологическим свойствам главного слова. Озаглавьте группы в соответствии с тем, какие словосочетания в них представлены — именные, глагольные или наречные. Укажите в каждом словосочетании главное слово.

Группа 1
насвистывая песню
заблудившийся в лесу
изучаем особенности

Группа 2
цель творчества
готов выручить
что-нибудь этакое

Группа 3
неподалеку от школы
очень медленно
несколько скованно»

Тестовое задание 3

Проиллюстрировать следующие пункты в одном графическом стиле. Размер каждого из трех изображений — 400 х 400 пкс, png.

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

Тестовое задание 4

Привести в порядок изображения. Аккуратно, красиво, не растеряв смысл, в едином стиле. Каждое размером 1000 х 1000 пкс, png.

Тестовое задание 5

Создать большую иллюстрацию к учебному модулю по географии о круговороте воды в природе. Разместить надпись «Мировой круговорот воды» крупно поверх изображения. Стиль — на ваш выбор. Размер 2000 х 2000 пкс, png.

Информация о модуле:
Мировой круговорот воды (МКВ) — непрерывный замкнутый процесс циркуляции воды на земном шаре, обусловленный поступлением солнечной энергии и действием силы тяжести. Обеспечивает возможность жизни на планете. Движение воды в океане и свойства вод (температура, соленость) находятся во взаимосвязи с другими географическими процессами.

Чему научится ученик, выполнив задания этого модуля:
Называть причины возникновения ветровых волн, цунами, приливов и отливов, течений.
Описывать закономерность изменения температуры воды в океане от экватора к полюсам и с глубиной, зависимость солености воды от испарения с поверхности и от поступления в него пресной воды: атмосферные осадки, сток с суши.
Перечислять составные части гидросферы, описывать их взаимодействие.
Понимая суть МКВ и свойств мирового океана, оценивать значение гидросферы для жизни на Земле.

***

Присылайте результаты тестового задания и пишите о себе:
SIKashin.SBT@sberbank.ru

А еще напоминаю, что приглашаем опытных дизайнеров:
http://www.cashin.ru/blog/all/vacancy-designer-platform-2/
http://www.cashin.ru/blog/all/vacancy-designer-platform/

Ставьте лайки, делитесь с друзьями.

16 июля   вакансия   дизайнер   иллюстратор   сбертех

Вакансия дизайнера с навыками вёрстки и типографики

Ищу опытного дизайнера с хорошими навыками экранной вёрстки и типографики для веба. Опыт проектирования пользовательского взаимодействия в информационных системах будет плюсом, но главный калибр — вёрстка и типографика.

О проекте уже писал:
http://www.cashin.ru/blog/all/vacancy-designer-platform/
Образовательная платформа для российских школ.

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

Пишите о себе и задавайте вопросы:
SIKashin.SBT@sberbank.ru

Вакансии в Сбертехе. Открыты до 25 июля или пока есть места. Передайте дизайнерам. Лайк + репост!

Еще приглашаю иллюстратора, там тоже круто:
http://www.cashin.ru/blog/all/vacancy-illustrator-tech/

***

Вакансия веб-технолога в Сбертехе

Приглашаем фронтенд-разработчика работать над внутренними системами Сбербанка. Создавать верстку под разные устройства и браузеры. Работать в команде с дизайнерами и разработчиками. Собирать решения на основе готовых интерфейсных компонентов, создавать новые компоненты, улучшать готовые. Пригодится знание Sass, Less, HTML5, ReactJS.

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

Пишите о себе и задавайте вопросы:
SIKashin.SBT@sberbank.ru
Пришлю тестовое задание. Оценить результат поможет технолог Александр Мядзель.

Передайте знакомым фронтендерам.

2018   вакансия   сбертех   технолог

Вторая вакансия редактора в Дизайн-центре Сбертеха

Что у нас может делать редактор? Вот, скажем, информационные системы. Без текста нет интерфейса. Например, в системе электронного документооборота Сбербанка одно из главных направлений для улучшения — упрощение терминологии. Системой пользуются сотни тысяч сотрудников. Представьте, какое количество функций, пользовательских ролей и разных деталей накопилось за годы работы. Приведение в порядок такого хозяйства — это история про эффективное представление информации и способов работы с ней.

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

Например, в документообороте:
регистрационная карточка → документ
проект документа → тоже документ :-)
резолюция → поручение
кому → получатель
визирующее лицо → согласующий
расписать → поручить

Если редактура плохая:
Клиенты не подключают новые услуги. Часто звонят с вопросами. Пользователи не понимают, как найти информацию. Одно и то же обозначается по-разному. Пользователи тратят силы на то, чтобы разобраться в интерфейсах. Новичкам тяжело учиться. Не могут работать без поддержки наставника.

Если редактура хорошая:
Пользователи работают без подсказок наставников, потому что информация сразу подается в понятной форме. Людям легко разобраться в инструментах и запомнить их. Люди не путаются в согласовании документов, потому что задачи на согласование подписываются понятно.

Дизайнеры скажут: ба, да это же про дизайн! Конечно. Области пересекаются. Но и не только про дизайн. Чтобы «просто поменять надпись», редактору придется преодолеть препятствия: у руководителя свои идеи, дизайнер предлагает сократить, юрист требует изменить термины. А когда все договорились — текст вдруг кто-то не согласует.

Приходите, если вам интересно получить опыт работы с текстом, интерфейсами и людьми в сложных проектах.

Напишите о себе:
sikashin.sbt@sberbank.ru
Пришлю тестовое задание.

Передайте знакомым редакторам и дизайнерам.

Редактор → Сбертех

Приглашаем редактора в команду дизайн-центра Сбертеха. Работать над новыми продуктами и услугами. Следить за корректностью интерфейсных текстов. Писать для миллионов клиентов Сбербанка и для сотрудников. У нас для вас горы интересной работы. Если большинство текстов вокруг кажутся вам плохими — приходите.

Присылайте информацию о себе и вопросы: cashin@yandex.ru. Отвечу, задам встречные вопросы и пришлю тестовое задание.

Передайте знакомым редакторам, и дизайнерам, которые внимательно относятся к текстам.

Визуализация данных на Яндекс-карте

Яндекс опубликовал данные о количестве людей на остановках:
https://yandex.ru/company/researches/2017/public_transport_stops

Пользователи фейсбука покритиковали:
https://www.facebook.com/groups/geoviz/permalink/1242448052516342/

Да, чего-то не хватает. Но здорово, что такие данные начинают публиковать, и неплохо публиковать. Яндекс — молодцы.

Пара слов о визуализации на примере этой карты.

Сплошной цвет и прозрачность.

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

Этого можно избежать, если показывать круги не сплошным цветом, а полупрозрачным. Сравните, как работает закраска 100 % и 50 %. Появляются данные, которые были не видны:

Прозрачность полезно применять для визуализации пересекающихся данных, в динамической визуализации неизвестных данных.

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

Отображение распределения во времени

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

Для переключения между часами авторы сделали переключатель:

Данных много. Отображается всегда 1 часовой диапазон из 24. Более 95 % данных скрыты. Поэтому способ перехода между данными должен быть легким и быстрым.

У переключателя есть несколько проблем:

Главная функция — показать общее распределение в течение суток и удобно переключаться между часами. Авторы опубликовали данные, чтобы зрители их увидели. Для того, чтобы увидеть 95 % данных, приходится переключаться.

Что можно сделать ценой относительно малых затрат, если не говорить что «тут всё надо переделать»:

Увеличить максимально активную область временного промежутка, независимо от высоты отдельных столбцов:

Сделать выбор диапазона без кликов. Например, при движении мыши над диаграммой. Чистое проявление закона Фиттса: при выборе отдельных кругов точное позиционирование курсора — это нормально, но выбор диапазона — это смена большого количества данных на экране, тут нельзя полагаться на высокую точность. Подвигайте мышью над временными диапазонами, чтобы увидеть принцип:
Небольшое отступление

Пользуясь случаем, напомню, что Сбертех приглашает начинающих дизайнеров в свою «Дизайн-кухню»: https://special.habrahabr.ru/sbertech/dk/. Мы с коллегами поделимся опытом: Даниил Захаров, Алина Ермакова, Михаил Николаев, Павел Лаптев, Даниил Мелких, Андрей Тиханов, Илья Михайлов, Антон Алексеев, Алексей Павлов и другие. Я буду рассказывать в этот раз не о визуализации. В частности, буду говорить о том, как разобраться в целях большого проекта, как их хорошо сформулировать и понятно оформить цели для себя и других участников. Подавайте заявки.

<Дополнение>

Яндекс обновил карту, кружочки теперь прозрачные. Молодцы. Но переключала периодов осталась неудобная:

2016   визуализация   доклад   сбертех