[UX/UI – дизайн цифровых продуктов]

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

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

Под этим тегом собраны все материалы опубликованные на сайте Теплицы по этой теме.

Для того, чтобы понимать потребности пользователя необходимо собрать о нем информацию. Изображение с сайта openclipart.org by superoak (СС0)

Как составить портрет вашего пользователя: узнаем его страхи и желания

Почему авторам социальных инициатив и представителям НКО не стоит описывать портрет среднего пользователя? Как правильно сформулировать образ и мотивы своей аудитории, чтобы соответствовать ее потребностям? Об этом Теплице рассказал сервис-дизайнер,…
Специалист проекта Бременские консультанты Константин Панин рассказал, как в несколько шагов проверить понятен ли сайт некоммерческой организации для пользователей. Изображение с сайта pexels.com (CC0).

Сайт НКО глазами пользователя: на какие вопросы нужно непременно дать ответ

Специалист проекта Бременские консультанты Константин Панин рассказал о том, как в несколько шагов проверить понятен ли сайт некоммерческой организации для пользователей.
Дизайнер Андрей Мисюрев на примере одного сайта подробно рассказал и показал, как c помощью CSS сделать страницы удобнее и понятнее.

Как сделать редизайн сайта НКО за 60 минут: примеры и советы

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

Институт​«Стрелка»​открывает​набор​на​образовательную​программу 2018​года​«Новая​норма»

Междисциплинарная программа «Новая норма» рассчитана на профессионалов из разных областей без ограничений: архитекторов, социологов, инженеров, экономистов, дизайнеров, гейм-дизайнеров, программистов, фотографов.
Как Бременские консультанты помогли Российской ЛГБТ-сети перезапустить онлайн-чат горячей линии и создать захватывающую внимание фандрайзинговую страницу. Изображение: скриншот с сайта help.lgbtnet.org

Российская ЛГБТ-сеть: как начать фандрайзинг с нуля и уйти от ярлыка «Свои-чужие» с помощью дизайна

Часто некоммерческая организация настолько вовлечена в работу, что ей сложно критически посмотреть на проект со стороны. Увидеть, что на сайте скучно написаны и сверстаны статьи, встать на место пользователя и…
Джон Белл рассказал о том, как изменится UX-дизайн в ближайшие годы, какой опыт пользователя можно считать идеальным и почему небольшие мессенджеры становятся популярнее крупных социальных сетей. Фотография предоставлена экспертом.

Продакт-дизайнер Джон Белл: «Чтобы защитить пользователя, нужно создать сложную и мощную систему»

Веб-журнал Metafilter.com – один из лучших продуктов в Интернете, который эффективно справляется с нежелательным контентом, троллингом, спамом. В этом уверен продакт-дизайнер, сооснователь и руководитель образовательной компании UX Launchpad Джон Белл.…
Как провести юзабилити-тестирование, выполнив 10 шагов.

Как тестировать мобильные приложения перед запуском: инструкция и советы

Как эффективно провести тестирование юзабилити вашего мобильного приложения? Какие шаги непременно нужно выполнить перед запуском? Почему лучше всего тестировать продукт по мере внедрения новых функций? Ответы на эти вопросы есть…
Образовательная программа Digital August будет состоять из нескольких встреч, на каждой из них лекторы обсудят технологические тренды в цифровой среде, медиа, дизайне и бизнесе. На фото: лекторы Digital August 2016 года. Изображение www.flickr.com/photos/strelka

Digital August в институте «Стрелка»: лекции и семинары на тему предпринимательства и дизайна

В московском институте медиа, архитектуры и дизайна «Стрелка» в августе и сентябре 2017 года пройдут бесплатные лекции от экспертов Google, Twitter, студии мобильных приложений Dots и агентства Red Antler. Образовательная…
С самых первых рывков индустриальной революции инженерное проектирование больше фокусировалось на продукте и велось с минимальным участием реального пользователя. Создание прототипов, запуск массового производства, доработка происходили практически независимо от тех, кому предназначался результат этих усилий. Фото: Pexel.com (CC0).

Все для человека

Человекоориентированное проектирование (ЧОП) – один из самых инновационных на сегодня подходов к процессу любой разработки. Раньше этот термин часто употреблялся как синоним ориентированного на пользователя проектирования (user centered design, ОПП),…
В Интервью Теплице Юрий Ветров рассказал о тенденциях UX/UI дизайна и посоветовал компании, на которые стоит равняться при разработке it-продукта. На фото Юрий Ветров. Снимок предоставил эксперт.

Юрий Ветров: тенденции UX/UI дизайна и впечатляющие решения

Все больший интерес набирает алгоритмический дизайн, автомобильные и голосовые интерфейсы, с каждым годом увеличивается спрос на виртуальную и дополненную реальность. Такие тенденции в UX/UI дизайне назвал руководитель портальной дизайн-команды в Mail.Ru Group Юрий…
Эксперты посоветовали, какие именно UI-фреймворки стоит использовать профессиjналам и новичкам в работе, назвали их плюсы и минусы. Изображение: скриншот с сайта: getuikit.com/pro

6 популярных UI-фреймворков, с помощью которых можно сделать удобный и отзывчивый сайт

В июле 2017 года журналисты Теплицы социальных технологий подробно рассказывали об UX (User eXperience) опыте пользователя и UI (User interface) и пользовательских интерфейсах. В этой статье мы решили рассказать о том, какие…
Обзор инструментов, которые помогут с нуля создать удобный и дружелюбный интерфейс для чат-бота. Изображение с сайта: landbot.io

6 сервисов, которые помогут вам создать чат-интерфейс

Мы подобрали несколько сервисов, которые помогут вам выбрать удобный и отзывчивый интерфейс для чат-бота и даже создать его с нуля. Во всех инструментах использована технология искусственного интеллекта для того, чтобы…
Андрей Мисюрев рассказал, как юзабилити сайта влияет на читателей, с помощью чего можно улучшить интерфейс сайта общественного проекта и страницы сбора пожертвований. Изображение сделано в canva.com

Юзабилити сайта НКО: как интуитивно понятный интерфейс помогает увеличить пожертвования и не потерять читателей

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