Uxui + Дизайн

Тестовое — это не контрольная

Раньше я боялась тестовых, как школьных экзаменов. Сейчас вижу в них возможность. Там важно не идеально «нарисовать», а показать, как вы думаете. Я объясняю свои действия, даже если где-то сомневаюсь — и это ценится.

Был случай: я приложила два варианта решения в тестовом. Один “по ТЗ”, второй — альтернативный. Мне потом сказали, что именно второй вариант стал причиной, по которой меня пригласили в команду.

Говорите просто, как есть

На интервью я не использую пафосных фраз. Рассказываю честно: где запуталась, где нашла идею, где пришла к решению после трёх неудачных итераций. Люди это чувствуют.

Раз мне сказали: «Спасибо, что не “пичите”, а просто объясняете по-человечески». Это был лучший комплимент.

Не бойтесь немного поиграть с подачей

Мне нравится добавлять необычности: немного 3D, анимацию, нестандартные переходы. Например, в проекте HASART я использовала игральные кубики в интерфейсе, а в проекте MISSTAKE — геймифицированный слайдер. Эти детали замечают и запоминают.

Портфолио — это не галерея, а продолжение вас

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

Что точно сработало у меня:

• ✅ Делать не просто макеты, а живые истории-кейсы.

• ✅ Объяснять свои решения, даже если они не «идеальны».

• ✅ Не бояться тестовых и превращать их в мини-презентацию.

• ✅ Оформлять кейсы как документ, а не просто скриншоты.

• ✅ Быть собой. Писать от себя, без «правильных» формулировок.

Если вы только собираете портфолио — не переживайте, что всё не идеально. Главное — живой подход, искренность и способность показать, как вы думаете. Всё остальное — придёт.

Вот самые часто встречающиеся фишки в B2C-интерфейсах:

• Очки и уровни

• Значки и бейджи

• Таблицы лидеров

• Прогресс-бары и челленджи

• Коллекционные механики («Собери все купоны», «Пройди все этапы»)

Такая геймификация помогает превратить каждый контакт пользователя с продуктом в мини-историю: есть цель, путь и награда. А это уже работает на лояльность, интерес и повторные действия.

Теперь про B2B — то есть про интерфейсы, которыми пользуются сотрудники, партнёры, менеджеры и так далее. Тут задачи другие: не развлечение, а мотивация. И если честно, внедрять игру в корпоративную среду сложнее, потому что мотивация людей там связана с результатом (выполнил задачу — молодец), а не с самим процессом. Но и здесь геймификация может отлично работать, если встроена аккуратно и по делу.

Например, в CRM можно сделать рейтинг продаж — кто больше сделок закрыл, тот выше в таблице. Или начислять баллы за прохождение обучающих курсов. Или выдавать «монеты» за помощь коллегам, которые можно потом обменять на какие-то корпоративные плюшки. Это не превращает офис в игру, но делает работу чуть приятнее и увлекательнее.

В моей практике я сталкивалась с проектами, где даже простые штуки — вроде прогресс-бара или виртуальной валюты — реально повышали вовлечённость. И да, если говорить про реальные кейсы, у меня есть два хороших примера:

В проекте HASART я добавляла в интерфейс игральные кубики — пользователь мог «бросать» их прямо на экране. Такая мелочь, а люди моментально вовлекались: это выглядело неожиданно, весело и создавало чувство азарта.

А в MISSTAKE мы сделали геймифицированный ползунок. Когда ты его двигаешь, в интерфейсе появляются анимации, заполняются «очки», и всё это выглядит как мини-игра. Вроде бы обычный элемент управления — а работает куда веселее.

Вот какие приёмы чаще всего встречаются в B2B-интерфейсах:

• Таблицы лидеров среди сотрудников

• Баллы и уровни за KPI, курсы, помощь команде

• Виртуальная валюта за достижения

• Квизы и игровые тесты на обучение

• Прогресс-бары по проектам

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

Если коротко, то: Геймификация — это не про «веселье ради веселья», а про превращение действий в интересный и мотивирующий процесс. Она помогает пользователю увидеть свой прогресс, почувствовать результат, получить удовольствие от пути. И это работает как в B2C, так и в B2B, если подходить с умом. Ну и главное: никакая игра не заменит продуманный интерфейс, но может стать тем самым «вишенкой на торте», которая делает весь опыт вкуснее. Как в проектах HASART и MISSTAKE — простые элементы, но сколько жизни они добавляют.

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

Recraft: генеративный инструмент, созданный для дизайнеров

Recraft — молодая, но уверенно развивающаяся генеративная платформа. Она ориентирована на дизайнеров и создание визуалов в едином фирменном стиле. Recraft позволяет генерировать не только растровые, но и векторные изображения, иконки, иллюстрации, даже 3D-объекты. Встроенные функции — удаление фона, апскейл, редактирование областей, выбор шрифтов, подбор цвета и референсов — делают Recraft похожим на редактор и генератор в одном. Recraft создаёт изображения, выдержанные в стилистике бренда, работает с вектором (чего не умеют Midjourney и DALL-E), а также имеет интерфейс с возможностью вносить правки на лету. Всё это делает инструмент не просто генератором, а дизайнерской платформой.

Recraft и другие нейросети: что выбрать

Midjourney — лидер в визуальных эффектах и глубоком стиле. DALL-E — точен в генерации по тексту. Stable Diffusion — гибкий, кастомизируемый, но сложный. Recraft выигрывает в задачах брендинга и продукта. Он предлагает стабильный стиль, редактируемость и вектор.

Recraft — единственный из крупных генераторов, кто даёт дизайнеру привычный workflow с Ctrl+Z и правкой прямо на холсте. Если вам нужен логотип, серия иконок или баннер в одном стиле — Recraft даст лучший результат. При этом Recraft проще в освоении: не нужен Discord, не нужно знание ML. Это web-интерфейс, похожий на Figma или Canva. Он подойдёт и новичку, и профессионалу. Главный плюс — гибкость и адаптация под визуальные задачи брендов.

Тренды 2024–2025: как будет меняться работа дизайнера

ИИ встраивается в привычные редакторы. Photoshop и Illustrator добавляют нейросети. Figma тоже работает над AI-функциями. Скоро генерация фонов, иконок или кнопок станет встроенной. Также растёт количество платформ, работающих в реальном времени. Дизайнер рисует — ИИ предлагает продолжение прямо на холсте. Это уже делает Recraft, и скоро появится массово. Важный тренд — персонализация. ИИ будет обучаться на брендбуках, портфолио и выдавать изображения строго в стиле клиента. Также возрастает роль этики. Дизайнер должен уметь работать с ИИ ответственно: проверять источники, не нарушать авторские права, отмечать AI-контент. Уже появляются профессии: AI-дизайнер, prompt-инженер, AI-куратор. Это не «будущее», а новая реальность.

Заключение: симбиоз дизайна и ИИ — это уже сегодня

ИИ не заменяет дизайнера. Он усиливает его. Он даёт скорость, вариативность и объём. А человек — идею, смысл и контекст. Recraft показывает, как можно объединить генеративные возможности и профессиональный подход. Midjourney, DALL-E, Stable Diffusion — всё это мощные инструменты. Но именно Recraft заточен под дизайн. В нём уже работают специалисты, создающие баннеры, обложки, интерфейсы и даже мерч.

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

Если вы хотите обновить визуал, запустить айдентику, собрать графику под digital-проект — я помогу. Работаю с нейросетями, профессионально использую Recraft. Делаю современный дизайн, где техника работает на смысл. Готова обсудить задачу — пишите.

📩 Telegram: @artxksu🎨

Behance: https://www.behance.net/ksushak1

История 1 — отражение

@ holoroad

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

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

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

История 2 — список

@ maxneb

Беременность жены, рождение ребенка, здоровье, деньги — ничего не было веским поводом бросить окончательно. Постоянно срывался. Помогло составить список, что теряю и что получаю от сигарет, и понимание, что хотя бы одна затяжка — и все насмарку: пару месяцев буду курить. Только список и его осознание. Для каждого он свой. И постоянное обращение к нему. После составления списка курил еще. Но он как заноза висел в голове с вопросом «зачем?»... Так, что-то щелкнуло и сейчас не тянет. Иногда тянет физически, но осознание бесполезности курения сразу глушит позывы. Полгода, полет нормальный...

Бросать на авось — идея, которая подойдет не всем. Нужно понимать, что делать в трудные моменты:

• Определите дату отказа. Подготовьтесь морально, уберите сигареты, зажигалки, пепельницы.

• Замените привычки. Сигарету в руках можно заменить орешками, палочками морковки, жвачкой или даже кубиком льда.

• Займите время. Вспомните, чем вы любили заниматься: спорт, хобби, прогулки.

• Планируйте, что делать при тяге. Она длится всего 3–5 минут. Дыхательные практики или звонок другу помогут пережить сильное желание закурить.

• Откажитесь от «наградных сигарет». Одна затяжка и вы откатитесь назад.

Можно бросить резко, «с понедельника», или постепенно, снижая количество сигарет до нуля. Главное — определиться и не отступать.

История 3 — переключение

@ Spaka

45 лет, стаж 30. Пытался завязать много раз, потом понял, что после каждой попытки бросить, курить начинаешь больше. Как ребенок, которому не дают вкусняшку, а она случайно попала ему в руки. Из чего мозг сделал вывод: не уверен — не бросай. Потом стал замечать, что организм уже стал сам просить перестать курить. По утрам было очень неприятно во рту, удовольствие после сигареты стало короче, а негатив, приходящий следом, ощутимее: неприятные ощущения в горле, боли миндалин, страх схватить онкодиагноз. Хотя врачи говорили, что все ок, в голове-то гоняешь мысли. Я решил попробовать обмануть сам себя. Не делать из процесса отказа какого-то события. Бросить так, как будто это и должно было произойти, но ты не знаешь когда. Про себя помолился, как сумел, и попросил помощи, хитро прищурил глаз и в момент, когда забыл купить про запас (оставалась пара штук в пачке), просто перестал курить. Мне теперь даже странно, как я раньше это делал. Так и живу почти два года. Кстати, раньше в момент завязки курящих ненавидел, дым был очень противен, до тошноты. Теперь все равно. Присоединяйтесь ;)

Есть несколько стратегий отказа от курения:

• Резкий. Эффективный и решительный подход.

• Постепенный. Сначала — меньше сигарет, потом — меньше затяжек. И так до нуля.

• Психологическая замена. Каждая сигарета — это ритуал. Найдите для каждого из них «здоровую замену».

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

Каждый, кто хочет оставить зависимость в прошлом, может обратиться в центры здоровья, которые работают при поддержке нацпроекта «Продолжительная и активная жизнь», и получить необходимую помощь специалистов. Адреса доступны на официальном портале Минздрава России о здоровье: takzdorovo.ru. Также можно позвонить на горячую линию по отказу от зависимостей 8 800 200-0-200.

История 4 — форма

Аноним

Курила электронки 2 года как замену обычным сигаретам. Думала, что это не так дорого, не так вредно да и для девушки вроде более привлекательно: не пахнут волосы и руки. А потом решила привести свое тело в форму. Стала ходить в зал и поняла, что задыхаюсь на первом же упражнении, хотя женщины гораздо старше меня бодрячком. Было очень тяжело слезть. Друзья советовали заменять сигаретами. А потом уехала в отпуск в страну, где нельзя покупать электронки, отвлеклась, и после возвращения уже не тянуло. Даже на тусовках, где все дымят.

За модными гаджетами и фруктовыми ароматами скрывается химическая бомба, разрушающая организм быстрее, чем обычные сигареты. Электронные сигареты активно продвигаются производителями как «безопасная» альтернатива сигаретам. Но курение вейпа может обернуться серьезными проблемами: от кашля и одышки до поражения сосудов и дыхательных путей.

«Особую тревогу вызывает рост потребления табачных изделий и электронных сигарет. Согласно исследованию, проведенному в нашем Центре, 36,8% курильщиков потребляют одновременно и табак, и электронные сигареты. Среди молодежи в возрасте 25-39 лет этот показатель превышает 45%. Электронные никотиносодержащие и безникотиновые устройства поражают сердце, сосуды, дыхательную систему и ДНК организма не менее пагубно, чем традиционные сигареты, а в ряде случаев способны вызывать острые состояния, включая сосудистые поражения и летальные исходы» – рассказывает руководитель Центра профилактики и контроля потребления табака НМИЦ терапии и профилактической медицины Минздрава России Маринэ Гамбарян.

История 5 — пари

@ kernima

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

Сульфат никотина, один из компонентов электронных сигарет, раньше использовали как пестицид, но запретили из-за высокой токсичности. Жидкость для «электронок» содержит и опасные химикаты вроде пропиленгликоля, ацетальдегида и акролеина — промышленных веществ, способных вызывать воспаления, поражения органов и мутации клеток. Ароматизаторы, создающие иллюзию безвредности, на деле могут привести к более тяжелой интоксикации, чем при курении сигарет. А еще вейпы содержат не природный, а синтетический никотин — солевой. Он быстрее всасывается, дольше выводится и вызывает зависимость стремительнее.

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

История 6 — связь

Аноним

Устал курить, понял, что мне это мешает заниматься спортом и в целом комфортно себя чувствовать. Пошел через ассоциации: покурил во время головной боли, и потом через самовнушение дал себе установку, что голова болела от курения. Звучит странно, конечно, но это сработало. Никотиновую зависимость снижал постепенно через редкое курение кальяна (2-3 раза в неделю с последующим уменьшением).

Чтобы добиться успеха в отказе от курения, стоит подготовиться. Обязательно расскажите о своем решении друзьям и близким — поддержка со стороны очень важна. Если вы уже предпринимали попытки бросить, вспомните, что тогда пошло не так, и постарайтесь не повторять этих ошибок.

Разберитесь, что именно тянет вас к сигарете: скука, стресс, привычка? Когда вы это осознаете, будет легче подобрать альтернативные действия — прогулку, книгу, разговор с близким. Учитесь распознавать моменты, когда особенно хочется закурить, и переключаться на что-то другое. Можно подключиться к программам или группам поддержки — это поможет не сдаваться. И главное: уберите из дома все сигареты.

История 7 — вершина

Аноним

Поднимался с сыном по Пушкинской тропе на гору Железная. Мне лет сорок пять было, идем общаемся, сын бегает туда-сюда. Ну идем короче, а сзади нас догоняет семейная пара, мирно о чем-то щебеча между собой. Догнали и обходят. И так спокойно удаляются… Все бы ничего, но им лет по шестьдесят, если не больше. Я попробовал в их темпе, но задыхаться стал. Короче, поднялся я на гору, спустился, смял пачку и выкинул в мусорную урну. Вот уже 13 лет не курю. Стаж 27 лет.

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

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

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

Социальная реклама. АНО «Национальные приоритеты», ИНН: 9704007633

Кто мы?

Всем привет, на связи студия интерфейсов UXART, где мы вместе стараемся ежедневно делать интернет удобнее. Входим в топ-20 дизайн-студий страны по версии Tagline и имеем огромную экспертизу в дизайне и проектировании сложных продуктов.

Работали с ТЕХНОНИКОЛЬ, ЕВРАЗ, РОСГОССТРАХ, РИВ ГОШ, СБЕР и многими другими. Сейчас активно занимаемся редизайном своего сайта, но с частью кейсов вы можете ознакомиться на текущей версии (да, это небольшой анонс скорого редизайна, вы первые узнали об этом)

Что за проект?

«Бизнес-симулятор» или «ТЕХНОМАТРИЦА» от ТЕХНОНИКОЛЬ (далее ТН) — проект, в котором вам нужно будет вжиться в роль менеджера по продажам ТН и от лица сотрудника компании отвечать на вопросы заказчиков. Концепция идеально подходит тем, кто хочет прокачать свои знания и навыки в общении с клиентами.

Все это происходит в игровой форме, визуально и геймплейно напоминая визуальные новеллы с вариативными диалогами и возможностью проигрыша.

Основной акцент поставлен на игровой формат взаимодействия пользователей и NPC (они же non-player character или же неигровые персонажи). Пользователи в ходе игры могут научиться общаться с клиентами и лучше понимать специфические запросы, которые нужно решить.

Для тех, кого пугает большое количество букв — можете посмотреть видос, в котором мы постарались рассказать всю информацию о ТЕХНОМАТРИЦЕ с монтажиком, вставками и прочим:

Задача

В первую очередь ТЕХНОМАТРИЦА создавалась для менеджеров по продажам ТЕХНОНИКОЛЬ. Поэтому нам нужно было придумать и реализовать проект, который с первых секунд заинтересует юзеров и будет мотивировать их продолжать пользоваться сервисом.

Мы решили воспользоваться форматом геймификации и воплотить его, как новый формат обучения. Во время работы над проектом нам нужно было разработать сложный интерфейс для ТЕХНОМАТРИЦЫ, который был бы понятен каждому, прост в управлении и имел мотивационную систему.

Работа над проектом

Работу поделили на 5 основных этапов:

— Аналитика

— Высокоуровневые прототипы

— Детализированные прототипы

— Итоговый дизайн хаба «ТЕХНОМАТРИЦЫ»

— Итоговый дизайн второстепенного функционала «ТЕХНОМАТРИЦЫ»

О каждом подробнее ниже.

Аналитика

В начале мы разработали майндмап, на котором показали пользовательский путь потенциального игрока. По задумке после регистрации юзера встречает главное меню, которое и является ключевым в данном проекте. Это место, которое далее мы будем называть «хаб», переводит игрока на активные события в ТЕХНОМАТРИЦЕ.

Например:

— Карта это основная игровая зона, где происходит непосредственный диалог с «заказчиком»

— Компьютер имеет разветвление: игрок либо заходит в чат с заданиями, либо переходит в справочник для изучения материала

Далее мы начали изучать конкурентов. Выяснили, что аналогов у ТЕХНОМАТРИЦЫ в том виде, который мы хотели реализовать, нет. Поэтому мы решили пойти другим путем — проанализировать игровую индустрию и механики, которые используют разработчики для мотивации игроков оставаться в проекте.

Мы выбирали между RPG (role-play game) и Visual novel.

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

Второй проще как в реализации, так и в понимании пользователя. Системы уровней и улучшения персонажа нет. Остается только сюжет, на который игрок влияет. Здесь упор идет именно на диалоги с персонажами и сотнями рутов (вариантов ответвлений основной истории).

В нашем случае ТЕХНОМАТРИЦА — обучение сотрудников и простых пользователей информации о продуктах ТЕХНОНИКОЛЬ. Поэтому жанр RPG попросту не подходит. Сделали выбор в пользу визуальных новелл.

После выбора начали изучать игровые механики и выделили основные паттерны:

—  Главный герой общается с абсолютно разными персонажами: пол, возраст, характер, раса (эльфы, гномы и т.д.). Из-за чего общаться со всеми приходиться по-разному

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

— Каждый ответ влияет на финал диалога/игры.

Чтобы сделать игру интереснее — мы заранее сформировали список неправильных ответов, чтобы игроки анализировали запрос заказчика.

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

Так и в ТЕХНОМАТРИЦЕ, если игрок ошибется и проиграет, всегда есть возможность перепройти уровень.

— По мере прохождения герой получает валюту/одежду/навыки. Мы решили остановиться на двух типах валюты — деньги и рейтинг.

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

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

За систему удержания выбрали подарки и рейтинг игроков. За победу участники получают баллы и валюту:

— Баллы отвечают за положение игроков в таблице лидеров

— За валюту пользователи могут купить косметические предметы в свой хаб (он же офис)

Предусмотрели возможность обновления как деталей элемента (кресло, стол, декор и т.д.), так и смены помещения в целом — переехать из хрущевки в «Москва-Сити». Суммарно задизайнили 4 варианта главного экрана. Пользователь может переехать в новый офис, если заработает достаточное количество валюты.

«ТЕХНОМАТРИЦА» делится на две большие составляющие — главный экран, который представляет основной геймплей для пользователей и второстепенный функционал, отвечающий за косметическую составляющую.

Так как акцент поставлен именно на игровой процесс, в первую очередь мы решили прототипировать «хаб» и вытекающие игровые элементы.

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

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

В дальнейшем мы решили отказаться от этой механики. Пользователи не всегда понимали, что всё в игре работает внутри ПК, из-за чего часто путались.

Поэтому мы разделили основные геймплейные элементы по группам. Теперь компьютер отвечает за диалоговые окна, карта за выбор объекта, книга на столе за справочник и так далее.

Концепция «хаба» на этапе высокоуровневых прототипов заключалась в следующем:

— В центре пользователь видит монитор с новыми заданиями

— В левой части игрового поля находится справочник с полезной информацией

— В правой — медали, кубки и другие достижения, которые игрок получает по мере прохождения

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

В профиле игроки заполняют свою личную информацию (ФИО, телефон, email), могут изменять аватарку и рамку, а также отслеживать «статус».

На этом этапе мы начали тестировать разные гипотезы и выстраивать общую стилистику для ТЕХНОМАТРИЦЫ. Решили, что перейдя в «монитор» пользователь сначала выходит на карту заданий, где сможет найти понравившийся заказ и перейти в чат.

Все взаимодействие с заказчиком будет проходить именно в этом чате.

Справочник — место, где пользователи могут выучить основную информацию о продукции и материалах ТЕХНОНИКОЛЬ. Так как в первую очередь ТЕХНОМАТРИЦА — про обучение, мы постарались составить удобный и понятный справочник с возможностью поиска.

С диалоговым меню поступили просто — взяли привычные паттерны социальных сетей и реализовали его во внутреннем функционале ТЕХНОМАТРИЦЫ. Таким образом слева пользователи видят все чаты, а также балл, который был получен за задание. А при клике на собеседника открывается полный диалог с возможностью общения.

И вот как в совокупности выглядел главный экран:

После реализовали кликабельный прототип, в котором показали основной функционал «ТЕХНОМАТРИЦЫ» и продемонстрировали игровую часть. Если вам интересно попробовать этот прототип, пишите в комментарии и мы оставим ссылку.

Итоговый дизайн «ТЕХНОМАТРИЦЫ»

На основе прототипов начали отрисовывать хаб и второстепенные функции. Во время обсуждения с заказчиком видоизменили некоторые экраны.

Например, ранее мы предполагали оставить справочник в хабе, но в итоге переместили его в отдельное меню для оптимизации «рабочего места».

Обсудим основной игровой процесс «ТЕХНОМАТРИЦЫ»:

Перед началом игры пользователь должен перейти на карту и выбрать задание. Они имеют три уровня сложности: «низкий», «средний», «трудный». Отличаются как вопросами заказчика, так и валютой/рейтингом, который пользователь получит после успешного выполнения задания.

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

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

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

Весь чат интерактивен. Например, если заказчик отправляет аудио-сообщение, игрок может прослушать его. Та же ситуация с фото- и видео-материалами.

А общаться с заказчиком можно при помощи заранее прописанных вариантов ответа.

Однако, стоит помнить, что «ТЕХНОМАТРИЦА» похожа на визуальные новеллы. А значит, что вы можете выбрать не тот вариант, из-за чего потеряете деньги и рейтинг. К каждому ответу стоит подходить ответственно и не отвечать лишь для того, чтобы ответить)

Также сделали обучение по канонам любых игр. В начале игрока приветствует гид, который рассказывает о том, как играть в «ТЕХНОМАТРИЦУ».

Итоговый дизайн второстепенного функционала «ТЕХНОМАТРИЦЫ»

Второстепенный функционал — экраны, которые напрямую никак не влияют на игровой процесс ТЕХНОМАТРИЦЫ. К ним относятся:

— Рейтинг — здесь пользователь может увидеть суммарное количество баллов и отследить свою позицию

— История баланса и достижения — отслеживание времени, денег и рейтинга по завершенным проектам

— Профиль — личная информация пользователя. В магазине игроки могут купить и изменить свою аватарку

— Справочник — основная информация по категориям ТЕХНОНИКОЛЬ

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

А также отрисовали более 40 наград в 3D и 15+ аватарок в 2D.

Также во время работы над проектом, отрисовали Лендинг и рассылки для менеджеров.

А если вы сами хотите попробовать себя в роли сотрудника ТН и поиграть в ТЕХНОМАТРИЦУ, вот ссылочка: https://academy.tn.ru/tnmatrix/ . Для игры нужно будет зарегаться на сайте, но это, я думаю, вы и сами понимаете)

Такой вот кейс у нас получился. Если у вас есть классные идеи, которые вы хотите реализовать — пишите нам и мы сделаем все на высшем уровне.

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

И вот теперь точно заканчиваем. По классике VC, советуем подписаться на наш телеграм канал, где мы выпускаем много контента по дизайну и не только: https://t.me/konakov_blog

Всем спасибо, с вами был редактор UXART, до скорых встреч!

P.s. Это первый кейс нашего редактора, так что поддержите его в комментариях, если статья понравилась вам. Давайте сделаем его день приятнее)

Приобретаемые навыки:

• Анализ конкурентов и текущих трендов

• Проведение исследований пользовательского поведения

• Создание структуры и навигации продукта

• Разработка дизайна сайтов и приложений

• Подготовка макетов для разработчиков

• Адаптация дизайна для мобильных устройств

• Оценка удобства дизайна для пользователей

• Работа с бизнес-метриками для улучшения продукта.

Программа курса:

• Figma: от новичка до профессионала

• Веб-дизайн: с основ до профессионального уровня

• UX-дизайнер: полный курс от основ до продвинутого уровня

• Подготовка к трудоустройству на позицию Junior

• Сервисный дизайн

• Продуктовый дизайнер

• UX-аналитика для продуктового дизайнера

• Photoshop: с нуля до уверенного пользователя

• After Effects: от новичка до профессионала 2.0

• Как найти работу дизайнеру: серия лекций от экспертов

• Презентация итоговых проектов.

UI/UX дизайнер обучение онлайн→

2. Курс «UX/UI-дизайнер с нуля до Middle» [GeekBrains] — 1110 отзывов

Информация о курсе: стоимость — 4 571 ₽ / мес. в рассрочку на 36 месяцев, длительность - 12 месяцев

Особенности: Получите диплом о проф. переподготовке и помощь с трудоустройством.

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

Программа курса:

• Основы дизайна

• Компьютерные технологии в дизайне

• Adobe Photoshop для дизайнеров

• История дизайна

• Введение в специализации

• Выбор специализации: графический, цифровой, предметный дизайн, дизайн интерьера

• Основы мировой культуры и искусства.

UI UX курсы онлайн →

3. Курс «UX/UI-дизайнер» [Нетология] — 215 отзывов

Информация о курсе: стоимость — 131 100 ₽ - 182 100 ₽ или рассрочка на 36 месяцев - от 3 832 ₽ / мес., длительность - 9-16 месяцев — в зависимости от траектории обучения

Особенности: Соберёте портфолио с реальными кейсами и сможете начать поиск работы уже через 4 месяца. Получите диплом о проф. переподготовке.

С нуля освоите востребованную профессию, чтобы работать в компании или на фрилансе. Научитесь разрабатывать удобные сайты и приложения под руководством экспертов из Сбера, Ozon, Газпромбанка и других ведущих компаний.

Две траектории обучения:

• Базовая траектория
  Освоите основные навыки и инструменты UX/UI-дизайнера, чтобы быстро начать карьеру на фрилансе или удалённо.

• Расширенная траектория
  Приобретете дополнительные профессиональные знания, углубитесь в профессию, что позволит претендовать на более высокие должности и зарплаты.

Курсы UX UI design →

4. Курс «UX-UI дизайнер» [Логомашина] — 140 отзывов

Информация о курсе: стоимость — 4 461₽ / мес. в рассрочку на 36 месяцев, длительность - 12 месяцев

Особенности: Курс «Нейросети» в подарок. Помощь с трудоустройством. Выдаётся диплом о проф. переподготовке.

Освойте создание интуитивно понятных интерфейсов и сайтов. Вы будете глубоко разбираться в дизайне, основывая свои решения на аналитике и пользовательском опыте.

Программа курса:

• Введение в UX/UI-дизайн

• Первые шаги в профессии

• Основы дизайна: краткий курс

• Изучение Figma

• Типографика и колористика

• Сетки и композиция: создание первого лонгрида

• Разработка баннеров и креативов

• Введение в анализ проектов

• Анализ будущего проекта

• Структура сайта

• Адаптация для мобильных устройств

• Создание UI Kit

• Разработка сайта для интернет-магазина

• Знакомство с Behance и Dribble

• Экзаменационный учебный проект.

Углубленное изучение:

• Введение в UX/UI

• Исследование бизнеса и пользователей

• UX-проектирование

• UX-копирайтинг

• Веб-аналитика и редизайн

• Дизайн и редизайн на основе метрик

• Введение в e-commerce проект

• Интерфейс интернет-магазина

• Дипломный проект.

Дополнительные модули:

• Основы Photoshop

• Основы Illustrator

• Работа с Tilda

• Дизайн мобильных приложений

• Анимация интерфейсов

• Нейросети для дизайнеров

• Развитие личного бренда

• Юридические аспекты

• Английский для дизайнеров

• Коммуникация и работа с заказчиками

• Забота о себе.

Курсы UI UX дизайна онлайн →

5. Курс «Профессия UX/UI-дизайнер с нуля до ПРО» [Contented] — 143 отзыва

Информация о курсе: стоимость — 5 767 ₽ / мес. в рассрочку на 36 месяцев, длительность - 14 месяцев

Особенности: 12 работ в портфолио: мобильные и веб-прототипы. Сопровождение и поддержка дизайнеров-наставников, помощь с трудоустройством, диплом о профессиональной переподготовке.

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

Программа курса:

• Основы интерфейсного дизайна

• Углубленное изучение UX/UI

• Разработка веб-сайтов

• Дизайн мобильных приложений

• Стажировка

• Продвинутые UX-исследования

• Создание дизайн-систем

• 3D-визуализация с помощью Blender

• Развитие soft skills

• Дипломная работа

• Английский для дизайнеров

• Использование нейросетей в дизайне.

Курсы UX UI дизайнер →

6. Курс «Профессия UX/UI-дизайнер» [ProductStar] — 58 отзывов

Информация о курсе: стоимость — 129 600 ₽ - 266 643 ₽ или рассрочка на 24 месяца - от 6 000 ₽ / мес., длительность - 10 месяцев

Особенности: помощь в поиске работы.

Вы освоите:

• Профессиональную разработку сайтов любой сложности на Tilda и создание интерфейсных элементов в Figma, а также работу с прототипами и анимациями.

• Понятия «дизайн-систем» и «дизайн-мышление», что поможет вам создавать интерфейсы, которые будут выделяться среди конкурентов и привлекать внимание клиентов.

• Глубокое исследование пользователей для создания максимально удобного интерфейса. Научитесь анализировать и изучать пользователей, а также управлять командой UX-исследователей.

• Основы HTML, CSS и JavaScript, что позволит вам освоить базовые навыки frontend-разработки и самостоятельно верстать сайты с нуля.

Программа курса:

• Работа с Figma

• Бонус: работа с Tilda

• Дизайн-система

• UI-дизайн

• Дизайн мобильных интерфейсов

• Дизайн-мышление

• Продвинутый UX

• Исследования и аналитика

• Основы вёрстки: HTML и CSS

• Основы JavaScript

• Инструменты верстки и UX

• Дипломный проект.

UX обучение →

7. Курс «UX/UI: проектирование пользовательского интерфейса» [Bang Bang Education] — 60 отзывов

Информация о курсе: стоимость — 48 300 ₽, длительность - 15 недель

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

Программа курса:

• Основы UX/UI-дизайна: введение в профессию, работа в Figma, основы визуального дизайна, включая композицию, цвет, типографику и иконографику.

• Проектирование пользовательского опыта: принципы юзабилити, методы UX-исследований, проведение и анализ глубинных интервью.

• Дизайн веб-сайтов: использование Human-Centered Design (HCD), основные инструменты веб-проектирования.

• Дизайн мобильных приложений: адаптация интерфейсов под мобильные устройства, использование дизайн-систем.

• Продвинутые UX-исследования: анализ поведения пользователей, тестирование прототипов.

• 3D-визуализация в Blender: создание трехмерных элементов для интерфейсов.

• Soft skills: развитие навыков коммуникации и работы в команде.

• Нейросети для дизайнеров: использование искусственного интеллекта для улучшения дизайна.

• Дипломная работа: создание и защита собственного проекта.

На этом курсе вы сможете получить практические знания и навыки, необходимые для успешной карьеры UX/UI-дизайнера, научитесь работать с современными инструментами и технологиями, такими как Figma и Blender, и освоите передовые методы UX-исследований и анализа данных.

Курсы UX дизайна →

8. Курс «UI/UX-дизайнер» [Pentaschool] — 87 отзывов

Информация о курсе: стоимость — 82 100 руб., длительность - 9 месяцев

Учебная программа:

• Введение в профессию "Дизайнер интерфейсов"

• Создание лендинга в Figma: основы UX-дизайна, композиция, создание прототипов.

• UI-дизайн лендинга: разработка графической концепции.

• Основы веб-дизайна: ключевые принципы создания сайтов.

• Интернет-магазин - прототипирование главной страницы: создание и тестирование макетов.

• Интернет-магазин - сценарий выбора товара: проектирование и оптимизация процесса выбора.

• Интернет-магазин - сценарий покупки: проработка пользовательского пути при покупке.

• UI-дизайн интернет-магазина: создание интерактивных прототипов.

• Контент сайта - работа в Adobe Photoshop (часть 1): обработка графических элементов.

• Контент сайта - работа в Adobe Photoshop (часть 2): завершение создания контента.

• Интернет-магазин - завершение проекта: анимация и передача проекта разработчикам.

• Дизайн сайтов на Tilda: изучение интерфейса и возможностей платформы.

• Создание лендинга и многостраничного сайта на Tilda: практика создания различных типов сайтов.

• Создание интернет-магазина и образовательного сайта на Tilda: специализация на коммерческих и учебных проектах.

• Особенности работы с мобильными приложениями: адаптация дизайна под мобильные устройства.

• Проектирование мобильного приложения: создание архитектуры приложения.

• Создание прототипа и UI-дизайн для мобильных приложений: визуализация и прототипирование.

• UX-исследования и аналитика: проведение исследований и анализ пользовательского опыта.

• Мобильное приложение - продуктовый подход: создание прототипов с акцентом на продуктовую стратегию.

• Мобильное приложение - визуальная концепция: разработка визуальной части приложения.

• Личный бренд дизайнера: стратегии развития и продвижения личного бренда.

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

Эта программа позволит вам освоить все необходимые навыки для успешной карьеры в сфере дизайна интерфейсов, от базовых основ до продвинутых методик и инструментов.

UX UI дизайнер обучение с нуля →

9. Курс «Дизайнер интерфейсов» [Яндекс.Практикум]

Информация о курсе: стоимость — 136 000 ₽ - 199 000 ₽, длительность - 9 месяцев

Чему вы научитесь:

• Анализировать конкурентов и целевую аудиторию: исследовать привычки пользователей и выявлять их потребности.

• Формулировать и проверять гипотезы: применять различные методы исследований для проверки идей.

• Прорабатывать пользовательские сценарии: разрабатывать интуитивно понятные интерфейсы.

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

• Создавать анимированные прототипы: тестировать свои решения с пользователями.

• Презентовать и передавать проекты: эффективно представлять идеи заказчику и передавать проекты в разработку.

  
  Программа курса:

• Аудитория и визуальная коммуникация

• Композиция и сетки

• Основы типографики и работа с текстом

• Работа с цветом и изображениями

• Исследование аудитории

• Проектирование интерфейса

• Анимация, иконки и UI-киты

• Визуальный дизайн и адаптивность

• Работа над продуктом

• UX-копирайтинг

• Визуализация данных

• Продвинутые функции Figma / Бизнес-среда

• Adobe After Effects

• Создание MVP на Tilda

• Бонусный модуль: Новые технологии и нейросети в дизайне.

Курсы по UI UX дизайну →

10. Курс «UX-дизайн» [IRS.Academy] — 46 отзывов

Информация о курсе: стоимость — 51 400 руб., длительность - 12 уроков (24 часа)

Содержание курса:

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

• Основы UX-дизайна
  На втором уроке освещаем основы этой области: методика ведения дизайн-проектов, стадии их реализации, эффективное планирование и управление, выявление потребностей целевой аудитории, использование бизнес-анализа и аналитики в UX-дизайне.

• Методы дизайн-мышления
  Осваиваем базовые принципы дизайн-процесса, его этапы и эффективное управление проектами. Изучаем методы выявления потребностей целевой аудитории, применение бизнес-анализа и проведение аналитики в UX-дизайне.

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

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

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

• Тестирование юзабилити
  Освоение методов юзабилити-тестирования, правил выборки, составление сценариев действий пользователей, особенностей мобильной аналитики, проведение A/B-тестов и выбор гипотез для тестирования.

• Дизайн на основе данных
  Изучение приоритетов и метрик в работе с данными, основных правил Data Driven Design и применение Big Data, исследований, A/B-тестирования и проверки гипотез в проектировании продуктов.

• Пользовательский опыт
  Научные подходы к проектированию пользовательского опыта, его восприятие, психофизиология, определение KPI и бизнес-целей, анализ сайтов с точки зрения психологии пользователей и основные принципы интерфейса.

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

• Стратегия Lean UX
  Применение методологии Lean UX, бережливого дизайна, ориентация на потребителя, восприятие бренда и создание творческих брифов.

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

UI UX дизайн обучение →

11. Курс «UX/UI дизайн» [Специалист]

Информация о курсе: стоимость — разная, длительность - разная

Вы овладеете:

• основами веб-дизайна и UX/UI;

• методами работы с растровой графикой в Adobe Photoshop;

• проведением юзабилити-тестирования и написанием пользовательских сценариев;

• проектированием удобных пользовательских интерфейсов;

• созданием дизайна интерфейсов в Adobe XD и Sketch;

• разработкой лендингов на платформе Tilda;

• работой с Figma и другими инструментами для создания макетов;

• использованием инструментов верстки HTML и CSS;

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

Курсы UI UX дизайна →

12. Курс «UI/UX-дизайнер» [НИИДПО] — 15 отзывов

Информация о курсе: стоимость — 82 100 ₽, длительность - 37 недель (8.5 мес.)

Что вы освоите:

• Применение теоретических основ графического дизайна на практике: принципы композиции, типографии, и колористики.

• Проведение исследований пользовательского поведения, формирование пользовательских сценариев, анализ целевой аудитории и конкурентов.

• Работу с платформами Tilda, Figma и Adobe Photoshop.

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

• Решение бизнес-задач через дизайн веб-сайтов и приложений.

• Продвижение личного бренда и эффективное взаимодействие с коллегами и клиентами.

UI UX designer курсы →

13. Курс «UX/UI дизайнер» [Loftschool] — 12 отзывов

Информация о курсе: стоимость — нет информации, длительность - 3 месяца

Что вы освоите:

• Основные средства
  Получите опыт работы с передовыми инструментами дизайнера.

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

• Текстовая работа
  Освоите навыки работы с текстом: сбор, структурирование и редактирование информации, а также умение создавать текст с нуля при необходимости.

• UX-дизайн
  Изучите создание информационной структуры для интернет-магазина, ознакомитесь с основными шаблонами взаимодействия с интерфейсом и типами игровых механик для улучшения пользовательского опыта.

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

• Тестирование юзабилити
  Изучите методы исследования юзабилити, проведите коридорное тестирование и опираясь на результаты, улучшите интерфейс вашего продукта.

• Разработка дизайн-системы
  Создайте дизайн-систему для вашего проекта, что упростит его разработку и передачу разработчикам, а также улучшит восприятие бренда и пользовательский опыт.

• Визуализация концепции
  Превратите ваш прототип в готовый дизайн и освоите создание анимаций в Figma и Principle.

UX UI дизайн курсы →

14. Курс «UX & UI: продуктовый дизайн» [БВШД] — 10 отзывов

Информация о курсе: стоимость — нет информации, длительность - 3 недели

Чему вы научитесь:

• Освоите основные методы исследования пользователей в дизайне;

• Генерация идей для цифровых сервисов;

• Разработка концепций продукта и сценариев его использования;

• Быстрое создание экспресс-прототипов идей;

• Погружение в процесс разработки продукта;

• Тестирование созданных прототипов;

• Работа в условиях ограниченного времени;

• Коллективная работа в команде.

Изучаемые темы:

• Воркшопы, которые дополняют каждую лекцию, практические занятия в командах, дополнительные ресурсы, поддержка от менторов и кураторов курса;

• Формирование команд;

• Проведение исследований: сбор информации, формулирование гипотез, подбор участников, планирование исследования, руководство интервью;

• Анализ конкурентов;

• Анализ исследований и превращение полученных данных в конкретные идеи;

• Построение пользовательских историй;

• Работа в программе Figma, разработка дизайн-концепций;

• Основы презентации разработанных решений;

• Заключительная презентация проектов.

UI UX дизайн курсы →

Бесплатные курсы и уроки UX/UI дизайна

Курс «UX/UI-дизайн» [Skillbox]

Вы узнаете, какие стратегии психологии важны для каждого профессионала в области UX-дизайна, каковы шаги в выполнении основательного UX-исследования и ознакомитесь с карьерным путем ведущего UX-дизайнера в Amazon. Погрузитесь в основы UX-дизайна и разработайте концепцию эффективного сайта продаж.

Курс UX UI дизайн →

Курс «Web Design - UI/UX» [G-Starting]

Учебные материалы:

• Этапы процесса создания дизайна

• Основы сетки, отступов и выравнивания

• Создание форм, кнопок и закруглений

• Введение в типографику

• Подбор цветов для веб-сайта

• Обзор понятий UX/UI

• Руководство по поиску и загрузке шрифтов

• Ресурсы для поиска стоковых изображений, как платные, так и бесплатные

• Подбор качественных бесплатных фотографий

• Платформы для использования иконок

• Инструменты для создания цветовой палитры

• Сервисы для подбора сочетаний шрифтов

• Сообщества для дизайнеров.

Курс UI UX дизайнер →

Курс «Веб дизайн» [AndyOne]

Видеоуроки:

• Основные принципы для новичка в дизайне

• Основы типографики

• Понятие цвета в дизайне

• Работа с изображениями

• Применение модульных сеток

• Повышение дохода фрилансера с использованием WordPress-тем

• 10 секретов Sketch, которые облегчат вашу работу

• 6 правил эффективной работы на фрилансе.

UX UI дизайнер: курсы →

Что должен уметь начинающий UX UI дизайнер?

Начинающий UX/UI дизайнер должен обладать рядом навыков и знаний, которые помогут ему успешно начать карьеру в этой сфере. Вот основные из них:

Технические навыки

Инструменты для дизайна:

• Figma: один из самых популярных инструментов для создания прототипов и макетов.

• Sketch: используется в основном на Mac и популярен среди дизайнеров интерфейсов.

• Adobe XD: инструмент от Adobe для создания дизайнов и прототипов.

• Adobe Photoshop и Illustrator: для работы с графикой и иллюстрациями.

Основы HTML и CSS:

• Понимание основ веб-разметки и стилей поможет лучше взаимодействовать с разработчиками и создавать реалистичные прототипы.

Прототипирование:

• Умение создавать интерактивные прототипы, чтобы тестировать и демонстрировать идеи.

Концептуальные знания

Основы UX-дизайна:

• Понимание принципов юзабилити и удобства использования.

• Исследования пользователей: методы сбора данных о пользователях, создание персон (user personas), анализ пользовательских сценариев (user journeys).

Основы UI-дизайна:

• Знание основ типографики, цветовых схем, иерархии и композиции.

• Умение создавать понятные и привлекательные интерфейсы.

Практические навыки

Wireframing:

• Создание набросков и схем интерфейсов для определения структуры и расположения элементов.

User Research:

• Проведение интервью с пользователями, юзабилити-тестов, анкетирования и других методов исследования.

Интерактивное проектирование:

• Создание анимаций и переходов для улучшения взаимодействия пользователя с интерфейсом.

Софт-скиллы

Коммуникация:

• Умение ясно и четко объяснять свои идеи и решения как команде, так и заказчикам.

Креативное мышление:

• Способность генерировать оригинальные и эффективные решения для различных проблем.

Внимание к деталям:

• Тщательная проверка всех элементов дизайна и их соответствие поставленным задачам.

Дополнительные знания

Понимание процесса разработки ПО:

• Знание основ Agile и Scrum для эффективного взаимодействия с командой разработчиков.

Знание трендов в дизайне:

• Следить за последними тенденциями и новыми технологиями в сфере UX/UI.

Портфолио

Проекты:

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

Кейсы:

• Описание процессов и методов, которые использовались для решения конкретных задач в проектах.

Освоение этих навыков и знаний поможет начинающему дизайнеру успешно начать карьеру в UX/UI дизайне и продолжать развиваться в этой области.