https://deniskovalev.com Denis Kovalev Sun, 20 Nov 2022 22:56:48 +0000 https://deniskovalev.com en http://deniskovalev.com/V-CEM-ZAKLYCAETSY-RABOTA-VEDUSEGO-DIZAINERA Sun, 20 Nov 2022 22:56:48 +0000 Denis Kovalev 433930 В чем заключается работа ведущего дизайнера?&nbsp; Может быть вы уже стали ведущим дизайнером и пора снова просить повышения и новых коллег в команду? А может нет, но чувствуется, что все равно готовы стать лидером своей команды? Сегодня рассказываем какие софт скиллы вам понадобятся для того, чтобы стать ведущим дизайнером.<img width="1600" height="803" width_o="1600" height_o="803" src_o="https://cortex.persona.co/t/original/i/958bab7d6a12d95c6e62182d9dd6bf9323a72fe68a8e800c1a0ef3832c59b549/SL.png" data-mid="1241302" border="0" /> 1. Вы и ваши подопечные созданы друг для друга Контроль над другими подозревает под собой правильную постановку задач. Поэтому необходимо уметь мгновенно понимать уровень квалификации других дизайнеров и определять цели проекта. Иногда новые члены команды хотят зарекомендовать себя, взяв на себя слишком сложные таски. Новая работа + малознакомая команда + трудные задачи = выгорание. Вы не хотите вялых работников, тогда и проект пойдет насмарку. Ведущий дизайнер должен четко ставить понятные задачи, только так вы сможете обещать заказчику отличные результаты. 2. Забудьте про микроменеджмент Если вы — перфекционист, то вполне возможно, что должность ведущего дизайнера не для вас. Вместо того, чтобы следить за цветом каждого блока, лидер команды обязан обеспечить подопечных возможностью принимать решения самостоятельно. В конце концов, работа дизайнером подозревает креативность, а если ведущий дизайнер контролирует каждое движение в Фигме, творческий потенциал реализовать не получится.Вам же для этого придется серьезно погрузиться в вопрос правильной приоритизации задачи. 3. Самое время изучить основы дипломатии Нравится вам или нет, но передать кучу задач джуниорам и забыть про проект не получится. Ведущий дизайнер — это посредник между заказчиком и командой. Не стремитесь выполнить необоснованные требования начальства, отфильтруйте неважные таски и объясните руководству почему именно вы приняли такие решения.Давайте представим, что руководитель сказал разработатить дизайн целого сайта к следующей неделе. А сегодня четверг! Это то самое необоснованное требование, поэтому вы должны понятным языком объяснить почему это сделать к понедельнику невозможно, а также предложить более разумный план действий. 4. Цените других дизайнеров Вы не смогли бы стать лидером, если бы у вас не было бы своей команды. Помните: люди любят похвалу. Это важно для членов вашей команды, особенно для молодых специалистов, так как синдром самозванца преследует в начале карьеры всех и каждого. Положительный фидбэк также поможет вашей команде более активно работать.Когда вы презентуете финальный вариант дизайна, обязательно расскажите какой из ваших дизайнеров был ответственен за ту или иную часть дизайна, а еще лучше разделить презентацию между всеми участниками. Это помогает молодым специалистам построить личный бренд, да и вы им только больше понравитесь. 5. Благоприятные условия работы — залог успеха Как бы вы не старались балансировать между дизайнерами и начальством, если обстановка вокруг напряженная. Попробуйте: Регулярно узнавать как дела у ваших подопечных. Даже если они всегда вовремя закрывают таски, не факт, что у всех все хорошо — возможно кому-то из них нужны небольшие советы или подсказки;Обсуждать ошибки (как их, так и свои). Благодаря такой практике, люди понимают, что идеальных проектов не бывает, а на ошибках можно учиться. В конце концов, никто не умер, так что слишком страшных ошибок не бывает;И кстати, про учебу. Поощрять ее важно, например, можно организовывать мастер-классы. Ваши подопечные скажут вам спасибо. Крайне важно стать не просто лидером, а настоящим ментором для своей команды. Чтобы стать хорошим ведущим дизайнером, не обязательно соблюдать все эти советы. Вам придется подстраиваться под самые разные ситуации и запросы, постоянно сталкиваться с форс-мажорами и прочими неприятными ситуациями. Но, как говорится, век живи&nbsp; — век учись. &nbsp; В чем заключается работа ведущего дизайнера?&nbsp; Может быть вы уже стали ведущим... http://deniskovalev.com/KAK-ULUCSIT-REITING-PRILOZENIY-V-Appstore Tue, 08 Nov 2022 20:10:36 +0000 Denis Kovalev 433257 Как улучшить рейтинг приложения в AppStore?Одним из лучших и рабочих способов поднять рейтинг вашего приложения в AppStore является правильное использование запросов на оценку приложения и пользовательские отзывы. Как часто их использовать, чтобы добиться наилучшего результата, мы разберем в этой статье. <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/e537799aa30730d7c37b5e1d8973a49dc49f15ea96f7f6e4d1ce213ecd0049c4/Article-004.1.jpg" data-mid="1239653" border="0" /> Заставить пользователей оставить отзыв о вашем приложении — важный элемент любой маркетинговой стратегии продвижения продукта, поэтому запросы на оценку приложения очень важно сделать правильно. Также эти запросы могут предоставить вам ценные отзывы о вашем приложении, которые помогут вам понять ваши проблемы и разработать улучшения вашего продукта, действительно нужные вашим пользователям. И, конечно же, пользовательские рейтинги напрямую влияют на ваш рейтинг как в App Store, так и в Google Play — чем больше 5-звездочных оценок приложения, тем выше скорость бесплатного привлечения новых пользователей. Тем не менее, как известно любому владельцу приложения, заставить клиентов оценить приложение и оставить отзыв невероятно сложно. Не существует универсального трюка, чтобы заставить пользователей оставить хороший отзыв о приложении, но кажется мы нашли решение в психологии. Как известно из психологии, люди склонны к хорошим делам, в тот момент, когда они счастливы или довольны. И мы решили попробовать, а что если мы определим все возможные события/действия в приложении, после которых пользователь может испытывать позитивную эмоцию, и в этот момент покажем экран оценки приложения. В Revolut App это были такие события как: первое использование фичи Split bill, покупка криптовалюты или акций компаний, получение денежной награды за прохождение обучающего курса, обмен валюты по биржевому курсу, донейт в благотворительный фонд и тд. Также мы решили, что мы не будем показывать эти запросы для новых пользователей, так как они все равно еще не успеют сформировать объективное мнение о нашем приложении. И в случае, если пользователь закроет экран, в следующий раз мы его покажем только минимум через 1 месяц, чтобы не раздражать постоянных пользователей и не провоцировать их на негативную оценку. <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/6346af23d247d6fe848f8d527cbaac02599e33c5f90eb0032ac3d9ae07de5d65/Article-004.2.jpg" data-mid="1238720" border="0" /> Алгоритм по которому мы в Revolut показываем экран оценки приложения. <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/33c6de616693d2c636250f81577a93476218ddf006cdde5ba4b3eb45a0abf346/Article-004.3.jpg" data-mid="1238523" border="0" />Пользователь нажимает I like it, после чего мы предлаем ему оценить приложение в App Store. <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/00c412d37e9db3b1ad26cff5136a117c784d57ebb9f056f4680289d9060ac2ad/Article-004.4.jpg" data-mid="1238526" border="0" /> Пользователь нажимает Not so much, после чего мы спрашиваем фидбек. Если пользователь ответит негативно и нажмет Not so much, можно попросить у пользователя фидбек, поинтересоваться, что мы можем улучшить в приложении. Если пользователь отвечает негативно, наверняка его что-то раздражает, и он c большей вероятностью готов этим поделиться. На самом деле, запросы фидбека служат на пользу конечному пользователю, предоставляя ему возможность для выражения своего мнения и ускорения реальных изменений в приложении. Результат После того, как мы реализовали эту логику, значительно выросло количество положительных оценок (особенно 5 звезд), и самое главное, вырос общий рейтинг с 3.8 до 4.9 за очень короткий промежуток времени и не опускался ниже 4.6. <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/808d098b6823302adb76e8793a3c096ba3b93b72f5de7150b76eea224b7bfb89/Article-004.5.jpg" data-mid="1238672" border="0" />Рейтинг 4.9 Revolut app в Appstore Как улучшить рейтинг приложения в AppStore?Одним из лучших и рабочих способов поднять... http://deniskovalev.com/Untitled-page Mon, 07 Nov 2022 11:07:46 +0000 Denis Kovalev 433170 Создание адаптивной карты с помощью auto-layout в FigmaДля понимания и успешной практики современного дизайна важно понимание визуальных контрастов. Основные принципы, которые касаются формы и цвета, были заложены Йоханнесом Иттеном в 1920-х. С тех пор прошло сто лет, но его курс еще не утратил своей актуальности. В данной статье я покажу несколько примеров на основе современного UI-дизайна. Создание адаптивной карты с помощью auto-layout в FigmaДля понимания и успешной практики... http://deniskovalev.com/VIZUAL-NYE-KONTRASTY-FORMY-V-DIZAINE Sun, 06 Nov 2022 20:49:02 +0000 Denis Kovalev 433153 Визуальные контрасты формы в дизайнеДля понимания и успешной практики современного дизайна важно понимание визуальных контрастов. Основные принципы, которые касаются формы и цвета, были заложены Йоханнесом Иттеном в 1920-х. С тех пор прошло сто лет, но его курс еще не утратил своей актуальности. В данной статье я покажу несколько примеров на основе современного UI-дизайна. <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/f61d647e99da2ea96e9d0fac3b969289e85c33552d67503c14bc1f26b9976f1b/Article-002.1.jpg" data-mid="1238176" border="0" /> Визуальные контрасты могут работать по-разному, поэтому я попытаюсь сделать небольшую классификацию разных типов контрастов формы. 1) Самый простой контраст — контраст самой формы — это может быть простая форма, состоящая из одной линии и другой, сложной ассиметричной формы, ( также контрасты круга, треугольника и квадрата); 2) Контраст по масштабу (большой и маленький); 3) Контраст по восприятию объекта в пространстве (одна и та же форма, которую поместили в пространство вертикально или горизонтально, может ощущаться по-разному); 4) Контраст по ширине (широкий и узкий); 5) Контраст по глубине (применимо к трехмерным объектам); 6) Контраст по динамичности. В зависимости от композиции, направления и угла, форма может производить разное впечатление на зрителя, к примеру давать ощущение статики и движения;Другая группа контрастов, это контраст одной и той же формы: 1) Светлый и темный. Одинаковые формы кажутся разными, в зависимости от светлоты тона; 2) Четкий и размытый контур производят также визуальный контраст 3) По объему, тяжести предмета, к примеру, некоторые предметы будут казаться легче в зависимости от композиции или от того, закрашен объект или нарисован одной линией. Все описанные контрасты также могут сочетаться между собой, к примеру размер и форма, или размер, форма и направление, к размеру и форме можно добавить текстуру, для шрифтов применима форма и вес, или форма, вес и размер. Контраст — это эффективный инструмент для привлечения внимания пользователей к определенным объектам, он очень важен для создания интуитивно понятной навигации и юзабилити цифрового продукта. В интерфейсах, при помощи контрастов можно выделять более важную информацию, а второстепенную визуально выносить на второй план. Также когда в интерфейсе пресутсвуют контрасты, это значительно улучшает композицию и соответственно визуальную часть. В интерфейсах чаще всего используются контрасты масштаба/формы и шрифтов. Ниже я покажу примеры этих контрастов в реальных интерфейсах. Примеры контрастов между формами: <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/157bc5d23f3816254f4682ecfd86869818f5499ff9acc53756040747c6706c7c/Article-002.2.jpg" data-mid="1238179" border="0" /> <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/07a75e5b6e1da00c3d855fbaed93b1fa421d238f360ee4fdf4b6499d505b40bd/Article-002.3.jpg" data-mid="1238232" border="0" /> S - Small; M - Medium; L - Large. Примеры контрастов между шрифтами: <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/fbd3c23526314b1bb45ff18795b2002236223936a85f03eb16562751b520c8d4/Article-003.1.jpg" data-mid="1238234" border="0" /> <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/80ed938110c80fdd27f468797d8620a0ef460d341eafa6d2d238aef5af8504b4/Article-003.2.jpg" data-mid="1238235" border="0" />S - Small; M - Medium; L - Large. Визуальные контрасты формы в дизайнеДля понимания и успешной практики современного... http://deniskovalev.com/KOMPRESSIY-VIDEO-S-MINIMAL-NOI-POTEREI-KACESTVA Tue, 20 Sep 2022 11:28:22 +0000 Denis Kovalev 430730 Компрессия видео с минимальной потерей качестваНа веб сайтах и в мобильных приложениях все чаще стала использоваться 3d графика с анимацией, которая внедряется в видеоформате, а при загрузке видеошотов на Dribbble или загрузке NFT в формате видео, и многих других кейсах, есть жесткие ограничения по размеру загружаемого видео файла. Поэтому при подготовке видео ассетов нужно добиться максимального сжатия видео файла с минимальной потерей качества, что увеличит скорость загрузки. Для компрессии можно использовать различное программное обеспечение, но лучшей компрессии видео с минимальной потерей качества я добился при помощи мощной кроссплатформенной библиотеки ffmpeg с открытым исходным кодом. Библиотека является бесплатной и работает через терминал. Ниже я покажу как ее можно установить и собственно осуществить конверсию видео.&nbsp; Установка ffmpeg 1. Запускаем терминал на macOSНажмите&nbsp; COMMAND + SPACE, и введите Terminal <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/5c34fa3f51ac1afa6ed24d2df359d782e6d0fbee19d2aec184808bf0b8fc70f0/Article-001.1.jpg" data-mid="1227252" border="0" /> 2. Устанавливаем HomebrewHomebrew (brew) – это бесплатный менеджер пакетов с открытым исходным кодом, который позволяет устанавливать приложения и программное обеспечение в macOS&nbsp;Для macOS High Sierra, Sierra, El Capitan и более ранних версий, выполните следующую команду:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Для MacOS Catalina, macOS Mojave и macOS Big Sur, выполните следующую команду:/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"<img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/5af42b1ab30338fabff6da0261e9e6491395ff66d5f3fab1cf16668ef8f8312a/Article-001.2.jpg" data-mid="1227249" border="0" /> 3. Устанавливаем пакет ffmpegДля установки ffmpeg выполните следующую команду: brew install ffmpeg<img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/14dde2cff7a82cad44f8e69a4dec52710067972cab48f61d03a8bedd29d8e366/Article-001.3.jpg" data-mid="1227250" border="0" /> Компрессия видеоПосле установки ffmpeg, загрузите видеофайл в папку Downloads и для осуществления компрессии видео&nbsp;выполните следующую команду:ffmpeg -i /Users/Username/Downloads/Videofile.mp4 -vcodec libx264 -crf 24 /Users/Username/Downloads/compressed-videofile.mp4 <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/1b5e446d1e98969419e8baa5a81f3e9d60b6e5f077d85ff3d5628b6b93b838f7/Article-001.4.3.jpg" data-mid="1227259" border="0" /> -i: /Users/Username/Downloads/Videofile.mp4 - путь к видеофайлу. -vcodec - кодек экспорта.&nbsp; -crf - определяет уровень сжатия. Более низкое значение означает меньший уровень сжатия и следовательно больший размер файла. Я использую значения в диапазоне 20-30. Мой алгоритм: сперва пробую 30, и если вижу значительное ухудшение качества, то снижаю до 20, но в основном использую 24. -/Users/Username/Downloads/compressed-videofile.mp4 - название и путь к новому компрессированному видеофайлу. РезультатВ моем примере после компрессии видео получилось сжатие более чем в 10 раз с незначительной потерей качества:13.6 mb -&gt; 1 mb <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/31cd4a1a36b0434a1518cd8ee826c49104ca77496c7f3cf2439cd8c14cc747f5/Article-001.5.jpg" data-mid="1227260" border="0" /> Компрессия видео с минимальной потерей качестваНа веб сайтах и в мобильных приложениях... http://deniskovalev.com/KAK-USPESNO-PROITI-whiteboard-interview Tue, 20 Sep 2022 07:25:37 +0000 Denis Kovalev 430722 Как успешно пройти whiteboard interview Лучшие практики для решения задач UX дизайнера <img width="1600" height="800" width_o="1600" height_o="800" src_o="https://cortex.persona.co/t/original/i/345d4f5b52e0698d2c90ab07c076849439b9e8014c5170a916a0498479d9c18e/kvalifik-5Q07sS54D0Q-unsplash.jpeg" data-mid="1225249" border="0" /> Фото: Unsplash При прохождении интервью начинающие дизайнеры сталкиваются с множеством аспектов, которые стоит учесть при решении предлагаемых задач. Часто из-за стресса и отсутствия опыта, дизайнер не понимает, как правильно выстроить решение. В этой статье я собрал несколько практик, которые помогут вам пройти whiteboard interview и успешно презентовать свою работу.&nbsp; На что стоит обратить внимание при прохождении whiteboard interview? Данные практики очень важны, потому что не важно какие прогрессивные у вас идеи и как красиво вы рисуете экраны, при собеседовании оценивается умение подойти к проблеме с правильной постановкой вопросов и сделать правильные выводы на основе этих ответов. Какие же ключевые принципы стоит учесть на интервью и на что стоит обратить внимание? Выделим несколько базовых аспектов: • Понимание ключевой задачи (Что именно мне нужно сделать?) • Основное внимание на пользователях, их впечатлениях • Гипотезы (проверка, насколько гипотеза релевантна и задал ли я правильный вопрос для уточнения) • Выход из внутреннего аспекта и размышления о решении вопроса вне поставленной задачи • Понимание дизайн-паттернов • Возможные слабые стороны и улучшения предложенного решения Типичные ошибки Несмотря на понимание базовых аспектов, начинающий дизайнер может допустить некоторые ошибки из-за стресса, не стоит паниковать, очень важно сфокусироваться и не быть голословным. В первую очередь, презентуйте свою работу уверенно, не стоит зацикливаться на каждой мелочи, не пытайтесь пересказать все, что написано в вашей презентации, выделите основные пункты; Во-вторых, не пытайтесь сразу защитить свою работу. Вставая в позу, вы даете понять, что с вами трудно работать, возможно, работодатель пытается понять, на что вы основывались, принимая решения, а не опровергнуть ваш дизайн. Защищайте дизайн, только если требуется; В третьих, сфокусируйтесь на главном. Не стоит предлагать миллион идей, которые пришли к вам в голову. Главное показать, что вы умеете рассуждать и думать как дизайнер, и знакомы со всеми методами, а не количество идей; И последнее, не начинайте ничего рисовать сразу, сначала правильная постановка вопроса и обсуждение, только потом дизайн. Гайд Сталкиваясь с множеством типичных ошибок, и имея большой опыт работы продуктовым дизайнером, я пришел к более-менее универсальному подходу, который я представлю ниже. Несомненно, нет единого решения и идеального роудмапа для всех задач, но для начала можно опереться на подобную схему: Понимание ключевой задачи Важно понимать, какую именно задачу нужно решить, учесть основные детали, временные рамки, используемые устройства и прочие вводные данные. Не стоит приступать к решению задачи без этого понимания, задавайте побольше уточняющих вопросов, чтобы иметь ясное и четкое представление по каждому пункту. Избегайте размытых и обобщающих ответов. Пользователи и их анализ Работа дизайнера заключается в знании и понимании пользователя, выделяя основные типы пользователей и понимание их привычек, поведения и проблем, с которыми они сталкиваются, помогают нам сделать правильные допущения. Например, анализируя несколько типов пользователей и их привычки, мы выбираем сфокусироваться на определенной категории и предлагаем соответствующие привилегии и преимущества для клиентов. Прописываем главные шаги Прежде чем приступать к отрисовке экранов, прописывает основные пункты, в дальнейшем это поможет не упустить важные моменты и действовать по определенной схеме. Прописываем шаги пользователя шаг за шагом. Рисуем интерфейс Наконец приступаем к отрисовке основных экранов, они должны быть четкими и соответствовать истории, постепенно добавляем различные опции, прорабатываем флоу. Подводим итог, говорим об альтернативах и других возможных случаях использованияПри разговоре об альтернативах и других случаях, не вдавайтесь в детали, важно только основное понимание дизайн процессов. Несомненно, возможное решение не будет универсальным, ведь оно напрямую будет зависеть от ваших вопросов и сделанных выводов, но данные пять шагов помогут вам структурировать процесс и покажет ваши сильные стороны. Как успешно пройти whiteboard interview Лучшие практики для решения задач UX дизайнера Фото: Unsplash ... http://deniskovalev.com/Home-Page Mon, 17 Aug 2015 23:34:03 +0000 Denis Kovalev 112630 Denis KovalevArt Director &amp; Product Designer Currently in London I'm an art director and product designer with a reductive and modernist visual language, specialized in visual communication, art direction and digital development. I create ideas, identities and interfaces for clients from cultural to commercial sectors. <img width="2600" height="1000" width_o="2600" height_o="1000" src_o="https://cortex.persona.co/t/original/i/84dcc4be319c52eb45399314b54b41a3ac1ccf656ecdeaa9b1bc9ab9acee3959/DK-P-8-2.png" data-mid="1412024" border="0" />Revolut Head of Product Design Mar 2026 – Present Lead Product Designer Aug 2020 – Mar 2026 Senior Product Designer Jun 2019 – Aug 2020 Product Designer Aug 2016 – Jun 2019 Tinkoff Bank Product Designer Jan 2016 – Aug 2016 Yandex Product Designer Nov 2013 – Jan 2016 Rambler Product Designer Apr 2013 – Nov 2013 CreativePeople Web Designer Nov 2012 – Apr 2013 Sgustok StudioFounder, Design DirectorMar 2008 – Present Sgustok Design Founder, Editor-In-Chief Mar 2008 – Present Sgustok Music Founder, Record Producer Mar 2008 – Present BSUIRSoftware Engineer-economistSep 2005 – Jun 2009 KBP Software Technician Sep 2001 – Jun 2005 Tech Nation UK Global Talent Jan 2023 ADPlist 1000 Mentorship minutes Sep 2022 Interface Lovers Interview Nov 2017 Email&nbsp; &nbsp;&nbsp;Telegram&nbsp;&nbsp; &nbsp;Linkedin&nbsp;&nbsp; &nbsp;Instagram&nbsp; &nbsp;&nbsp;Twitter&nbsp; &nbsp;&nbsp;Dribbble&nbsp; &nbsp;&nbsp;Behance Denis KovalevArt Director &amp; Product Designer Currently in London I'm an art director and product designer with a reductive and modernist visual language,...