Что делает веб-дизайнер в 2022 году – 10 основных задач и примеры проектов

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

Психология в дизайне — Эффект края

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

Как применять

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

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

— использование на первом слайде галереи общий план товара с логотипом и последний слайд с основными характеристиками товара

— использование ключевых элементов интерфейса, таких как навигации и тулбаров по краям экрана

— при структурировании контента доносить основные тезисы/качества продукта в начале и в конце страницы


Заключение

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

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

Ставки в фрилансе #3 — Часовой тариф или фиксированная цена?

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


Фиксированная ставка

Одна из наиболее распространенных видов оплаты в фрилансе. Рассмотрим все плюсы и минусы:

Плюсы

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

+ Проще вести расчеты и брать предоплату

Минусы

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

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


Почасовая ставка

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

Плюсы

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

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

Минусы

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

- Не все заказчики привыкли работать с часовыми тарифами


Вывод

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

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

На этом завершаем тему ставок в фрилансе. Дайте знать в реакциях если было полезно!

Как создать идеальный дизайн страницы результатов поиска

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

1. Сохраняйте текст запроса в строке поиска
Таким образом пользователю будет проще внести правки, если он захочет уточнить свой запрос.

2. Предоставляйте точные и актуальные результаты
Пользователи часто судят о ценности веб-ресурса, основываясь на качестве результатов выдачи. Сортируйте товары по признакам релевантности, популярности, наличия и прочим метрикам.

3. Используйте "умную" обработку поиска
Наихудший вариант для пользователя, это не получить никакого результата на свой запрос. В этом случае большинство пользователей просто покинут ваш сайт.

— Исправляйте ошибки и опечатки
— Учитывайте транслитерацию. Таким образом неважно каким алфавитом пользователь ввел запрос.
— Учитывайте синонимы и морфологию. Например если пользователь ввел: "мобилки"

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

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

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

Совет: Не скрывайте функцию сортировки в функции фильтрации - это разные задачи. Четко выделяйте включенные фильтры. Пользователи должны знать, какие фильтры активны.

7. Предоставляйте разные виды отображения результатов

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

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

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

Лучше всего подойдет для: одежды, продуктов питания, косметики

8. Предоставляйте пустую страницу результатов поиска

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


Полезные ресурсы:

>> Примеры страниц результатов поиска на странице Baymard Institute

>> Скриншоты паттернов поиска на мобильных приложениях

На этом все! Дайте знать если было полезно. Кстати, как вам оформление статей с иллюстрациями?