История первых эмодзи
С первых дней книгопечатанья в Европе, большие листы бумаги с односторонним оттиском, известные как broadsheets или broadsides (для удобства будем называть их листовками), печатались десятками миллионов копий. Они использовались для самых разных целей: официальных правительственных заявлений, объявлений, индульгенций, пропагандистских материалов, информационных бюллетеней, баллад, альманахов и даже прототипографических плакатов.
Хотя они считаются дешевыми и недолговечными – многие такими и были – не все листовки того периода постигла такая участь. Большинство из них раздавали бесплатно и вскоре они были выброшены или переработаны; но некоторые сохранились до наших дней. Часть из них была выгравирована опытными художниками и даже раскрашена вручную, а художественные достоинства, редкость и цена обеспечили их выживание. Сегодня мы кратко рассмотрим несколько любопытных примеров.
Читать статью: https://ux.pub/istoriya-pervyh-emodzi/
С первых дней книгопечатанья в Европе, большие листы бумаги с односторонним оттиском, известные как broadsheets или broadsides (для удобства будем называть их листовками), печатались десятками миллионов копий. Они использовались для самых разных целей: официальных правительственных заявлений, объявлений, индульгенций, пропагандистских материалов, информационных бюллетеней, баллад, альманахов и даже прототипографических плакатов.
Хотя они считаются дешевыми и недолговечными – многие такими и были – не все листовки того периода постигла такая участь. Большинство из них раздавали бесплатно и вскоре они были выброшены или переработаны; но некоторые сохранились до наших дней. Часть из них была выгравирована опытными художниками и даже раскрашена вручную, а художественные достоинства, редкость и цена обеспечили их выживание. Сегодня мы кратко рассмотрим несколько любопытных примеров.
Читать статью: https://ux.pub/istoriya-pervyh-emodzi/
UXPUB 🇺🇦 Дизайн-спільнота
История первых эмодзи
Древние шумеры, египтяне и китайцы, и многие другие древние цивилизации, использовали ребусы за тысячи лет до того, как эмодзи появились на наших экранах
3 тенденции, которые навсегда изменили графический дизайн
Графический дизайн никогда не будет прежним. Технологии влияют на эстетику, а эстетика, в свою очередь, влияет на внешний вид всего, что нас окружает. В конечном счете, все идеи – коммерческие, философские или функциональные – определяют методы и стили графического дизайна. В этой статье мы сосредоточились на трех основных тенденциях повлиявших та графический дизайн и сделавших его таким, каким мы его знаем.
1. Моушн дизайн
Моушн дизайн является одним из наиболее популярных методов визуального оформления. Графика движения возникла благодаря существованию фильмов, видео, анимации и вступительных титров к фильмам. Сейчас моушн дизайн не уступает по важности типографике. Визуальное пение и танцы в графическом дизайне – это то же самое, что и разговоры в немых фильмах.
Вступительные титры Кайла Купера к триллеру «Семь» (видео выше) являются одним из самых ярких примеров современной кинематографической графики.
2. Аудио сопровождение
Решение перенести акцент с движений на аудио сделало графический дизайн таким, каким он является сегодня. Самые ранние эксперименты с тем, что когда-то называлось «зрительная музыка», совпали с появлением фильмов со звуком в середине 1920-х годов. По сути отцом моушн графики стал Сол Басс. В 1960-х годах он создал серию вступительных титров для фильмов Альфреда Хичкока. Графический экспрессионизм этих вступительных титров идеально сочетался с повторяющимися мотивами партитур композитора Бернарда Херрманна. В наши дни существует огромное количество гибридных графических стилей, и с каждым годом их становится еще больше.
Все виды дизайна символизируют определенное время. Поэтому вторая тенденция в дизайне, а именно «искусственное устаревание», часто используется для придания лоска и привлекательности. В 1920-е годы это называлось «разработка стиля». Главной целью было повысить интерес потребителей, сделав продукцию более привлекательной. Художник по рекламе и один из первых коммерческих дизайнеров Раймонд Лоуи назвал это понятие MAYA — Most Advanced Yet Acceptable, что в переводе означает «максимально авангардное, но приемлемое для потребителя». Принцип MAYA продвигал цвета и формы, которые передавали тенденцию «нового и улучшенного», но при этом не заставляли потребителя нервничать от излишней степени новаторства.
Для большинства американских дизайнеров модернизм был полон хитрых приемов, которые художник мог использовать, чтобы сделать новое еще более новым. Это могли быть футуристические решения, акцентами которых были современные шрифты и заманчивые названия. Часто использовались такие шрифты как Cubist Bold и Novel Gothic. Искусственное устаревание однозначно стало толчком для роста и развития графического дизайна.
Графический дизайн никогда не будет прежним. Технологии влияют на эстетику, а эстетика, в свою очередь, влияет на внешний вид всего, что нас окружает. В конечном счете, все идеи – коммерческие, философские или функциональные – определяют методы и стили графического дизайна. В этой статье мы сосредоточились на трех основных тенденциях повлиявших та графический дизайн и сделавших его таким, каким мы его знаем.
1. Моушн дизайн
Моушн дизайн является одним из наиболее популярных методов визуального оформления. Графика движения возникла благодаря существованию фильмов, видео, анимации и вступительных титров к фильмам. Сейчас моушн дизайн не уступает по важности типографике. Визуальное пение и танцы в графическом дизайне – это то же самое, что и разговоры в немых фильмах.
Вступительные титры Кайла Купера к триллеру «Семь» (видео выше) являются одним из самых ярких примеров современной кинематографической графики.
2. Аудио сопровождение
Решение перенести акцент с движений на аудио сделало графический дизайн таким, каким он является сегодня. Самые ранние эксперименты с тем, что когда-то называлось «зрительная музыка», совпали с появлением фильмов со звуком в середине 1920-х годов. По сути отцом моушн графики стал Сол Басс. В 1960-х годах он создал серию вступительных титров для фильмов Альфреда Хичкока. Графический экспрессионизм этих вступительных титров идеально сочетался с повторяющимися мотивами партитур композитора Бернарда Херрманна. В наши дни существует огромное количество гибридных графических стилей, и с каждым годом их становится еще больше.
Все виды дизайна символизируют определенное время. Поэтому вторая тенденция в дизайне, а именно «искусственное устаревание», часто используется для придания лоска и привлекательности. В 1920-е годы это называлось «разработка стиля». Главной целью было повысить интерес потребителей, сделав продукцию более привлекательной. Художник по рекламе и один из первых коммерческих дизайнеров Раймонд Лоуи назвал это понятие MAYA — Most Advanced Yet Acceptable, что в переводе означает «максимально авангардное, но приемлемое для потребителя». Принцип MAYA продвигал цвета и формы, которые передавали тенденцию «нового и улучшенного», но при этом не заставляли потребителя нервничать от излишней степени новаторства.
Для большинства американских дизайнеров модернизм был полон хитрых приемов, которые художник мог использовать, чтобы сделать новое еще более новым. Это могли быть футуристические решения, акцентами которых были современные шрифты и заманчивые названия. Часто использовались такие шрифты как Cubist Bold и Novel Gothic. Искусственное устаревание однозначно стало толчком для роста и развития графического дизайна.
3. Цвет
Третья тенденция – яркий цвет. В середине 1960-х художник Джозеф Альберс стал основателем психоделического стиля. Своей книгой «Взаимодействие цвета» он помог выявить тенденцию, которая в дальнейшем использовалась для создания психоделических постеров и не только. Виктор Москосо, который учился у Альберса в Йельском университете, был одним из основателей тенденции яркого и сочного цвета. Он оказался первым из авторов рок-постеров 60-х, имеющий академическое образование. В самом начале моды на психоделический дизайн, он начал делать постеры для концертов, устраиваемых “Family Dog” в зале “Avalon Ballroom”. Известность получила также его серия постеров “Neon Rose” для клуба “Matrix”.
Дизайнеры, работавшие в этом стиле, пересмотрели ранее существующие правила. Например, «не используйте смелые цвета» стало «использовать их, в сочетании с большим количеством смелых цветов». Принцип «надписи должны быть всегда разборчивыми» стал «маскировать надписи, затруднять их чтение».
Одним из важных элементов теории Альберса была относительность цвета. Он считал, что цвет меняется в зависимости от окружения. Цвет обладает обманчивыми и непредсказуемыми свойствами, при этом возможны множественные вариации одного и того же оттенка в зависимости от того, какие цвета его окружают. Яркие цвета притягивали взгляды, заставляя зрителя с изумлением рассматривать поверхностью двумерного изображения. Вибрирующий цвет теперь является одним из многих инструментов современного дизайнера.
Источник
Третья тенденция – яркий цвет. В середине 1960-х художник Джозеф Альберс стал основателем психоделического стиля. Своей книгой «Взаимодействие цвета» он помог выявить тенденцию, которая в дальнейшем использовалась для создания психоделических постеров и не только. Виктор Москосо, который учился у Альберса в Йельском университете, был одним из основателей тенденции яркого и сочного цвета. Он оказался первым из авторов рок-постеров 60-х, имеющий академическое образование. В самом начале моды на психоделический дизайн, он начал делать постеры для концертов, устраиваемых “Family Dog” в зале “Avalon Ballroom”. Известность получила также его серия постеров “Neon Rose” для клуба “Matrix”.
Дизайнеры, работавшие в этом стиле, пересмотрели ранее существующие правила. Например, «не используйте смелые цвета» стало «использовать их, в сочетании с большим количеством смелых цветов». Принцип «надписи должны быть всегда разборчивыми» стал «маскировать надписи, затруднять их чтение».
Одним из важных элементов теории Альберса была относительность цвета. Он считал, что цвет меняется в зависимости от окружения. Цвет обладает обманчивыми и непредсказуемыми свойствами, при этом возможны множественные вариации одного и того же оттенка в зависимости от того, какие цвета его окружают. Яркие цвета притягивали взгляды, заставляя зрителя с изумлением рассматривать поверхностью двумерного изображения. Вибрирующий цвет теперь является одним из многих инструментов современного дизайнера.
Источник
Сей-Хай
3 тенденции, которые навсегда изменили графический дизайн – Сей-Хай
Графический дизайн никогда не будет прежним. Технологии влияют на эстетику, а эстетика, в свою очередь, влияет на внешний вид всего, что нас окружает. В
История презентаций: эпоха до появления Powerpoint
Рассказываем, как развивались способы создания презентаций до появления привычных нам сервисов.
Мы привыкли делать презентации в специальных программах или онлайн-редакторах: у нас есть Powerpoint, Google Slides, Keynote или Prezi. Среди них самым популярным изобретением стал именно Powerpoint: этот сервис верой и правдой служит нам уже более 30 лет. Но что было до его появления? Презентации тоже были. Давайте посмотрим, с помощью каких технологий их создавали.
Какими были первые презентации?
Презентация – это визуальный материал, помогающий вести рассказ. Можно сказать, что и наскальные рисунки были первыми презентациями – ведь через них древние люди общались с себе подобными и передавали опыт. Средневековые витражи тоже по своей концепции были похожи на презентации: с помощью картинок людям рассказывали библейские сюжеты.
Еще одна важная веха развития презентаций – это школьные доски. Первые из них появились в XIX веке и предназначались для надписей мелом. В XX веке наряду с ними стали использоваться маркерные доски. Впрочем, мел и маркер не имеют между собой существенных различий. Главный минус этого способа презентации – выступающий должен писать на доске в режиме реального времени. Это неизбежно прерывает речь, а также не позволяет создавать аккуратные схемы или рисунки.
Первые презентации с использованием досок носили образовательный характер – по сути, занятия в школах и университетах просто начали дополнять надписями, графиками и рисунками. Гораздо позже, уже с появлением технологий отображения слайдов, презентации стали создавать для бизнес-целей – для привлечения клиентов или инвестиций в стартапы.
Что изменилось с появлением проекторов?
Ко второй половине XX века популярность обрели сразу две технологии, качественно отличающиеся от меловой доски – они позволяли проецировать изображения на экран. Это делали с помощью кодоскопов или диапроекторов. Давайте подробнее остановимся на каждом устройстве.
Как работал кодоскоп?
Кодоскоп проецировал на экран изображения, нанесенные на прозрачную пленку. Для набора текста к середине прошлого века уже вовсю использовались печатные машинки, а вот графики, схемы и иллюстрации приходилось рисовать от руки. Все надписи и изображения наносили на обычную бумагу, а затем делали фотокопию на пленке.
Пленку в листах или в рулоне размещали горизонтально на поверхности кодоскопа, снизу изображение подсвечивалось лампой. Оптическая система с зеркалом была расположена выше, она проецировала картинку на доску или белую стену.
Проекции получались черно-белыми, преимущественно они содержали текст – поскольку рисунки и схемы требовали ручного труда, их использовали только при острой необходимости. Над созданием презентации обычно работал сам спикер.
Главное преимущество этой технологии – лектор больше не должен был отвлекаться от рассказа, чтобы написать что-то на доске, как раньше. Также подготовка слайдов для кодоскопа обходилась недорого, поэтому аппарат получил широкое распространение.
Как работал диапроектор?
Диапроектор или слайд-проектор – это устройство, в которое вставляли несколько цветных изображений размером 24х35 мм. Их изготавливали на фотопленке или на специальных стеклянных пластинах. Принцип действия устройства также строится на освещении – сначала использовали лампы накаливания, а с 1980-х годов – галогенные лампы.
Изображение строилось с помощью проекционного объектива: для создания яркой и четкой картинки требовалась фокусировка. Она могла быть ручной или автоматической. Слайды можно было переключать вручную, отматывать назад или установить таймер для их переключения.
Рассказываем, как развивались способы создания презентаций до появления привычных нам сервисов.
Мы привыкли делать презентации в специальных программах или онлайн-редакторах: у нас есть Powerpoint, Google Slides, Keynote или Prezi. Среди них самым популярным изобретением стал именно Powerpoint: этот сервис верой и правдой служит нам уже более 30 лет. Но что было до его появления? Презентации тоже были. Давайте посмотрим, с помощью каких технологий их создавали.
Какими были первые презентации?
Презентация – это визуальный материал, помогающий вести рассказ. Можно сказать, что и наскальные рисунки были первыми презентациями – ведь через них древние люди общались с себе подобными и передавали опыт. Средневековые витражи тоже по своей концепции были похожи на презентации: с помощью картинок людям рассказывали библейские сюжеты.
Еще одна важная веха развития презентаций – это школьные доски. Первые из них появились в XIX веке и предназначались для надписей мелом. В XX веке наряду с ними стали использоваться маркерные доски. Впрочем, мел и маркер не имеют между собой существенных различий. Главный минус этого способа презентации – выступающий должен писать на доске в режиме реального времени. Это неизбежно прерывает речь, а также не позволяет создавать аккуратные схемы или рисунки.
Первые презентации с использованием досок носили образовательный характер – по сути, занятия в школах и университетах просто начали дополнять надписями, графиками и рисунками. Гораздо позже, уже с появлением технологий отображения слайдов, презентации стали создавать для бизнес-целей – для привлечения клиентов или инвестиций в стартапы.
Что изменилось с появлением проекторов?
Ко второй половине XX века популярность обрели сразу две технологии, качественно отличающиеся от меловой доски – они позволяли проецировать изображения на экран. Это делали с помощью кодоскопов или диапроекторов. Давайте подробнее остановимся на каждом устройстве.
Как работал кодоскоп?
Кодоскоп проецировал на экран изображения, нанесенные на прозрачную пленку. Для набора текста к середине прошлого века уже вовсю использовались печатные машинки, а вот графики, схемы и иллюстрации приходилось рисовать от руки. Все надписи и изображения наносили на обычную бумагу, а затем делали фотокопию на пленке.
Пленку в листах или в рулоне размещали горизонтально на поверхности кодоскопа, снизу изображение подсвечивалось лампой. Оптическая система с зеркалом была расположена выше, она проецировала картинку на доску или белую стену.
Проекции получались черно-белыми, преимущественно они содержали текст – поскольку рисунки и схемы требовали ручного труда, их использовали только при острой необходимости. Над созданием презентации обычно работал сам спикер.
Главное преимущество этой технологии – лектор больше не должен был отвлекаться от рассказа, чтобы написать что-то на доске, как раньше. Также подготовка слайдов для кодоскопа обходилась недорого, поэтому аппарат получил широкое распространение.
Как работал диапроектор?
Диапроектор или слайд-проектор – это устройство, в которое вставляли несколько цветных изображений размером 24х35 мм. Их изготавливали на фотопленке или на специальных стеклянных пластинах. Принцип действия устройства также строится на освещении – сначала использовали лампы накаливания, а с 1980-х годов – галогенные лампы.
Изображение строилось с помощью проекционного объектива: для создания яркой и четкой картинки требовалась фокусировка. Она могла быть ручной или автоматической. Слайды можно было переключать вручную, отматывать назад или установить таймер для их переключения.
С помощью диапроектора появилась возможность показывать фотографии и цветные слайды. Эти слайды готовили художники, они были красиво оформлены, содержали иллюстрации и инфографику. В целом, возможности оформления таких презентаций были достаточными для полноценных выступлений. Кроме того, появилась возможность одновременно загружать в проектор до 80 слайдов – для этого были созданы карусельные диапроекторы.
Эта технология даже позволяла воссоздать простенькую анимацию – правда, это было редким явлением. В подавляющем большинстве случаев презентовали статичные слайды. Если же нужно было впечатлить аудиторию чудесами техники, на один экран направляли сразу несколько диапроекторов – а иногда и несколько десятков. У этих проекторов были внешние диафрагмы, которые реагировали на незаметные для человека звуковые сигналы. С помощью такой технологии слайды не просто перещелкивались, а исчезали и возникали с визуальными спецэффектами.
Как проходили выступления?
Технические возможности во многом влияют на выступления. Сейчас мы чувствуем себя свободно, загружая презентацию с флешки на ноутбук, подключаясь к современному видеопроектору и переключая слайды с помощью пульта. Давайте посмотрим, в каких условиях работали спикеры в XX веке.
Для проекций при помощи кодоскопа подходит хорошо освещенное помещение: выступающий и слушатели друг друга видели, могли вести диалог. Но графика изображений была существенно ограничена: только черно-белые и преимущественно текстовые слайды.
Тем не менее, ввиду дешевизны кодоскопы активно использовались и для лекций в образовательных учреждениях, и для выступлений среди коллег внутри компаний.
Цветные изображения, воссозданные с помощью диапроектора, напротив, нужно было просматривать в полной темноте. Это осложняло контакт между аудиторией и спикером, поскольку они друг друга не видели. Более того, выступающий не мог читать с листа во время выступления. Такие презентации требовали больше подготовки.
Кодоскоп использовали для будничных выступлений: спикер сам мог напечатать все важное на слайдах, зачитать речь, побеседовать со слушателями. Диапроектор обычно использовали для большой аудитории, к этим выступлениям тщательно готовились, они были хорошо продуманными. Во-первых, спикер должен был хорошо владеть материалом и говорить без запинок. Во-вторых, подготовкой слайдов занимался не сам выступающий, а специалисты, которые создавали красивый дизайн.
Если задействовали анимацию, выступление и вовсе превращалось в спектакль с четко прописанным сценарием. Скоординировать множество диапроекторов – непростое дело. В такой презентации не предусматривались вопросы от слушателей, а содержание было второстепенным. Все подчинялось главной цели – впечатлить людей спецэффектами.
Как выглядели слайды?
Давайте посмотрим на дизайн презентаций в эпоху работы с диапроекторами. Изображения для них создавались традиционными типографскими методами или с помощью мини-ЭВМ. Затем полученный результат фотографировали, чтобы загрузить в диапроектор уменьшенную копию на прозрачной пленке.
Оформление слайдов было во многом похоже на то, что мы знаем сейчас: широко применялись иллюстрации и подписи.
Конечно, дизайн середины прошлого века в чем-то уступал современным возможностям. О трехмерной инфографике или сложных фотоколлажах говорить не приходится: только цветные заливки, простые изображения и текст.
В слайды вставляли схемы и графики: сложные технологии для них не требуются, зато визуально воспринимать информацию с ними гораздо легче.
Фотографии в презентациях тоже уже использовались – и не только обычные, но и обработанные.
Эта технология даже позволяла воссоздать простенькую анимацию – правда, это было редким явлением. В подавляющем большинстве случаев презентовали статичные слайды. Если же нужно было впечатлить аудиторию чудесами техники, на один экран направляли сразу несколько диапроекторов – а иногда и несколько десятков. У этих проекторов были внешние диафрагмы, которые реагировали на незаметные для человека звуковые сигналы. С помощью такой технологии слайды не просто перещелкивались, а исчезали и возникали с визуальными спецэффектами.
Как проходили выступления?
Технические возможности во многом влияют на выступления. Сейчас мы чувствуем себя свободно, загружая презентацию с флешки на ноутбук, подключаясь к современному видеопроектору и переключая слайды с помощью пульта. Давайте посмотрим, в каких условиях работали спикеры в XX веке.
Для проекций при помощи кодоскопа подходит хорошо освещенное помещение: выступающий и слушатели друг друга видели, могли вести диалог. Но графика изображений была существенно ограничена: только черно-белые и преимущественно текстовые слайды.
Тем не менее, ввиду дешевизны кодоскопы активно использовались и для лекций в образовательных учреждениях, и для выступлений среди коллег внутри компаний.
Цветные изображения, воссозданные с помощью диапроектора, напротив, нужно было просматривать в полной темноте. Это осложняло контакт между аудиторией и спикером, поскольку они друг друга не видели. Более того, выступающий не мог читать с листа во время выступления. Такие презентации требовали больше подготовки.
Кодоскоп использовали для будничных выступлений: спикер сам мог напечатать все важное на слайдах, зачитать речь, побеседовать со слушателями. Диапроектор обычно использовали для большой аудитории, к этим выступлениям тщательно готовились, они были хорошо продуманными. Во-первых, спикер должен был хорошо владеть материалом и говорить без запинок. Во-вторых, подготовкой слайдов занимался не сам выступающий, а специалисты, которые создавали красивый дизайн.
Если задействовали анимацию, выступление и вовсе превращалось в спектакль с четко прописанным сценарием. Скоординировать множество диапроекторов – непростое дело. В такой презентации не предусматривались вопросы от слушателей, а содержание было второстепенным. Все подчинялось главной цели – впечатлить людей спецэффектами.
Как выглядели слайды?
Давайте посмотрим на дизайн презентаций в эпоху работы с диапроекторами. Изображения для них создавались традиционными типографскими методами или с помощью мини-ЭВМ. Затем полученный результат фотографировали, чтобы загрузить в диапроектор уменьшенную копию на прозрачной пленке.
Оформление слайдов было во многом похоже на то, что мы знаем сейчас: широко применялись иллюстрации и подписи.
Конечно, дизайн середины прошлого века в чем-то уступал современным возможностям. О трехмерной инфографике или сложных фотоколлажах говорить не приходится: только цветные заливки, простые изображения и текст.
В слайды вставляли схемы и графики: сложные технологии для них не требуются, зато визуально воспринимать информацию с ними гораздо легче.
Фотографии в презентациях тоже уже использовались – и не только обычные, но и обработанные.
Выводы
Презентация – более широкое понятие, чем набор привычных нам слайдов. Это способ передачи информации визуальными средствами. В широком смысле презентацией можно называть наскальные рисунки или даже церковные витражи.
Первым устройством для отображения слайдов на экране стал кодоскоп. Он позволял делать черно-белые слайды, состоящие преимущественно из текста.
Цветные слайды демонстрировали с помощью диапроектора, над их оформлением трудились художники.
С помощью нескольких диапроекторов можно было создавать незатейливую анимацию. Но эта технология стоила дорого и требовала тщательной подготовки к выступлению.
Возможности оформления слайдов уступали современным, но уже активно использовались иллюстрации, инфографика и обработка фотографий.
Источник: https://habr.com/ru/post/527162/
Презентация – более широкое понятие, чем набор привычных нам слайдов. Это способ передачи информации визуальными средствами. В широком смысле презентацией можно называть наскальные рисунки или даже церковные витражи.
Первым устройством для отображения слайдов на экране стал кодоскоп. Он позволял делать черно-белые слайды, состоящие преимущественно из текста.
Цветные слайды демонстрировали с помощью диапроектора, над их оформлением трудились художники.
С помощью нескольких диапроекторов можно было создавать незатейливую анимацию. Но эта технология стоила дорого и требовала тщательной подготовки к выступлению.
Возможности оформления слайдов уступали современным, но уже активно использовались иллюстрации, инфографика и обработка фотографий.
Источник: https://habr.com/ru/post/527162/
Как мотивировать пользователя закончить прогресс? -Эффект обеспеченного прогресса
TGI Fridays – отличное место, где можно наесться до отвала, особенно, учитывая размер подаваемых порций. Кроме того, они используют одну маленькую хитрость, которая заставляет меня возвращаться – это система вознаграждений. Я получаю 1 балл за каждый потраченный доллар, и после того, как наберу определенное количество баллов, получаю вознаграждение в виде бесплатного блюда!
Кроме того, они сразу предлагают бесплатную закуску за присоединение к программе «Fridays rewards».
Что такое «эффект обеспеченного прогресса»?
Идея заключается в том, что, если вы предоставите людям искусственный прогресс в достижении цели, у них будет больше мотивации для выполнения этой задачи.
В 2006 году Джозеф К. Нуньес и Ксавье Дрезе продемонстрировали эту идею в исследовании под названием «Эффект обеспеченного прогресса: как искусственное развитие увеличивает усилия». Они раздавали постоянным клиентам автомойки карты лояльности. Каждая мойка авто будет засчитываться по штампу на карте. Клиенты могли получить бесплатную мойку получив 8 штампов.
Покупатели были разделены на 2 равные группы:
Группа A: получили карты с 10 слотами, но два слота были уже погашены (прогресс 20%).
Группа B: получили карты с 8 слотами, из которых ни один не был погашен (прогресс 0%).
Исследователи выяснили, что 34% участников группы A (экспериментальная группа) полностью погасили свои карты по сравнению с 19% участников группы B (контрольная группа). В обоих случаях нужно было 8 раз оплатить мойку, но большая часть экспериментальной группы, т.е. группа с форой, выполнила задачу. Один шаг лучше, чем совсем ничего – я чувствовал себя вдохновленным.
Короче говоря, участникам, которым было дано преимущество на пути к достижению цели (2 штампа), казалось, что требуется приложить меньше усилий, и, таким образом, они имели больше мотивации для достижения финишной черты.
Почему это работает?
Давайте теперь углубимся в то, какие основные концепции способствуют этому эффекту.
Эффект Зейгарник:
Вы когда-нибудь прерывали на середине просмотр отличного триллера? Или делали паузу в видеоигре, не достигнув цели?
Люди запоминают незавершенные или прерванные задачи лучше, чем выполненные.
Этот эффект был замечен литовским психологом Блюмой Зейгарник в 1927 году. Вы можете прочитать о ее эксперименте и полученных выводах в исследовательской статье « О выполненных и незавершенных задачах».
Всякий раз, когда задача не выполнена или выполняется, это беспокоит нас, создавая напряжение, и она продолжает всплывать в нашем сознании, пока не будет завершена. Но это напряжение исчезнет, как только мы выполняем задачу.
Следовательно, люди более мотивированы выполнять текущую задачу. Мы хотим получить удовлетворение, увидев надпись «100% завершено» или огромную зеленую галочку в конце задачи.
Этот прием отлично работает с сериалами, использующими в конце серии клиффхэнгер, тем самым заставляя зрителя гадать, что будет дальше.
С помощью этого эффекта дизайнеры могут заставить пользователей выполнить задачу, которую они иначе не стали бы выполнять.
TGI Fridays – отличное место, где можно наесться до отвала, особенно, учитывая размер подаваемых порций. Кроме того, они используют одну маленькую хитрость, которая заставляет меня возвращаться – это система вознаграждений. Я получаю 1 балл за каждый потраченный доллар, и после того, как наберу определенное количество баллов, получаю вознаграждение в виде бесплатного блюда!
Кроме того, они сразу предлагают бесплатную закуску за присоединение к программе «Fridays rewards».
Что такое «эффект обеспеченного прогресса»?
Идея заключается в том, что, если вы предоставите людям искусственный прогресс в достижении цели, у них будет больше мотивации для выполнения этой задачи.
В 2006 году Джозеф К. Нуньес и Ксавье Дрезе продемонстрировали эту идею в исследовании под названием «Эффект обеспеченного прогресса: как искусственное развитие увеличивает усилия». Они раздавали постоянным клиентам автомойки карты лояльности. Каждая мойка авто будет засчитываться по штампу на карте. Клиенты могли получить бесплатную мойку получив 8 штампов.
Покупатели были разделены на 2 равные группы:
Группа A: получили карты с 10 слотами, но два слота были уже погашены (прогресс 20%).
Группа B: получили карты с 8 слотами, из которых ни один не был погашен (прогресс 0%).
Исследователи выяснили, что 34% участников группы A (экспериментальная группа) полностью погасили свои карты по сравнению с 19% участников группы B (контрольная группа). В обоих случаях нужно было 8 раз оплатить мойку, но большая часть экспериментальной группы, т.е. группа с форой, выполнила задачу. Один шаг лучше, чем совсем ничего – я чувствовал себя вдохновленным.
Короче говоря, участникам, которым было дано преимущество на пути к достижению цели (2 штампа), казалось, что требуется приложить меньше усилий, и, таким образом, они имели больше мотивации для достижения финишной черты.
Почему это работает?
Давайте теперь углубимся в то, какие основные концепции способствуют этому эффекту.
Эффект Зейгарник:
Вы когда-нибудь прерывали на середине просмотр отличного триллера? Или делали паузу в видеоигре, не достигнув цели?
Люди запоминают незавершенные или прерванные задачи лучше, чем выполненные.
Этот эффект был замечен литовским психологом Блюмой Зейгарник в 1927 году. Вы можете прочитать о ее эксперименте и полученных выводах в исследовательской статье « О выполненных и незавершенных задачах».
Всякий раз, когда задача не выполнена или выполняется, это беспокоит нас, создавая напряжение, и она продолжает всплывать в нашем сознании, пока не будет завершена. Но это напряжение исчезнет, как только мы выполняем задачу.
Следовательно, люди более мотивированы выполнять текущую задачу. Мы хотим получить удовлетворение, увидев надпись «100% завершено» или огромную зеленую галочку в конце задачи.
Этот прием отлично работает с сериалами, использующими в конце серии клиффхэнгер, тем самым заставляя зрителя гадать, что будет дальше.
С помощью этого эффекта дизайнеры могут заставить пользователей выполнить задачу, которую они иначе не стали бы выполнять.
Эффект градиента цели:
Стремление добиться цели возрастает по мере приближения к ней.
Людей мотивирует то, сколько осталось, а не то, как далеко они дошли.
В приведенном выше примере кофейня награждает своих клиентов бесплатным кофе после 9 покупок. По мере того, как покупатель приближается к цели, его покупки становятся более частыми, чтобы получить заветный бесплатный кофе.
Кроме того, наблюдая за экспериментом с автомойкой Джозефа К. Нунеса и Ксавьера Дрезе, клиенты, получившие «фору» в 2 бесплатных марки, достигли своей цели быстрее, чем клиенты с обычной картой (несмотря на то, что в обеих группах нужно было 8 раз оплатить мойку). «Фора» дала импульс первой группе, и им потребовалось меньше времени, чтобы совершить 8 покупок. Время между 2 покупками уменьшалось по мере приближения к цели.
Это может быть отличным инструментом для удержания пользователей. Если вы проектируете цифровые продукты и ищете, где применить эффект градиента цели, ищите области, в которых пользователи обычно начинают буксовать.
Эффект визуализации цели:
Визуализация цели, по мере приближения к ней, улучшает ее достижение.
По сути, когда пользователи могут визуализировать финишную черту, они мотивированы и прилагают больше усилий для ее пересечения.
Индикатор или полоса прогресса является прекрасным примером. Он может помочь пользователям сформировать ожидания, указав, какие шаги были выполнены, где находится пользователь, каковы следующие шаги.
LinkedIn идеально использует этот прием в процессе регистрации, указывая пользователям, какая часть профиля заполнена, а также рекомендует, какие шаги необходимо предпринять, например «Добавить изображение профиля».
Эти инструменты оказались полезными в арсенале продуктового дизайнера для повышения вовлеченности пользователей, их удержания и мотивации выполнения задачи. При разумном применении они могут улучшить процесс онбординга. Это может доставить удовольствие пользователям, заставляя их проводить больше времени на вашей платформе, что, в свою очередь, улучшает конверсию и общее использование. В конце концов, кому не нравится легкий старт и сладкое чувство выполнения задачи?
Выводы
Эффект прогресса может побудить пользователей работать над достижением цели.
Искусственное продвижение заставляет пользователей поверить, что они уже добились прогресса, и, следовательно, они с большей вероятностью завершат задачу.
Переформулируйте задачи так, чтобы они выглядели скорее неполными, а не вообще не начатыми (например, «Signing in» в качестве шага 1)
Чем ближе пользователи к выполнению задачи, тем быстрее они работают над ее достижением.
Люди запоминают незавершенные или прерванные задачи лучше, чем выполненные.
Мотивацию можно усилить визуальным представлением прогресса и финишной черты.
Источник
Стремление добиться цели возрастает по мере приближения к ней.
Людей мотивирует то, сколько осталось, а не то, как далеко они дошли.
В приведенном выше примере кофейня награждает своих клиентов бесплатным кофе после 9 покупок. По мере того, как покупатель приближается к цели, его покупки становятся более частыми, чтобы получить заветный бесплатный кофе.
Кроме того, наблюдая за экспериментом с автомойкой Джозефа К. Нунеса и Ксавьера Дрезе, клиенты, получившие «фору» в 2 бесплатных марки, достигли своей цели быстрее, чем клиенты с обычной картой (несмотря на то, что в обеих группах нужно было 8 раз оплатить мойку). «Фора» дала импульс первой группе, и им потребовалось меньше времени, чтобы совершить 8 покупок. Время между 2 покупками уменьшалось по мере приближения к цели.
Это может быть отличным инструментом для удержания пользователей. Если вы проектируете цифровые продукты и ищете, где применить эффект градиента цели, ищите области, в которых пользователи обычно начинают буксовать.
Эффект визуализации цели:
Визуализация цели, по мере приближения к ней, улучшает ее достижение.
По сути, когда пользователи могут визуализировать финишную черту, они мотивированы и прилагают больше усилий для ее пересечения.
Индикатор или полоса прогресса является прекрасным примером. Он может помочь пользователям сформировать ожидания, указав, какие шаги были выполнены, где находится пользователь, каковы следующие шаги.
LinkedIn идеально использует этот прием в процессе регистрации, указывая пользователям, какая часть профиля заполнена, а также рекомендует, какие шаги необходимо предпринять, например «Добавить изображение профиля».
Эти инструменты оказались полезными в арсенале продуктового дизайнера для повышения вовлеченности пользователей, их удержания и мотивации выполнения задачи. При разумном применении они могут улучшить процесс онбординга. Это может доставить удовольствие пользователям, заставляя их проводить больше времени на вашей платформе, что, в свою очередь, улучшает конверсию и общее использование. В конце концов, кому не нравится легкий старт и сладкое чувство выполнения задачи?
Выводы
Эффект прогресса может побудить пользователей работать над достижением цели.
Искусственное продвижение заставляет пользователей поверить, что они уже добились прогресса, и, следовательно, они с большей вероятностью завершат задачу.
Переформулируйте задачи так, чтобы они выглядели скорее неполными, а не вообще не начатыми (например, «Signing in» в качестве шага 1)
Чем ближе пользователи к выполнению задачи, тем быстрее они работают над ее достижением.
Люди запоминают незавершенные или прерванные задачи лучше, чем выполненные.
Мотивацию можно усилить визуальным представлением прогресса и финишной черты.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Как мотивировать пользователя закончить прогресс? -Эффект обеспеченного прогресса
Идея заключается в том, что, если вы предоставите людям искусственный прогресс в достижении цели, у них будет больше мотивации для выполнения этой задачи
Как иллюстрации бустят UX
В чем разница между правильным дизайном макета и действительно привлекательным? Второй вариант основан не только на отличном пользовательском опыте, но и на принципах дизайна с сильной эстетикой. Иллюстрации и макеты интерфейса работают вместе как одна команда, чтобы донести до пользователя правильное сообщение и принести визуальное удовольствие. Вместе они делают эмоциональный штрих, который отпечатывается в памяти человека.
Давайте углубимся в детали и подробнее рассмотрим иллюстрацию как универсальный инструмент коммуникации между продуктом и пользователем.
Что такого особенного в иллюстрации?
Иллюстрации всегда связаны с сообщением. Никто не любит читать, но все любят смотреть, и даже самую безумную идею можно объяснить визуально! Рассматривайте иллюстрацию как визуальный триггер, привлекающий внимание пользователей цветом и доносящий им информацию.
Поэтому задача иллюстрации – рассказать историю, о которой вы пишете.
Где их использовать?
Иллюстрации в пользовательском интерфейсе можно использовать в разных сценариях.
Я остановлюсь на 5, для которых они идеально подходят:
Изображение темы и героя
Вот он, первый момент, когда пользователи взаимодействуют с дизайном вашего продукта. Как проще всего объяснить суть продукта? Без сомнения, используя иллюстративный язык!
По моему скромному мнению, это самый важный тип среди UI-иллюстраций, потому что он создает визуальный стиль продукта и общее впечатление. Изображение героя – это первый шаг взаимодействия пользователя с продуктом, который формирует желаемый эмоциональный отклик.
Онбординг
После первой визуальной встречи с продуктом нам нужно рассказать пользователю о том, что здесь происходит. Но, как я уже упоминал выше, пользователи предпочитают сканировать, а не читать. Все хотят как можно скорее приступить к делу, и тут на сцену выходят онбординговые иллюстрации. Они наглядно объясняют, как проще всего взаимодействовать с новыми функциями.
Графика геймификации
Графика геймификации включает разные типы пользовательских наград: трофеи, медали, кубки и т. д. Цель такой графики – побудить пользователей продолжать использовать продукт для завоевания новых предметов. Именно поэтому творчество дизайнера дает возможность раскрыться в работе над такими элементами.
Уведомления
С помощью уведомлений дизайнеры стремятся показать пользователям важную информацию, которая должна оставаться в их памяти. Исследование UX, проведенное Baymard Institute, доказывает, что информацию, поданную с картинкой, воспринимают 56%.
Маскоты
Мой любимый тип иллюстраций в брендинге! Талисманы – это иллюстративные персонажи, которые становятся визуальным лицом продукта. Пользователи прекрасно их запоминают, потому что маскоты воспринимаются как живые существа. Они выполняют роль коммуникаторов между пользователями и продуктом.
Зачем использовать иллюстрации?
Создавать привлекательные визуальные сообщения Наш разум обрабатывает информативные изображения лучше, чем просто текст. Дизайнеры должны использовать это, чтобы объяснить пользователям, где они находятся, что происходит на этой странице и что делать дальше.
Чтобы пользовательский интерфейс вызывал глубокие эмоции. Все мы эмоциональные существа, способные видеть красоту даже в уродливых вещах вокруг нас. Мне нравится эта цитата:
расота возникает в результате осознанного размышления и опыта. На него влияют знания, обучение и культура. Неприглядные на поверхности предметы могут доставить удовольствие. Несогласованная музыка, например, может быть красивой. Отталкивающее искусство может быть красивым».
Как я уже говорил выше, иллюстрация тоже вызывает эмоции с первого взгляда. Ее визуальный язык – это цвета, линии и стиль, которые пользователи эмоционально понимают без слов. Дизайнеры, «говорящие» на языке иллюстрации, создают выдающиеся продукты, затрагивающие души пользователей.
В чем разница между правильным дизайном макета и действительно привлекательным? Второй вариант основан не только на отличном пользовательском опыте, но и на принципах дизайна с сильной эстетикой. Иллюстрации и макеты интерфейса работают вместе как одна команда, чтобы донести до пользователя правильное сообщение и принести визуальное удовольствие. Вместе они делают эмоциональный штрих, который отпечатывается в памяти человека.
Давайте углубимся в детали и подробнее рассмотрим иллюстрацию как универсальный инструмент коммуникации между продуктом и пользователем.
Что такого особенного в иллюстрации?
Иллюстрации всегда связаны с сообщением. Никто не любит читать, но все любят смотреть, и даже самую безумную идею можно объяснить визуально! Рассматривайте иллюстрацию как визуальный триггер, привлекающий внимание пользователей цветом и доносящий им информацию.
Поэтому задача иллюстрации – рассказать историю, о которой вы пишете.
Где их использовать?
Иллюстрации в пользовательском интерфейсе можно использовать в разных сценариях.
Я остановлюсь на 5, для которых они идеально подходят:
Изображение темы и героя
Вот он, первый момент, когда пользователи взаимодействуют с дизайном вашего продукта. Как проще всего объяснить суть продукта? Без сомнения, используя иллюстративный язык!
По моему скромному мнению, это самый важный тип среди UI-иллюстраций, потому что он создает визуальный стиль продукта и общее впечатление. Изображение героя – это первый шаг взаимодействия пользователя с продуктом, который формирует желаемый эмоциональный отклик.
Онбординг
После первой визуальной встречи с продуктом нам нужно рассказать пользователю о том, что здесь происходит. Но, как я уже упоминал выше, пользователи предпочитают сканировать, а не читать. Все хотят как можно скорее приступить к делу, и тут на сцену выходят онбординговые иллюстрации. Они наглядно объясняют, как проще всего взаимодействовать с новыми функциями.
Графика геймификации
Графика геймификации включает разные типы пользовательских наград: трофеи, медали, кубки и т. д. Цель такой графики – побудить пользователей продолжать использовать продукт для завоевания новых предметов. Именно поэтому творчество дизайнера дает возможность раскрыться в работе над такими элементами.
Уведомления
С помощью уведомлений дизайнеры стремятся показать пользователям важную информацию, которая должна оставаться в их памяти. Исследование UX, проведенное Baymard Institute, доказывает, что информацию, поданную с картинкой, воспринимают 56%.
Маскоты
Мой любимый тип иллюстраций в брендинге! Талисманы – это иллюстративные персонажи, которые становятся визуальным лицом продукта. Пользователи прекрасно их запоминают, потому что маскоты воспринимаются как живые существа. Они выполняют роль коммуникаторов между пользователями и продуктом.
Зачем использовать иллюстрации?
Создавать привлекательные визуальные сообщения Наш разум обрабатывает информативные изображения лучше, чем просто текст. Дизайнеры должны использовать это, чтобы объяснить пользователям, где они находятся, что происходит на этой странице и что делать дальше.
Чтобы пользовательский интерфейс вызывал глубокие эмоции. Все мы эмоциональные существа, способные видеть красоту даже в уродливых вещах вокруг нас. Мне нравится эта цитата:
расота возникает в результате осознанного размышления и опыта. На него влияют знания, обучение и культура. Неприглядные на поверхности предметы могут доставить удовольствие. Несогласованная музыка, например, может быть красивой. Отталкивающее искусство может быть красивым».
Как я уже говорил выше, иллюстрация тоже вызывает эмоции с первого взгляда. Ее визуальный язык – это цвета, линии и стиль, которые пользователи эмоционально понимают без слов. Дизайнеры, «говорящие» на языке иллюстрации, создают выдающиеся продукты, затрагивающие души пользователей.
Повышение узнаваемости бренда.
Яркая визуальная идентичность – ключ к узнаваемости бренда. Дизайнеры активно используют иллюстрации в маркетинговых целях, привлекая внимание пользователя к конкретным триггерам в интерфейсе. Не секрет, что компании поддерживают согласованный стиль иллюстраций на сайтах и в соцсетях, потому что пользователи подсознательно связывают визуальный стиль с брендом.
Выводы
Подводя итог, иллюстрации в интерфейсе важны для того, чтобы:
Передать идею лучше, чем просто текстом;
Увеличить эстетичность интерфейса;
Создать эмоциональную связь с бренда;
Источник: https://design-glory.com/?p=10900
Яркая визуальная идентичность – ключ к узнаваемости бренда. Дизайнеры активно используют иллюстрации в маркетинговых целях, привлекая внимание пользователя к конкретным триггерам в интерфейсе. Не секрет, что компании поддерживают согласованный стиль иллюстраций на сайтах и в соцсетях, потому что пользователи подсознательно связывают визуальный стиль с брендом.
Выводы
Подводя итог, иллюстрации в интерфейсе важны для того, чтобы:
Передать идею лучше, чем просто текстом;
Увеличить эстетичность интерфейса;
Создать эмоциональную связь с бренда;
Источник: https://design-glory.com/?p=10900
Design Glory
Design Glory - Сайт для дизайнеров
Материалы для начинающих и опытных UX\UI дизайнеров. Делимся инсайдами от лучших брендов, даем практические советы и публикуем свежие новости сферы дизайна.
Как получить тестовое задание и пройти стажировку UX-дизайнером
1. Пройдите хотя бы один курс по UX
Если кратко, то совет такой: для первого подхода ищите курс с интенсивным стартом и ассортиментом интересных и жизненных проектов. Следующим шагом ныряйте в очное обучение, чтобы прочувствовать работу команды плечом к плечу. А затем уже в порыве «обучение как стиль жизни» развивайте навыки на различных интенсивах и онлайн-курсах.
Особенно хороши курсы, за которыми стоит увлеченное сообщество/журнал с обилием полезного контента, где ребята щедро делятся полезными материалами и курсами на тему UX/UI. Зайдите к ним в соцсети и оцените, насколько хорош контент.
2. Посоветуйтесь с наставником и определите свою сильную сторону
Найдите наставника. Обязательно. Им может стать преподаватель в чате, напарник на работе; вам нужен кто-то, на кого вы будете равняться — это очень важно на старте.
Опытный наставник в течение часа поможет вам выстроить индивидуальную стратегию и траекторию развития. Самостоятельно вы тоже можете поразмышлять о своих сильных сторонах уже сейчас.
Идея заключается в том, что вы можете переосмыслить существующий опыт в соответствующие проекты для своего портфолио UX. Например:
Маркетинговые исследования → UX Research
Моделирование бизнес-процессов (BPM) → UX workflow
Графический и веб-дизайн → Проектирование, дизайн и прототипирование интерфейсов (UX-дизайн)
Все, что связано с данными → Числа, которые подтверждают успех решения (UX-аналитика)
Обеспечение качества (QA) → Юзабилити-тестирование
Если вы поставили цель стать UX/UI-дизайнером с полным боекомплектом, можно заходить с любой из точек, начать работать в digital и продолжать наращивать навыки. У точки «я рисую и точно буду классным UX-дизайнером» шансы такие же, по моим наблюдениям, как у всех других.
Кстати, «любить людей», «стремиться делать жизнь людей лучше» и «трудолюбие» — уже серьезные факторы, которые значительно повышают вероятность успеха на старте.
3. Начните двигаться к ближайшей высоте, качать навыки и создавать наглядные результаты
Если кратко: ищите способы упаковки и визуальной подачи для всего, что создаете. Даже самую скучную ерунду можно подать захватывающе, и это имеет значение, так как показывает ваш личный интерес к делу.
Базовые хард-скилы и софт-скилы UX-дизайнера: сбор требований, проектирование и прототипирование интерфейсов, передача макетов в разработку, постановка задач на сбор данных и выдвижение гипотез.
На среднем уровне по hard-скилам и софт-скилам: проведение пользовательских исследований, построение карт Customer Journey Map (CJM), Customer Experience Map (CEM) и Service Blueprint (SB).
Здесь хорошо работают советы из книги «Покажи свою работу». Эта книга для всех, кто хочет добиться успеха, используя свои лучшие способности. Цитата со страницы книги на сайте издательства МИФ:
«Представьте, что будущему работодателю не приходится читать ваше резюме, потому что он уже знаком с вашим блогом. Представьте, что вы студент и получаете первую работу благодаря своему учебному проекту, который разместили в интернете. Представьте, что вас увольняют, но у вас есть контакты людей, осведомленных о вашей работе и готовых помочь вам отыскать новую. Представьте, что вы превращаете дополнительную работу или хобби в профессию, потому что ваше окружение вас поддерживает.
Или представьте такое простое и не менее приятное положение дел: вы тратите большую часть своего времени, сил и внимания на занятия творчеством, ремеслом или бизнесом, одновременно создавая все условия для привлечения людей, разделяющих ваши интересы.
Все, что вы должны сделать, — это показать всем свою работу».
1. Пройдите хотя бы один курс по UX
Если кратко, то совет такой: для первого подхода ищите курс с интенсивным стартом и ассортиментом интересных и жизненных проектов. Следующим шагом ныряйте в очное обучение, чтобы прочувствовать работу команды плечом к плечу. А затем уже в порыве «обучение как стиль жизни» развивайте навыки на различных интенсивах и онлайн-курсах.
Особенно хороши курсы, за которыми стоит увлеченное сообщество/журнал с обилием полезного контента, где ребята щедро делятся полезными материалами и курсами на тему UX/UI. Зайдите к ним в соцсети и оцените, насколько хорош контент.
2. Посоветуйтесь с наставником и определите свою сильную сторону
Найдите наставника. Обязательно. Им может стать преподаватель в чате, напарник на работе; вам нужен кто-то, на кого вы будете равняться — это очень важно на старте.
Опытный наставник в течение часа поможет вам выстроить индивидуальную стратегию и траекторию развития. Самостоятельно вы тоже можете поразмышлять о своих сильных сторонах уже сейчас.
Идея заключается в том, что вы можете переосмыслить существующий опыт в соответствующие проекты для своего портфолио UX. Например:
Маркетинговые исследования → UX Research
Моделирование бизнес-процессов (BPM) → UX workflow
Графический и веб-дизайн → Проектирование, дизайн и прототипирование интерфейсов (UX-дизайн)
Все, что связано с данными → Числа, которые подтверждают успех решения (UX-аналитика)
Обеспечение качества (QA) → Юзабилити-тестирование
Если вы поставили цель стать UX/UI-дизайнером с полным боекомплектом, можно заходить с любой из точек, начать работать в digital и продолжать наращивать навыки. У точки «я рисую и точно буду классным UX-дизайнером» шансы такие же, по моим наблюдениям, как у всех других.
Кстати, «любить людей», «стремиться делать жизнь людей лучше» и «трудолюбие» — уже серьезные факторы, которые значительно повышают вероятность успеха на старте.
3. Начните двигаться к ближайшей высоте, качать навыки и создавать наглядные результаты
Если кратко: ищите способы упаковки и визуальной подачи для всего, что создаете. Даже самую скучную ерунду можно подать захватывающе, и это имеет значение, так как показывает ваш личный интерес к делу.
Базовые хард-скилы и софт-скилы UX-дизайнера: сбор требований, проектирование и прототипирование интерфейсов, передача макетов в разработку, постановка задач на сбор данных и выдвижение гипотез.
На среднем уровне по hard-скилам и софт-скилам: проведение пользовательских исследований, построение карт Customer Journey Map (CJM), Customer Experience Map (CEM) и Service Blueprint (SB).
Здесь хорошо работают советы из книги «Покажи свою работу». Эта книга для всех, кто хочет добиться успеха, используя свои лучшие способности. Цитата со страницы книги на сайте издательства МИФ:
«Представьте, что будущему работодателю не приходится читать ваше резюме, потому что он уже знаком с вашим блогом. Представьте, что вы студент и получаете первую работу благодаря своему учебному проекту, который разместили в интернете. Представьте, что вас увольняют, но у вас есть контакты людей, осведомленных о вашей работе и готовых помочь вам отыскать новую. Представьте, что вы превращаете дополнительную работу или хобби в профессию, потому что ваше окружение вас поддерживает.
Или представьте такое простое и не менее приятное положение дел: вы тратите большую часть своего времени, сил и внимания на занятия творчеством, ремеслом или бизнесом, одновременно создавая все условия для привлечения людей, разделяющих ваши интересы.
Все, что вы должны сделать, — это показать всем свою работу».
Breezzly
Breezzly – онлайн-курсы по веб-дизайну и анимации UX/UI
Шаг за шагом на основе реальных проектов. Исходники для каждого урока. В формате коротких концентрированных видео. Первые 12 уроков бесплатно. Заходи!
4. Соберите портфолио и откликнитесь на вакансию
Хорошо работает следующая тактика: 👉Проходите краткосрочный курс с системой работы и собираете первое портфолио (приближенное к боевому). Такое портфолио поможет для демонстрации навыков на следующем этапе. Идеально, если на курсе еще будет возможность поработать по боевым брифам.
🌿Совет: В сборке портфолио добротно подайте не только итоговый вариант, но и все промежуточные шаги движения по системе. Подать в промежуточных этапах тоже есть что, если двигаться по классической схеме User Centered Design или Design thinking.
Вы можете собрать подробное портфолио в Readymag, Tilda или Webflow:
https://readymag.com/amelkina/AmelkinaTatiana/
https://readymag.com/anna.gubanova/portfolio/
https://readymag.com/woodie/gofman/
Или делитесь примерами работ, кусочками процесса прямо на dribbble: https://dribbble.com/NewWingsAsya
C таким портфолио вы уже можете откликаться на вакансии, знакомиться с другими дизайнерами на конференциях и сообществах и всячески интересоваться участием в проектах. Не надо бояться писать в компанию, которая вам нравится по подходу и работам, и запрашивать тестовое задание. Как минимум вы сможете скорректировать работу по обратной связи от опытных дизайнеров и получить кейс в портфолио.
Также рекомендую изучить свежий обзор 11 лучших портфолио UX-дизайнера →
5. Начните активно участвовать в UX-сообществах
Вступите в самые популярные UX-сообщества и задайте самый волнующий вопрос. Так вы на деле подкрепите свое намерение действовать. Смело участвуйте в дискуссиях, живо интересуйтесь предметом, спрашивайте совета. Бонус в том, что пока вы ищете ответы в книжках или на курсах, вам может выпасть шанс получить свежий уникальный опыт от живого сообщества экспертов, и, возможно, он изменит вашу жизнь.
Держите свежую подборку UI/UX-сообществ с активной аудиторией в 20 000+ читателей на Facebook: 🌿👇
UxJournal | Максимально полезные статьи для дизайнеров. Международная практика UI/UX-дизайна на русском. Изучить →
UxClub | Форум практиков продуктового дизайна. Ежедневные интересные дискуссии на тему UI/UX-дизайна. Изучить →
PDigest | Дайджест продуктового дизайна. Ежемесячные выпуски о важных событиях в мире продуктового дизайна. Изучить →
6. Что важно учесть при прохождении стажировки в диджитал-агентстве
В агентство лучше врываться с определенным процессом работы и небольшим портфолио. Так дизайнеры и руководители поймут, что вы готовы к системной работе — это ценят в агентствах.
Познакомьтесь с процессом работы и командой, так вы будете знать, у кого уточнить нужную информацию во время выполнения проекта.
Все записывайте, не полагайтесь на свою память — обычно на новичков сваливается много информации, лучше написать, чем снова спрашивать одно и то же несколько раз. Так вы покажете, что цените обратную связь и советы команды.
Попросите порекомендовать вам книги/курсы, которые помогут быстрее освоиться, не забудьте спросить, на что следует обратить внимание в этих источниках.
Следуя данным принципам, вы сможете успешно пройти стажировку.
7. Как пройти стажировку в продуктовой компании
Узнайте у руководителя, что будет наилучшим результатом по итогам вашей стажировки. Не бойтесь задач с горящими сроками — это будет только больше стимулировать вас к изучению всего продукта и экосистемы. Один из важных факторов успеха — наличие команды, с которой можно советоваться.
Старайтесь не просто бросаться на первую же задачу и рисовать, а погружайтесь в мир рынка, клиентов, конкурентов и поведенческой аналитики о пользе продукта. Старайтесь опираться на данные в принятии дизайн-решений.
Источник
Хорошо работает следующая тактика: 👉Проходите краткосрочный курс с системой работы и собираете первое портфолио (приближенное к боевому). Такое портфолио поможет для демонстрации навыков на следующем этапе. Идеально, если на курсе еще будет возможность поработать по боевым брифам.
🌿Совет: В сборке портфолио добротно подайте не только итоговый вариант, но и все промежуточные шаги движения по системе. Подать в промежуточных этапах тоже есть что, если двигаться по классической схеме User Centered Design или Design thinking.
Вы можете собрать подробное портфолио в Readymag, Tilda или Webflow:
https://readymag.com/amelkina/AmelkinaTatiana/
https://readymag.com/anna.gubanova/portfolio/
https://readymag.com/woodie/gofman/
Или делитесь примерами работ, кусочками процесса прямо на dribbble: https://dribbble.com/NewWingsAsya
C таким портфолио вы уже можете откликаться на вакансии, знакомиться с другими дизайнерами на конференциях и сообществах и всячески интересоваться участием в проектах. Не надо бояться писать в компанию, которая вам нравится по подходу и работам, и запрашивать тестовое задание. Как минимум вы сможете скорректировать работу по обратной связи от опытных дизайнеров и получить кейс в портфолио.
Также рекомендую изучить свежий обзор 11 лучших портфолио UX-дизайнера →
5. Начните активно участвовать в UX-сообществах
Вступите в самые популярные UX-сообщества и задайте самый волнующий вопрос. Так вы на деле подкрепите свое намерение действовать. Смело участвуйте в дискуссиях, живо интересуйтесь предметом, спрашивайте совета. Бонус в том, что пока вы ищете ответы в книжках или на курсах, вам может выпасть шанс получить свежий уникальный опыт от живого сообщества экспертов, и, возможно, он изменит вашу жизнь.
Держите свежую подборку UI/UX-сообществ с активной аудиторией в 20 000+ читателей на Facebook: 🌿👇
UxJournal | Максимально полезные статьи для дизайнеров. Международная практика UI/UX-дизайна на русском. Изучить →
UxClub | Форум практиков продуктового дизайна. Ежедневные интересные дискуссии на тему UI/UX-дизайна. Изучить →
PDigest | Дайджест продуктового дизайна. Ежемесячные выпуски о важных событиях в мире продуктового дизайна. Изучить →
6. Что важно учесть при прохождении стажировки в диджитал-агентстве
В агентство лучше врываться с определенным процессом работы и небольшим портфолио. Так дизайнеры и руководители поймут, что вы готовы к системной работе — это ценят в агентствах.
Познакомьтесь с процессом работы и командой, так вы будете знать, у кого уточнить нужную информацию во время выполнения проекта.
Все записывайте, не полагайтесь на свою память — обычно на новичков сваливается много информации, лучше написать, чем снова спрашивать одно и то же несколько раз. Так вы покажете, что цените обратную связь и советы команды.
Попросите порекомендовать вам книги/курсы, которые помогут быстрее освоиться, не забудьте спросить, на что следует обратить внимание в этих источниках.
Следуя данным принципам, вы сможете успешно пройти стажировку.
7. Как пройти стажировку в продуктовой компании
Узнайте у руководителя, что будет наилучшим результатом по итогам вашей стажировки. Не бойтесь задач с горящими сроками — это будет только больше стимулировать вас к изучению всего продукта и экосистемы. Один из важных факторов успеха — наличие команды, с которой можно советоваться.
Старайтесь не просто бросаться на первую же задачу и рисовать, а погружайтесь в мир рынка, клиентов, конкурентов и поведенческой аналитики о пользе продукта. Старайтесь опираться на данные в принятии дизайн-решений.
Источник
Как решить дизайн-проблему? Сага о дрели
Путь к решению – не всегда шаг вперед.
Из этой статьи вы узнаете (или вспомните), что вам нужно, чтобы решить любую проблему. Я написал ее для выступления на конференции, а также разместил видео на своем Youtube канале, но позднее я адаптировал ее для блога.
Я прожил в Амстердаме 3 года. Когда я переехал туда, мне очень повезло найти квартиру в недавно достроенном доме. Поэтому мы с женой были первыми людьми, которые жили в нашей квартире, а еще в доме был лифт – вы можете не знать, но в Амстердаме – это важный момент.
В Амстердаме лестница – отстой
Вероятно, из-за того, что мы сильно радовались покупке квартиры в новостройке, мы не осознавали, что нам не хватает одной важной вещи …
Моя жизнь, если бы я зависел от предыдущего арендодателя …
Света!
Серьезно … во всей квартире не было света, у меня буквально с потолка свисали кабели. Арендодатель не хотел помогать, поэтому мне пришлось решить вопрос самостоятельно.
Имейте в виду, что я абсолютный НУЛЬ, когда дело доходит до подобных вещей, у меня вообще не было инструментов, так что впереди меня ждало настоящее испытание.
Вы знаете, сколько дизайнеров нужно, чтобы подключить светильник?
Всего один … но обязательно ли это должна быть классическая лампочка?
Так будет смотреться куда лучше…
Это не шутка… именно так я и подумал.
Я решил купить потолочные лампы вместо обычных лампочек, и не догадывался, что моя эпопея только начинается.
Проблема 1
Думаю, мне нужно купить это…
Мне нужно просверлить потолок, но у меня нет дрели.
Итак… Я пошел в магазин и выбрал подходящую беспроводную дрель, но, когда пришел домой, я понял, что мне нужно решить вторую проблему….
Проблема 2
Разумеется, дрель продается без свёрл…
Потолок казался каменным, и, конечно, у меня не было подходящих сверл.
Я вернулся в магазин и купил несколько сверл по камню.
Как только я приехал домой, мне не терпелось попробовать, и как только я это сделал, возникла третья проблема.
Проблема 3
Сверла по камню не сверлили «камень» …
Я вернулся в магазин, но на этот раз решил спросить у парня за стойкой.
Если вы меня знаете, то понимаете, в каком отчаянии я был. Обычно я стараюсь максимально избегать общения с незнакомыми людьми.
Чтобы вам было понятнее, даже до пандемии я не хотел открывать дверь людям, доставляющим еду, но я отвлекся…
Я попытался объяснить ситуацию, и он посоветовал мне купить другую дрель, более мощную, но и более дорогую… это еще одна причина, по которой я старался не разговаривать с ним…
Хорошо… Я теперь я готов
После этого я вернулся домой. Угадайте, что?
FUUUUUUUUUUU…
Проблема 4
Новая более дорогая дрель не решила проблему.
Поэтому я вернулся в магазин и сказал консультанту, что это не помогло. Тогда он понял, что мне нужна другая дрель, потому что мой потолок не каменный.
Хорошо… в следующий раз лучше сразу спросить у эксперта …
Он сказал, что это, вероятно, бетон, иначе предложенная им дорогая дрель сработала бы.
Новая дрель, которую он рекомендовал, была еще дороже, и на складе ее не оказалось. Хотя я мог взять тестовый образец в аренду на пару часов, что, по крайней мере, было дешевле, чем покупка новой дрели. Поэтому я так и сделал.
Это сработало?
Да!!! С помощью этой дрели мне наконец-то удалось проделать несколько отверстий в потолке и установить лампы.
Теперь мне нужны солнцезащитные очки, потому что внутри так ярко…
Если вы думаете, какого черта я так долго говорю об установке ламп, подождите, вот ответ.
Путь к решению – не всегда шаг вперед.
Из этой статьи вы узнаете (или вспомните), что вам нужно, чтобы решить любую проблему. Я написал ее для выступления на конференции, а также разместил видео на своем Youtube канале, но позднее я адаптировал ее для блога.
Я прожил в Амстердаме 3 года. Когда я переехал туда, мне очень повезло найти квартиру в недавно достроенном доме. Поэтому мы с женой были первыми людьми, которые жили в нашей квартире, а еще в доме был лифт – вы можете не знать, но в Амстердаме – это важный момент.
В Амстердаме лестница – отстой
Вероятно, из-за того, что мы сильно радовались покупке квартиры в новостройке, мы не осознавали, что нам не хватает одной важной вещи …
Моя жизнь, если бы я зависел от предыдущего арендодателя …
Света!
Серьезно … во всей квартире не было света, у меня буквально с потолка свисали кабели. Арендодатель не хотел помогать, поэтому мне пришлось решить вопрос самостоятельно.
Имейте в виду, что я абсолютный НУЛЬ, когда дело доходит до подобных вещей, у меня вообще не было инструментов, так что впереди меня ждало настоящее испытание.
Вы знаете, сколько дизайнеров нужно, чтобы подключить светильник?
Всего один … но обязательно ли это должна быть классическая лампочка?
Так будет смотреться куда лучше…
Это не шутка… именно так я и подумал.
Я решил купить потолочные лампы вместо обычных лампочек, и не догадывался, что моя эпопея только начинается.
Проблема 1
Думаю, мне нужно купить это…
Мне нужно просверлить потолок, но у меня нет дрели.
Итак… Я пошел в магазин и выбрал подходящую беспроводную дрель, но, когда пришел домой, я понял, что мне нужно решить вторую проблему….
Проблема 2
Разумеется, дрель продается без свёрл…
Потолок казался каменным, и, конечно, у меня не было подходящих сверл.
Я вернулся в магазин и купил несколько сверл по камню.
Как только я приехал домой, мне не терпелось попробовать, и как только я это сделал, возникла третья проблема.
Проблема 3
Сверла по камню не сверлили «камень» …
Я вернулся в магазин, но на этот раз решил спросить у парня за стойкой.
Если вы меня знаете, то понимаете, в каком отчаянии я был. Обычно я стараюсь максимально избегать общения с незнакомыми людьми.
Чтобы вам было понятнее, даже до пандемии я не хотел открывать дверь людям, доставляющим еду, но я отвлекся…
Я попытался объяснить ситуацию, и он посоветовал мне купить другую дрель, более мощную, но и более дорогую… это еще одна причина, по которой я старался не разговаривать с ним…
Хорошо… Я теперь я готов
После этого я вернулся домой. Угадайте, что?
FUUUUUUUUUUU…
Проблема 4
Новая более дорогая дрель не решила проблему.
Поэтому я вернулся в магазин и сказал консультанту, что это не помогло. Тогда он понял, что мне нужна другая дрель, потому что мой потолок не каменный.
Хорошо… в следующий раз лучше сразу спросить у эксперта …
Он сказал, что это, вероятно, бетон, иначе предложенная им дорогая дрель сработала бы.
Новая дрель, которую он рекомендовал, была еще дороже, и на складе ее не оказалось. Хотя я мог взять тестовый образец в аренду на пару часов, что, по крайней мере, было дешевле, чем покупка новой дрели. Поэтому я так и сделал.
Это сработало?
Да!!! С помощью этой дрели мне наконец-то удалось проделать несколько отверстий в потолке и установить лампы.
Теперь мне нужны солнцезащитные очки, потому что внутри так ярко…
Если вы думаете, какого черта я так долго говорю об установке ламп, подождите, вот ответ.