Tilda Publishing

ТЕМА 1. Основные принципы
дизайн-мышления

дизайн-мышление

– это метод и процесс решения конкретных задач, который помогает понять пользователя, осмыслить его проблему и найти альтернативные решения. Правильный перевод слова «дизайн» в термине — это проектирование, конструирование и создание чего-то нового.

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

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

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

• дивергентную (когда собирают информацию и открывают разные варианты решений);
• конвергентную (когда анализируют всё множество идей и определяют решение).

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

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

Идею дизайн-мышления впервые сформулировал Герберт Саймон в 1969 году в книге «Науки об искусственном» (The Sciences of the Artificial). Позднее идею развили ученые Стэнфордского университета и основали Стэнфордский институт дизайна, который продвигает идею дизайн-мышления.

Позже сообщество экспертов CareerFoundry выделили четыре основных правила дизайн-мышления: человечность, неопределенность, редизайн и осязаемость.

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

В 1991 году последователи дизайн-мышления в студии дизайна IDEO под руководством Дэвида Келли решили сделать из этого подхода понятный процесс. В 2004 году Келли с партнерами открыли в Стэнфорде Hasso Plattner Institute of Design (d.school). Сегодня это главный центр развития дизайн-мышления.

Tilda Publishing

ТЕМА 2. Особенности поиска информации на Интернет-ресурсах

Поиск

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

Виды поиска:
Полнотекстовый поиск — поиск по всему содержимому документа. Пример полнотекстового поиска — любой интернет-поисковик, например www.yandex.ru, www.google.com. Как правило, полнотекстовый поиск для ускорения поиска использует предварительно построенные индексы. Наиболее распространенной технологией для индексов полнотекстового поиска являются инвертированные индексы.
Поиск по метаданным — это поиск по неким атрибутам документа, поддерживаемым системой — название документа, дата создания, размер, автор и т. д. Пример поиска по реквизитам — диалог поиска в файловой системе (например, MS Windows).
Поиск изображений — поиск по содержанию изображения. Поисковая система распознает содержание фотографии (загружена пользователем или добавлен URL изображения). В результатах поиска пользователь получает похожие изображения. Так работают поисковые системы: Polar Rose, Picollator и др.

Ресурсы для веб-дизайнеров

https://uispace.net/
Сайт предлагает высококачественные PSD и AI файлы ручной работы, бесплатные шрифты, макеты, новейшие наборы иконок и другие бесплатные векторные ресурсы.

https://www.freepik.com/
Сайт предлагает более миллиона бесплатных векторов, PSD, фотографий и иконок. Это эксклюзивные бесплатные графические ресурсы, которые вам понадобятся для ваших проектов.

https://www.mockupworld.co/
Бесплатные и легко настраиваемые фотореалистичные PSD-файлы. Эти бесплатные макеты готовы к использованию в ваших проектах, демонстрациях приложений и презентациях.

http://www.pixeden.com/
Pixeden предлагает высококачественные бесплатные и премиум-класса веб-ресурсы, а также шаблоны для графического дизайна.

http://www.blazrobar.com/
На этом сайте вы можете скачать сотни бесплатных шаблонов веб-сайтов в формате PSD и наборы интерфейса.

Tilda Publishing

Tilda Publishing

ТЕМА 3. Пользовательский опыт при взаимодействии с сайтом

Пользовательский опыт

Что такое User Experience, или пользовательский опыт
Это то, как человек воспринимает продукт: сайт, приложение и любой другой объект. Пользовательский опыт определяет совокупность эмоций, ощущений и действий при контакте с этим самым продуктом. Объект может вызывать как положительные, так и отрицательные ощущения. Понимание этого позволяет улучшить продукт до той степени, когда он будет соответствовать ожиданиям и потребностям пользователей.
Таким образом, пользовательский опыт — это впечатления и эмоции, полученные человеком от взаимодействия с продуктом. В нашем случае — с сайтом.

Разница между пользовательским опытом и юзабилити
Оба понятия определяют удобство пользователя. Но юзабилити является частью User Experience. Оно отвечает конкретно за качество интерфейса сайта.
Пользовательский опыт — это уже результат взаимодействия с удобным интерфейсом. Следовательно, User Experience частично будет положительным, если хорошо проработано юзабилити. Так что эти два понятия неразрывно связаны и требуют внимания при работе с оптимизацией сайтов.

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

1. Маршруты пользователей

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

1. Зрительная иерархия

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

1. F-Pattern

В какой-то степени этот пункт продолжает предыдущий. Если не давать пользователю четкие зрительные сигналы в дизайне, ему будет сложнее искать нужную информацию. Это негативно сказывается на пользовательском опыте.
Использование заголовков, разных шрифтов, разделение на разделы позволяет направить человека по нужному пути. Проведенные Nielsen Norman Group исследования показали, что пользователь просматривает страницу таким образом:













Это необходимо брать во внимание при разработке веб-дизайна.

1. Сервисность

Все, что окружает продукт: доставка, техническая поддержка и т. д. Это тоже влияет на пользовательский опыт и требует качественной проработки.
Допустим, вам понравился магазин автопокрышек. В нем предлагают после покупки сразу записаться на шиномонтаж. Очень удобно! Но вы едете на шиномонтаж, там вам грубят, работу выполняют халтурно. Каким будет в итоге пользовательский опыт? Вряд ли хорошим. Так что с сервисом нужно работать не меньше, чем над самим продуктом.

1. CTA

Хороший призыв к действию — это важно для коммерческих продуктов. А как вызывать у человека желание кликнуть по кнопке?
Есть советы на этот счет:

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

Выбрать лучшее решение снова поможет A/B тестирование. В обязательном порядке анализируйте результаты внесенных изменений, чтобы определить наиболее эффективный вариант.