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

сбертех

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

25 апреля   вакансия   дизайнер   редактор   редактура   сбертех

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

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

Присылайте информацию о себе и вопросы: 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/. Мы с коллегами поделимся опытом: Даниил Захаров, Алина Ермакова, Михаил Николаев, Павел Лаптев, Даниил Мелких, Андрей Тиханов, Илья Михайлов, Антон Алексеев, Алексей Павлов и другие. Я буду рассказывать в этот раз не о визуализации. В частности, буду говорить о том, как разобраться в целях большого проекта, как их хорошо сформулировать и понятно оформить цели для себя и других участников. Подавайте заявки.