Дизайн разбор 💬 На скринах несколько блоков главной страницы сайта. Какие ошибки в дизайне допущены? Или что понравилось в дизайне? Ждём ваше мнение👇

Вакансия, финтех, Тинькофф

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

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

Команда сервиса ориентируется на бизнес-метрики и внедряет data-driven подход в работе над улучшениями.

Это отличная возможность окунуться в действительно важное направление для компании, работать с реальными болями внутренних заказчиков и пользователей, а также влиять на верхнеуровневые бизнес-показатели

Подробности и форма для отклика:
https://www.tinkoff.ru/career/it/design/product_designer_twork/

Минутка дизайна и жизни:

Хороший пример творческих союзов в профессии — дизайнеры Ганс Фертш, его жена Зигрид фон Баумгартен. Работали вместе над дизайном афиш. ФРГ.

Анастасия Ланцева написала о контрастности.

— WCAG допускает 2 уровня хорошего контраста: достаточный (АА) и повышенный (ААА);
— АА: от 4,5 для основного текста, от 3 для крупного больше 24 px или жирного больше 18 px;
— ААА: от 7 для основного текста, от 4,5 для крупного или жирного;
— Для элементов, которые не надо читать: от 3;
— Самый светлый цвет в 21 раз ярче самого тёмного. Яркость измеряется от 0 до 1, чтобы не делить на ноль, поделили 1,05 на 0,05 и получили 21. Порог контрастной чувствительности глаза — 0,02;
— Стандарт WCAG рекомендует придерживаться уровня АА, если нет особых требований, придерживаться уровня ААА не обязательно;
— Слишком высокая контрастность может вызывать усталость глаз, повышенную утомляемость, способствовать приступам эпилепсии, создавать визуальные искажения (вспомните визуальные иллюзии с контрастными объектами). Близорукость усиливает эти эффекты;
— Такая контрастность подойдёт промосайтам, с которыми пользователь не взаимодействует долго;
— Вычисляется по значениям RGB, но в реальности на неё влияет тип экрана (TN-матрица понижает контраст), освещение и свойства шрифтов (слишком тонкие линии менее контрастны);
— Текущий алгоритм некорректно оценивает некоторые цветовые пары и в целом не учитывает а) размер цветного элемента, б) где фон, а где текст. В WCAG 3.0 обещают новый алгоритм (APCA);
— Контрастность растёт нелинейно. Для чёрного цвета первая половина цветовой шкалы даёт 4 пункта контрастности, а вторая — 17.

Кстати, в эту субботу, 23 сентября, начнётся новый поток курса Валерии Курмак о цифровой доступности. Я сам прошёл его прошлым летом, и могу рекомендовать.

Курс помогает сформировать комплексное понимание того, как создавать доступные цифровые продукты с точки зрения дизайна и разработки, как тестировать доступность в вебе, iOS- и Android-приложениях.

Занятия ведут специалисты, которые давно занимаются доступностью (не так давно я упоминал инструмент Миши Рубанова для разметки макетов для скринридеров), а также люди с инвалидностью. Незрячий или слабовидящий человек протестирует и даст обратную связь по вашей курсовой работе.

#color #accessibility

Минутка размышлений.

Наше мышление — главный инструмент.

Хотя иногда кажется, что в дизайне все получается само, без «включения головы» и глубоких размышлений. Да так и есть, ведь сама работа головой это привычка в любое время дать мысли просто быть услышанной сознанием, это состояние потока мысли, которое мы старательно учимся контролировать или не учимся и уходим в чистое искусство самовыражения. Контролировать процесс мышления это и есть ментальное проектирование — дизайн смысла. Всегда волнуюсь, когда думаю о таких вещах, за десяток лет и выпустив тысячу курсантов, студентов и учеников — не могу дать универсального ответа, в мышлении все индивидуально на практике, а теория часто сильно обобщает «обычных людей» и творчески заряженных. Мне повезло работать со всеми.

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

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

В дизайне приходится много работать головой и руками и часто результат кажется работой интуиции, да так оно и есть, но только вот сама эта интуитивная способность найти решение приходит не просто так и ниоткуда, её надо уметь «подкармливать» интересными практиками и обучить нейроны мозга искать между собой новые связи — ментальной гибкости. Развитие интуиции это самый таинственный из творческих процессов — очень интересный инструмент мышления. Если не попадете на спецсуперкурс, это ничего, у меня в книжке многое полезное есть и ждет вас и это не реклама вообще, а дружеский совет. Наше мышление — наш инструмент.

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

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

Источник
#mobile