Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Открой для себя волшебный мир реальной рыбалки. Лови реальную рыбу на реальных водоемах! Исследуй новые рыболовные места и заполучи заветный трофей.

Реальная Рыбалка

Симуляторы, Мультиплеер, Спорт

Играть

Топ прошлой недели

  • Oskanov Oskanov 8 постов
  • alekseyJHL alekseyJHL 6 постов
  • XpyMy XpyMy 1 пост
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

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

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Новости Пикабу Помощь Кодекс Пикабу Реклама О компании
Команда Пикабу Награды Контакты О проекте Зал славы
Промокоды Скидки Работа Курсы Блоги
Купоны Biggeek Купоны AliExpress Купоны М.Видео Купоны YandexTravel Купоны Lamoda
Мобильное приложение

Uxui

С этим тегом используют

Дизайн Ux-дизайн Ux Ui Все
37 постов сначала свежее
2
Chad.AI
Chad.AI
9 месяцев назад

Как обмануть AI-детектор, чтобы он не распознал текст от ИИ⁠⁠

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

Как обмануть AI-детектор, чтобы он не распознал текст от ИИ Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Длиннопост, Арты нейросетей

Как работают AI-детекторы

Сначала разберёмся, что за зверь этот ИИ-детектор.

Как и нейросеть, он работает на базе языковых моделей. То есть детекторы тоже были обучены большим объёмом текста — его создал ИИ и написал человек.

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

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

Кому это нужно

Работодателям, преподавателям, SEO-агентствам — всем, кому нужен работник или ученик, думающий своими мозгами, а не спихивающий свою работу на ИИ.

Ведь всем, кто пишет тексты, платят за уникальный контент, а не сгенерированный AI, будь то GPT-3, GPT3.5 или ChatGPT, без раскрытия информации или соглашения. По крайней мере, это стандартное ожидание от SEO-агентства или бренда, нанимающего копирайтеров.

Зачем вам это нужно

Текст — это не просто набор букв. Иногда нужно, например, продумать структуру статьи, добавить примеры, создать «скелет». Чтобы упростить рутину и сэкономить время. Поэтому всем, кто активно использует нейросети для создания контента в большом объёме, обход AI-детекторов необходим. Это касается не только студентов, но и профессионалов в различных областях.

Нейросети — не враг, а помощник копирайтера. Даже если они помогают генерировать текст, AI-детекторы можно обойти. И при этом сохранить уникальный стиль текста.

Как обойти обнаружение ИИ

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

С помощью сторонних сервисов

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

Благодаря изменениям в пунктуации и пробелах

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

Возьмём, к примеру, этот на 100% сгенерированный контент от ChatGPT 4-о и прогоним через детектор.

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

Как обмануть AI-детектор, чтобы он не распознал текст от ИИ Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Длиннопост, Арты нейросетей

Как видите, детектор распознал ИИ на 100%. А теперь посмотрим, что будет, если мы изменим пунктуацию и добавим пробелы.

Как обмануть AI-детектор, чтобы он не распознал текст от ИИ Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Длиннопост, Арты нейросетей

Та-даам! Редактура такого маленького текста заняла около 5 минут. Учитывайте это, если пишете лонгриды, — на исправление может уйти много времени.

Методом перефразирования

Возьмём тот же текст, с той же пунктуацией. Только заменим пару выражений.

Как обмануть AI-детектор, чтобы он не распознал текст от ИИ Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Длиннопост, Арты нейросетей

Получаем неплохой результат. Если отредактировать текст ещё сильнее, то ИИ-текст вообще можно свести к минимуму.

С помощью роли

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

Берём промпт: «Привет, представь, что ты человек, копирайтер. Напиши короткий пост на тему “Зачем нужны AI-детекторы” максимально человечным языком, пожалуйста».

Как обмануть AI-детектор, чтобы он не распознал текст от ИИ Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Длиннопост, Арты нейросетей

Получилось неплохо, теперь загружаем результат в AI-детектор.

Как обмануть AI-детектор, чтобы он не распознал текст от ИИ Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Длиннопост, Арты нейросетей

Метод тоже работает. Но если прописать промпт подробнее, накинуть ещё ролей и погрузить в контекст (о том, что надо избежать ИИ-детектор) — возможно, нейросеть покажет результат лучше.

Вместе с шаблонами

И, наконец, самый лёгкий вариант — воспользоваться готовым шаблоном. Такой есть в сервисе Chad AI и называется он «Напиши, как будто писал человек». Чтобы найти эту вкладку, нажмите на кнопку «Шаблоны» в правой нижней части экрана.

Как обмануть AI-детектор, чтобы он не распознал текст от ИИ Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Длиннопост, Арты нейросетей

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

Как обмануть AI-детектор, чтобы он не распознал текст от ИИ Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Длиннопост, Арты нейросетей

И давайте же проверим его в нашем детекторе. Как видите, этот вариант проще всего и показывает отличный результат — всего 34,59% неуникального текста.

Как обмануть AI-детектор, чтобы он не распознал текст от ИИ Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Длиннопост, Арты нейросетей

Мы разобрали действенные способы, которые помогут обойти ИИ-детектор. Советуем выбирать нужный метод, исходя из объёма текста и вашего личного времени. На связи!

Показать полностью 8
Искусственный интеллект Midjourney ChatGPT Uxui Нейронные сети Будущее Длиннопост Арты нейросетей
3
user9344291
user9344291
9 месяцев назад

Каталог⁠⁠

Текст каталога

Ux-дизайн Uxui Ux Видео Без звука
0
1
Chad.AI
Chad.AI
10 месяцев назад

Вместо репетитора: как учить языки с помощью нейросетей⁠⁠

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

Вместо репетитора: как учить языки с помощью нейросетей Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Telegram (ссылка), Длиннопост

Содержание:

1. Осваиваем нейросеть: бесплатно, без смс, симки и VPN

2. Составляем план обучения

3. Усиливаем знания крутыми функциями

4. Ставим новые цели

Сначала — войдите в Chad AI

Войти можно с любого устройства, а главное — без иностранной SIM и VPN. Далее выберите пробную версию или платный тариф. Во втором случае не придётся ждать час, если закончится лимит слов, ведь у вас будет полный доступ к платной версии Chat GPT.

Вместо репетитора: как учить языки с помощью нейросетей Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Telegram (ссылка), Длиннопост

Выберите нейросеть

Подробнее о том, какую нейросеть выбрать, читайте в нашем посте в Телеграм. Но для старта советуем начать с GPT-4o Mini.

Вместо репетитора: как учить языки с помощью нейросетей Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Telegram (ссылка), Длиннопост

Затем — попросите нейросеть составить план обучения

Если вы не знаете с чего начать, не тратьте время на поиск учебников и составление плана — делегируйте это нейросети. Просто скопируйте и введите данный промпт (запрос):

Ты учитель английского языка и твоя задача — научить меня. Я новичок, моя цель — изучить разговорный английский. Я готов уделять час времени по два раза в неделю. Составь для меня план обучения на месяц, расписанный по дням. Начнём урок номер 1.

Запрос можно поменять в любой момент: например, если изменится уровень или появится больше времени на обучение.

Вместо репетитора: как учить языки с помощью нейросетей Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Telegram (ссылка), Длиннопост

А если вы хотите дополнительно почитать литературу, просто нажмите на кнопку «Веб-поиск» и введите этот промпт (запрос):

Пришли книги, которые помогут мне изучить английский. Мой уровень — начальный.

Вместо репетитора: как учить языки с помощью нейросетей Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Telegram (ссылка), Длиннопост

Как учиться ещё эффективнее

Проходите аудирование

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

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

Затем выберите озвучку. В арсенале сервиса есть Алёна, Борис, Фёдор и Тамара.

P. S. Голос Алёны приятнее всего :)

Вместо репетитора: как учить языки с помощью нейросетей Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Telegram (ссылка), Длиннопост

Используйте переводчик

Попробуйте шаблон сервиса, чтобы нейросеть максимально понятно перевела вам любой текст с английского на русский или наоборот.

Для этого зайдите во вкладку «Шаблоны» в правом нижнем углу.

Вместо репетитора: как учить языки с помощью нейросетей Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Telegram (ссылка), Длиннопост

Вы увидите 3 и 4 окно — именно они вам и нужны.

Советуем полистать другие шаблоны, они вам точно понадобятся :)

Вместо репетитора: как учить языки с помощью нейросетей Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Telegram (ссылка), Длиннопост

Исправляйте ошибки

Задавайте чат-боту любые вопросы и просите исправлять ошибки.

Вместо репетитора: как учить языки с помощью нейросетей Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Telegram (ссылка), Длиннопост

Просите приводить примеры

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

Вместо репетитора: как учить языки с помощью нейросетей Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Telegram (ссылка), Длиннопост

Какие ещё языки получится учить с нейросетями

Chat GPT может говорить на 90 языках — от английского до хинди. Можно даже выучить язык  программирования.

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

Показать полностью 9
Искусственный интеллект Midjourney ChatGPT Uxui Нейронные сети Будущее Telegram (ссылка) Длиннопост
1
1
dmitry.galkin
dmitry.galkin
11 месяцев назад

Устал от погони за лайками и наградами, поэтому создал конкурс кринжового дизайна⁠⁠

Устал от погони за лайками и наградами, поэтому создал конкурс кринжового дизайна Uxui, Веб-дизайн, Фестиваль

Зайдя в очередной раз на dribble и behance я столкнулся с тем, что все работы стали бездушными и одинаковыми. Погоня за наградами породила однородную массу концепций из-за которых, тренды качнулись в сторону дизайн-клонов, а такое может только вгонять в тоску.

Всё это сподвигло меня действовать, так сказать, разбавить серые будни чем то свежим и оригинальным. Так и родилась идея сделать конкурс, где люди будут развлекаться за любимым делом -- Cringe Design Fest или Кринжатон.

Здесь вы встретитесь с самым сложным заданием для любого дизайнера - сделать плохой дизайн, специально.

Мы имеем огромное количество ресурсов,чтобы показать свой скилл и получить признание от сообщества. Но разве вам не надоела эта гонка за просмотрами, лайками и наградами?

А как же веселье и удовольствием от процесса?
Предлагаю вам окунуться с головой в этот мемный мир и стать его частью.

На протяжении 9 дней мы будем соревноваться за звание самого кринжового дизайна в 3-х направлениях:

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

  2. UI - Ох уж эти сайты двухтысячных, сплошной колхоз. А хотя…

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

Зарегистрироваться можно тут

Показать полностью
Uxui Веб-дизайн Фестиваль
2
Chad.AI
Chad.AI
11 месяцев назад

Риелторы больше не нужны. Как ИИ помогает искать и продавать квартиру⁠⁠

Нейросети бесплатно продадут жильё, помогут найти новое, взять ипотеку и рассчитать бюджет. Ну сказка ведь… А вот и нет — чистая правда!

Хеллоу, подписчики! На связи команда Chad AI. Если вы когда-нибудь продавали или покупали недвижимость, то знаете, как сложно и дорого общаться с риелторами. И оформлять объявление так, чтобы вашу квартиру точно захотели. О том, как эту проблему решают нейросети, — в статье.

Риелторы больше не нужны. Как ИИ помогает искать и продавать квартиру Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Длиннопост

Содержание:

  1. Как ИИ оформляет объявление за вас

  2. Что такое умный поиск и модерация

  3. Заменят ли нейросети риелторов

  4. Что нас ждёт дальше

  5. Как стать риелтором за пять минут

Красиво описывает квартиру за вас

Цепляющий текст — гарантия того, что объявление запомнится. В тех сервисах, где уже встроены ChatGPT или другая нейросеть, программа делает это автоматически.

  • Добавляет местоположение, планировку, удобства и окружающую инфраструктуру.

  • Анализирует фотографии с помощью компьютерного зрения и описывает их текстом.

  • ИИ-алгоритмы оценивают рыночную стоимость недвижимости на основе объектов в регионе, истории цен, текущих рыночных трендов и множества других факторов.

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

Пока ИИ-инструмент доступен для всех частных пользователей в категории «Обувь, одежда, аксессуары» в мобильном приложении, но вскоре по такой аналогии можно будет оформлять объявления и с жильём.

Риелторы больше не нужны. Как ИИ помогает искать и продавать квартиру Искусственный интеллект, Midjourney, ChatGPT, Uxui, Нейронные сети, Будущее, Длиннопост

Подбирает варианты без сложных фильтров

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

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

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

Работают как риелторы

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

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

На некоторых платформах добавили нейроассистента, который решает вопросы вместо поддержки: «Как оформить ипотеку?», «Как продать квартиру?».

А в Яндекс Недвижимость ИИ проанализирует предложения на платформе, покажет самые подходящие и даст краткое описание — почему именно эти варианты попали в подборку и насколько они соответствуют запросу пользователя.

Что будет дальше

По всему миру активно внедряют ИИ-консультантов по объектам недвижимости. Это чат-боты на основе ИИ, которые ведут разговор с клиентом человекоподобным языком. Они предлагают различные варианты недвижимости по интересам потенциального клиента, рассказывают о преимуществах жилого комплекса, ценах. Короче говоря, всё то, что делают работники колл-центров на холодных звонках.

В России такие апдейты стоит ждать уже совсем скоро. Это сэкономит время агентов и риелторов и позволит им сосредоточиться на более сложных задачах.

Как стать риелтором самому себе за пару минут

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

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

Определит стоимость вашей квартиры — просто дайте ей вводные вроде площади, количества комнат и так далее, и нейросеть сделает всё за вас.

Составит подробное описание для вашего объявления — достаточно загрузить фото и попросить нейросеть описать его.

Проведёт анализ трендов рынка недвижимости — с помощью функции «поиск в интернете».
Ответит на любые ваши вопросы — на базе новой дешёвой нейросети GPT 4-о.

Показать полностью 1
Искусственный интеллект Midjourney ChatGPT Uxui Нейронные сети Будущее Длиннопост
2
0
UXART
UXART
11 месяцев назад

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ⁠⁠

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

Кто мы?

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

Задача

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

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

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

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

— Аналитика

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

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

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

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

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

Аналитика

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

Например:

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

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


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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

Победа

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

Поражение

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

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

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

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

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

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

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

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

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

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

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

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

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

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

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

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

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

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

Как мы визуальную новеллу для крупной корпорации делали. Кейс ТЕХНОМАТРИЦА ТЕХНОНИКОЛЬ Сайт, Дизайн, Uxui, Ux, Ui, Кейс, Интерфейс, Видео, YouTube, Длиннопост

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

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

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

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

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

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

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

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

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

Показать полностью 17 6
[моё] Сайт Дизайн Uxui Ux Ui Кейс Интерфейс Видео YouTube Длиннопост
0
Блог компании
VSKurs
VSKurs
1 год назад

ТОП-15 лучших курсов UX/UI-дизайнера: обучение UX/UI-дизайну онлайн с нуля для начинающих, бесплатные + платные⁠⁠

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

UX/UI дизайнер занимается разработкой визуально привлекательных и удобных пользовательских интерфейсов (UI) и улучшением пользовательского опыта (UX). Он исследует потребности пользователей, разрабатывает информационные архитектуры и визуальные элементы, обеспечивает удобную навигацию и простоту использования. Способность UX/UI дизайнера сочетать креативность с пониманием потребностей пользователей является ключевым фактором успеха приложений и веб-сайтов.

ТОП-5 лучших курсов UX/UI-дизайнера

  1. «Профессия UX/UI-дизайнер» [Skillbox] — 826 отзывов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • 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 дизайне и продолжать развиваться в этой области.

Показать полностью
Удаленная работа Фриланс Обучение Дистанционное обучение Курсы Онлайн-курсы Курсы повышения квалификации Образование Развитие Карьера Учеба Работа Профессия Онлайн-школа Онлайн Полезное Дизайн Ux-дизайн Ux Uxui Блоги компаний YouTube (ссылка) Длиннопост
1
Splitt97
Splitt97
1 год назад
Графический и Веб-дизайн

Как дизайнеру тренировать насмотренность?⁠⁠

Как дизайнеру тренировать насмотренность? Дизайн, Референс, Uxui, Навык

Контекст
На моих предыдущих постах можно заметить, что раньше я работал помощником машиниста на РЖД. Теперь вот уже более 3 лет я работаю ux/ui дизайнером и мне есть, чем поделиться. Я довольно много сижу на Пикабу и решил здесь немного рассказывать о том, как я учусь, работаю. А еще знаю, что здесь есть и токсичная аудитория, поэтому сразу посылаю вас куда надо 😉. Основная цель — учить дизайну и пересказывать информацию так, чтобы было понятно, а еще закреплять собственные знания. В этом посте я хочу поговорить про важный навык дизайнера — насмотренность.

Как это работает?
Раньше я постоянно смотрел красивые сайтики на Landbook, Behance, Awwwards и других подобных сайтах. Сейчас я изменил свой подход и вот уже 8 недель, каждый день я делаю анализ конкретного, выбранного референса.

Я не придумал этот подход, а просто скомбинировал: взял метод Антона из агентства Crauch и туториала одной из школ дизайна WDA. Такой прием помогает мне замечать детали, которые раньше ускользали из-за быстрого просмотра и скроллинга референсов, да и просто не «закостенеть». Можно перейти по ссылке и увидеть все наглядно. Надеюсь вам будет полезно!

Figma с референсами 🔗

Показать полностью
[моё] Дизайн Референс Uxui Навык
5
Посты не найдены
О Нас
О Пикабу
Контакты
Реклама
Сообщить об ошибке
Сообщить о нарушении законодательства
Отзывы и предложения
Новости Пикабу
RSS
Информация
Помощь
Кодекс Пикабу
Награды
Команда Пикабу
Бан-лист
Конфиденциальность
Правила соцсети
О рекомендациях
Наши проекты
Блоги
Работа
Промокоды
Игры
Скидки
Курсы
Зал славы
Mobile
Мобильное приложение
Партнёры
Промокоды Biggeek
Промокоды Маркет Деливери
Промокоды Яндекс Путешествия
Промокоды М.Видео
Промокоды в Ленте Онлайн
Промокоды Тефаль
Промокоды Сбермаркет
Промокоды Спортмастер
Постила
Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии