120 вопросов с примерами ответов для собеседования на дизайнеров: веб, графический, UX/UI

Собеседование на дизайнера — испытание для обеих сторон: и для HR-а, и для графического или веб-дизайнера. Обоим нужна подготовка. HR-у нужно придумать, как проверить знания соискатетеля: какие вопросы задать дизайнеру, чтобы понять уровень. Соискателю же — нужно знать ответы на все вопросы, независимо от того, на какой уровень зарплаты и грейд он рассчитывает. 

В этой статье мы собрали 80 вопросов под разные уровни. От простых, чтобы познакомиться. До более продвинутых, чтобы проверить определить уровень соискателя. Изучайте и берите на вооружение. HR-у — вопросы. Дизайнеру — ответы.   

1. Расскажите о себе.
→ Я веб-дизайнер с 4-летним опытом. Работал с e-commerce и корпоративными сайтами, в проектах использовал Figma, Adobe XD и базовые знания HTML/CSS.

2. Почему вы выбрали профессию веб-дизайнера?
→ Мне всегда нравилось сочетать эстетику и функциональность. Веб-дизайн позволяет влиять на пользовательский опыт и бизнес-результаты

3. В каких проектах вы работали и чем гордитесь больше всего?
→ Редизайн интернет-магазина одежды, где удалось увеличить конверсию на 18% за счёт упрощения навигации и улучшения мобильной версии

4. Что для вас важнее: эстетика или функциональность?
→ Функциональность в приоритете, но без эстетики интерфейс не будет удерживать внимание. Баланс ключевой

5. Какие компании или дизайнеры вас вдохновляют?
→ Apple за минимализм и внимание к деталям. Также вдохновляют работы Джонатана Айва

6. Какие ваши сильные стороны как дизайнера?
→ Системность, внимание к деталям, понимание UX и работа с аналитикой.

7. Какие слабые стороны вы у себя видите?
→ Иногда уделяю слишком много времени мелочам, но учусь расставлять приоритеты.

8. Как вы относитесь к критике дизайна?
→ Положительно, если она аргументирована. Это помогает улучшить продукт.

9. Как вы учитесь новому?
→ Курсы на Coursera, YouTube, статьи на Medium, а также анализ чужих кейсов на Behance.

10. Где вы ищете вдохновение?
→ Dribbble, Behance, Pinterest, Awwwards.

11. Опишите ваш процесс создания дизайна сайта.
→ Исследование → создание вайрфреймов → прототип → дизайн-макет → тестирование → передача в разработку.

12. Что такое сетка (grid) и зачем она нужна?
→ Сетка помогает структурировать элементы и держать единый визуальный ритм.

13. Как вы подходите к выбору цветовой палитры?
→ Исхожу из бренда, психологии цвета и контрастности для удобства чтения.

14. Какие шрифты лучше использовать для веба?
→ Читаемые, веб-безопасные: Sans-serif для интерфейсов, реже – Serif для заголовков.

15. Как вы работаете с иконками?
→ Использую сетки, единый стиль (stroke/fill), оптимизирую в SVG.

16. Что такое responsive design?
→ Дизайн, адаптирующийся под разные устройства и разрешения.

17. Чем отличается adaptive от responsive?
→ Adaptive — фиксированные версии под разные устройства, responsive — гибкая система.

18. Что такое дизайн-система?
→ Набор правил, UI-китов, компонентов и паттернов для унификации интерфейсов.

19. Зачем нужны UI-киты?
→ Ускоряют работу, делают интерфейс последовательным.

20. Какие тренды веб-дизайна вы считаете актуальными?
→ Dark mode, минимализм, микровзаимодействия, нейроморфизм.

21. Что такое UX?
→ Опыт взаимодействия пользователя с продуктом, его удобство и удовлетворённость.

22. Как проверить удобство интерфейса?
→ Проводить юзабилити-тесты, A/B-тесты, собирать обратную связь.

23. Как уменьшить количество отказов на сайте?
→ Оптимизировать скорость загрузки, сделать простую навигацию, ясные CTA.

24. Что такое карта пути пользователя (User Journey Map)?
→ Визуализация шагов пользователя от входа до целевого действия.

25. Что такое persona?
→ Портрет типичного пользователя с его целями, потребностями и болями.

26. Какие методы исследования пользователей вы знаете?
→ Интервью, опросы, юзабилити-тесты, аналитика Google/Hotjar.

27. Как вы оцениваете эффективность интерфейса?
→ По метрикам: CTR, bounce rate, conversion rate. Предвосхищаю — откуда брать? Запрошу у маркетолога или посмотрю метрику, аналитикс.

28. Что важнее: красивая анимация или скорость загрузки сайта?
→ Скорость загрузки, анимация — вторична. Почему? С точки зрения маркетинга, дать пользователю информацию важнее, потому что если за 1-2 секунды он не увидит контент, он скорее всего уйдет с сайта. 

29. Как бы вы упростили сложную форму регистрации?
→ Разбил бы на шаги, добавил подсказки и автозаполнение.

30. Что такое микро-взаимодействия?
→ Небольшие анимации или реакции интерфейса, улучшающие UX. Затемнения и градиенты на кнопках или наоборот подсветка.  

31. Какие программы для дизайна вы используете?
→ Figma, Adobe Photoshop, Illustrator, After Effects.

 32. Почему именно Figma популярна?
→ Совместная работа в реальном времени, простота, бесплатный доступ.
 33. Что такое SVG и его преимущества?
→ Векторный формат, масштабируется без потери качества, малый вес.

34. Какие форматы изображений лучше использовать для веба?
→ SVG для иконок, PNG для прозрачности, JPG/WebP для фото.
35. Знаете ли вы HTML/CSS?
→ Да, базовый уровень для понимания ограничений и общения с разработчиками.
36. Что такое retina-разрешение?
→ Высокая плотность пикселей, требующая адаптированных изображений (2x, 3x).
37. Какие особенности нужно учитывать в мобильных версиях сайта?
→ Размер кнопок, читаемость текста, упрощённая навигация.
38. Что такое accessibility (доступность)?
→ Интерфейсы, удобные для людей с ограниченными возможностями.
39. Как проверить доступность сайта?
→ Через Lighthouse, Screen Readers, WCAG чек-листы.
40. Что такое lazy loading?
→ Загрузка картинок по мере необходимости, экономит трафик и ускоряет сайт.

41. Как вы взаимодействуете с разработчиками?
→ Передаю макеты в Zeplin/Figma, обсуждаю детали в Slack, пишу комментарии.
42. Что делать, если разработчик не может реализовать ваш дизайн?
→ Ищу компромиссное решение, учитываю технические ограничения.
43. Как вы реагируете на сжатые сроки?
→ Определяю приоритеты: сначала критичные экраны, потом детали.
44. Как вы передаете макеты в разработку?
→ Зависит от объема задачи. Для большого проекта — подготавливаю UI Kit, экспорт ассетов, пишу гайдлайны.
45. Что делать, если маркетолог и клиент хотят разное?
→ Предлагаю тестирование гипотез, аргументирую решение данными.
46. Работали ли вы в Agile-командах?
→ Да, участвовал в спринтах, демонстрациях, ретроспективах.
47. Как вы относитесь к фидбеку от пользователей?
→ Считаю его ценным источником улучшений.
48. Как вы ведёте документацию по проекту?
→ Файлы в Figma, описание компонентов, гайдлайны в Confluence.
49. Что вы делаете, если клиент постоянно меняет требования?
→ Фиксирую изменения, согласую приоритеты, предлагаю roadmap.
50. Что для вас главное в командной работе?
→ Прозрачная коммуникация и взаимное уважение. Еще круто, когда при передаче информации она готовится к восприятию другим человеком: это не субурный набор цифр, а сложенные в понятную таблицу данные. Я стараюсь отдавать информацию именно так  

51. Как бы вы улучшили главную страницу Amazon?

→ Сделал бы чище визуально, упорядочил блоки с товарами.

52. Как бы вы упростили сайт госуслуг?

→ Выделил популярные услуги, добавил подсказки и поиск с автодополнением.

53. У клиента старый сайт 2005 года. С чего начнёте редизайн?

→ Анализ аудитории и целей, конкурентный анализ, новая структура.

54. У клиента низкая конверсия с мобильных. Что будете проверять?

→ Скорость загрузки, адаптивность, размеры кнопок, порядок шагов.

55. Если бюджет ограничен, на что вы потратите время в первую очередь?

→ На UX и структуру, UI можно упростить без потери эффективности.

56. Представьте: клиенту нравится «красный фон», но он мешает читаемости. Ваши действия?

→ Покажу варианты с более гармоничными оттенками, приведу примеры исследований.

57. Как бы вы объяснили важность UX человеку без опыта в IT?

→ UX — это как навигация в магазине: если полки пустые и указателей нет, клиент уйдёт.

58. У вас есть только один день на дизайн лендинга. Ваши шаги?

→ Определю цель, сделаю вайрфрейм, быстро соберу макет с готовым UI Kit.

59. Как проверить, что кнопка CTA эффективна?

→ A/B тест с разными цветами, текстом и расположением.

60. Что важнее на сайте: меню или поиск?

→ Зависит от продукта: для каталога на 10 позиций меню, для 10 000 — поиск.

61. Как вы распределяете задачи в работе?
→ Использую Trello/Jira, выставляю приоритеты.
62. Что вас мотивирует в работе?
→ Видеть, как дизайн влияет на метрики бизнеса и удобство пользователей.
63. Как вы относитесь к переработкам?
→ Допустимо в редких случаях, но лучше работать в нормальном ритме.
64. Что вас может демотивировать?
→ Бессмысленные правки без аргументации.
65. Какие качества делают дизайнера успешным?
→ Эмпатия, системность, внимание к деталям, умение общаться.
66. Как вы развиваетесь в профессии?
→ Слежу за трендами, прохожу курсы, делаю pet-проекты.
67. Работаете ли вы фрилансером?
→ Да, но предпочитаю командную работу в продукте.
68. Что для вас значит хороший дизайн?
→ Дизайн, который помогает пользователю достичь цели легко и приятно.
69. Что для вас значит плохой дизайн?
→ Когда красивый интерфейс мешает пользоваться сайтом.
70. Как вы решаете конфликты?
→ Через факты, аргументы и тесты, избегаю личных споров.

71. Что такое mobile-first дизайн?

→ Создание интерфейса сначала для мобильных, потом масштабирование на desktop.

72. Чем отличается UI от UX?

→ UI — визуальная оболочка, UX — опыт и удобство использования.

73. Что такое CTA и зачем он нужен?

→ Call to Action — побуждает пользователя к действию.

74. Что такое above the fold?

→ Зона экрана, видимая без скролла, самая важная часть страницы.

75. Как вы работаете с анимациями?

→ Использую Lottie/After Effects для micro-interactions и улучшения UX.

76. Что такое WCAG?

→ Стандарты доступности для веба.

77. Чем отличается лендинг от корпоративного сайта?

→ Лендинг для одной цели (продажа/регистрация), корпоративный — комплексный ресурс.

78. Зачем нужны прототипы?

→ Проверить логику и сценарии до разработки.

79. Как вы проверяете цвета на контрастность?

→ Инструменты типа Contrast Checker (WCAG).

80. Если бы вам дали полную свободу в проекте, какой сайт вы бы сделали?

→ Сайт с акцентом на минимализм, быстрый и доступный для всех пользователей.

1. Что для вас графический дизайн?
→ Это визуальная коммуникация: донести смысл через изображение, цвет и композицию.
2. Какие программы вы используете в работе?
→ Adobe Photoshop, Illustrator, InDesign. Иногда Figma для быстрой графики.
3. Чем отличается растровая графика от векторной?
→ Растр — пиксели, теряет качество при увеличении. Вектор — формулы, масштабируется без потерь.
4. Какие форматы файлов подходят для печати?
→ TIFF, PDF, EPS, иногда PSD с высоким разрешением.
5. Что такое CMYK и RGB?
→ CMYK — для печати, RGB — для экранов.
6. Как подготовить макет к печати?
→ Учитывать вылеты (bleeds), использовать CMYK, правильное разрешение (300 dpi).
7. Что такое фирменный стиль?
→ Единый визуальный язык бренда: логотип, цвета, шрифты, гайдлайн.
8. Как правильно подбирать шрифты?
→ По читаемости, соответствию стилю бренда, избегая конфликтов между гарнитурами.
9. Какие бесплатные ресурсы для шрифтов вы используете?
→ Google Fonts, Adobe Fonts, иногда Font Squirrel.
10. Что важнее: уникальность или универсальность логотипа?
→ Баланс: логотип должен быть узнаваемым и простым для применения в разных носителях.
11. Как вы работаете с цветовой палитрой?
→ Использую теорию цвета, контрастность, тестирую сочетания в реальном макете.
12. Какие тренды графического дизайна вам нравятся?
→ Минимализм, flat-design, градиенты, bold-типографика.
13. Как вы относитесь к шаблонным решениям?
→ Хорошо как к источнику вдохновения, но стараюсь адаптировать под задачу.
14. Какие принципы композиции вы используете?
→ Правило третей, баланс, иерархия, ритм.
15. Что такое айдентика и чем она отличается от брендинга?
→ Айдентика — визуальная часть бренда, брендинг — комплексное восприятие компании.
16. Что делать, если клиент хочет «побольше деталей», но дизайн перегружается?
→ Показать минималистичную альтернативу, аргументировать читаемостью и визуальным шумом.
17. Как вы относитесь к работе с чужими референсами?
→ Использую как вдохновение, но создаю уникальное решение.
18. Как проверить, что дизайн «работает»?
→ Тестировать на целевой аудитории, проверять читаемость, восприятие, простоту применения.
19. Чем отличается баннер для соцсетей от печатного постера?
→ Баннер должен работать быстро и в малом размере. Постер можно делать более детализированным.
20. Что для вас идеальный графический дизайн?
→ Когда визуал понятный, эстетичный и помогает донести смысл.

1. Что такое UX-дизайн?
→ UX — это удобство взаимодействия пользователя с продуктом.
 2. Что такое UI-дизайн?
→ UI — визуальная оболочка: кнопки, цвета, шрифты, иконки.
 3. Какой ваш процесс проектирования интерфейсов?
→ Исследование → прототип → тестирование → финальный дизайн → передача в разработку.
 4.Какие методы исследования пользователей вы используете?
→ Интервью, опросы, карты пути пользователя, анализ метрик.
5. Что такое persona и зачем она нужна?
→ Персона — собирательный портрет пользователя для проектирования под его потребности.
6. Что важнее: бизнес-цели или удобство пользователя?
→ Оба аспекта важны. Лучший дизайн помогает бизнесу и при этом удобен пользователю.
7. Что такое прототипирование?
→ Создание набросков интерфейса для проверки сценариев до разработки.
8. Чем отличается low-fidelity от high-fidelity прототипа?
→ Low-fi — быстрые скетчи/вайрфреймы. High-fi — детализированный макет с UI.
9. Что такое A/B-тестирование?
→ Сравнение двух версий интерфейса для выбора более эффективной.
10 Как вы проектируете мобильный интерфейс?
→ Mobile-first: упрощение навигации, крупные кнопки, быстрый доступ к ключевым функциям.
11. Что такое accessibility и как вы его учитываете?
→ Доступность для людей с ограниченными возможностями: контрастность, подписи, навигация с клавиатуры.
12. Что важнее: оригинальный UI или использование стандартных паттернов?
→ Стандартные паттерны, потому что они привычны пользователю. Оригинальность — как дополнение.
13. Что такое CTA и как его делать эффективным?
→ Call to Action — побуждающая кнопка. Должна быть заметной, понятной и конкретной.
14. Как вы проверяете удобство интерфейса?
→ Юзабилити-тесты, аналитика, обратная связь пользователей.
 15. Что такое “above the fold”?
→ Видимая часть экрана без скролла. Там должны быть ключевые элементы.
 16. Что такое дизайн-система?
→ Набор компонентов и правил, который делает интерфейс единым и ускоряет разработку.
17. Какие метрики вы отслеживаете в UX?
→ Conversion rate, retention, время выполнения задачи, bounce rate.
18. Что делать, если разработчики не могут реализовать ваш макет?
→ Обсудить ограничения и предложить упрощённое, но удобное решение.
19. Как убедить клиента отказаться от плохой идеи?
→ Аргументировать через данные, привести примеры, предложить протестировать разные варианты.
20. Что для вас идеальный UX?
→ Когда пользователь быстро и без лишних шагов достигает цели, а интерфейс не мешает, а помогает.