Кейс корпоративного сайта

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

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

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

Посмотреть кейс можно по ссылке:
Behance | Dprofile

Про удобство

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

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

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

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

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

Куда хочется двигаться дальше?
— В сторону коммерческих проектов
— Глубже в UX-исследования
— Разобраться в дизайне мобильных интерфейсов.

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

Начинаю погружаться в UX- дизайн, сегодня посмотрел видео про информационную архитектуру. Делюсь кратко, что понял.

Что такое информационная архитектура?
Это про то, как логично и понятно структурировать информацию, чтобы пользователь без лишних шагов дошёл до цели.

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

Как строится?
1. Проведение интервью для получения списка услуг, задач, товаров, которые важны для пользователя.
2. Карточная сортировка:
Открытая - карточки услуг, задач выдаются пользователю, цель объединить их в группы по своему усмотрению.
Закрытая - пользователь распределяет карточки по заданным категориям.
3. Построение структуры сайта.

Всю информацию беру из этого видео. Руслан очень понятно и доступно объясняет информацию.
Также можно прочитать тут.

Я просто хотел выложить кейс, зашёл в предварительный просмотр на Behance и увидел: пунктирная линия выходит за границу объекта, а заголовок — не по центру.

Ну, думаю, быстро поправлю.
Исправил. Заметил ещё одну мелочь. А потом ещё. В итоге — час на правки.
Знакомо?

Это вроде и внимание к деталям, и перфекционизм. Хочется, чтобы всё было идеально и при этом никто не ткнул: «А вот тут косяк».

Но правда в том, что 90% зрителей этого даже не заметят.
Делать хорошо — важно.
Делать идеально — необязательно.

Заканчиваю читать «Не заставляйте меня думать» от Стива Круга. Очень крутая и простая книга по UX, которая реально помогает взглянуть на интерфейс глазами пользователя. Делюсь тем, что зашло.

Зачем вообще читаю?
Хочу лучше понимать, как думают люди, когда заходят на сайт. Эта книга отличный старт, особенно для начинающих в UX/UI-дизайне.

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

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

Первая часть заметок по этой книге — здесь.

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

Выделю топ-5 горячих клавиш Figma (Ctrl, Alt— для Windows; Cmd, Opt— для Mac):

1. Приблизить/удалить рабочую область:
Ctrl (Cmd) + "+" или "-"

2. Копирование /вставка свойств объекта:
Ctrl (Cmd) + Alt (Opt) + C/V

3. Сквозной выбор элемента сквозь группы:
Ctrl (Cmd) + ЛКМ

4. Выбрать все элементы внутри группы:
Enter

5. Передвинуть элемент на один уровень ниже/ выше в слоях:
Ctrl (Cmd) + [
Ctrl (Cmd) + ]

У кого есть свои горячие клавиши Figma, которыми пользуетесь постоянно?

Сайт, как фильм

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

Почему этот сайт так цепляет:
- плавные переходы
- яркие цвета
- живые анимации

Такие сайты вдохновляют.

Я боюсь, но иду дальше. Мои страхи при смене профессии

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

Вот мои страхи:
- Не смогу устроиться
Дизайнеров становится всё больше. Курсы, интенсивы, стажировки — конкуренция огромная.
- Выгорание
Когда ты делаешь проекты, но не получаешь ни заказов, ни отзывов, ни обратной связи — мотивация падает. Хочется всё бросить.
- Показаться глупым
Особенно страшно общаться с заказчиками или опытными дизайнерами.

Как я справляюсь?
- Сравниваю себя только с собой.
- Беру паузы, если чувствую, что подступает выгорание.
- Напоминаю себе, что не обязан всё знать.

Но я понял, что страхи будут всегда. Главное — не убегать от них, а идти рядом. Если тебе действительно нравится то, что ты делаешь, — ты обязательно найдёшь своё место.

А какие страхи были у вас на пути к новой работе?

UX в поезде: как улучшить опыт миллионов с минимальными усилиями

Сейчас в отпуске, едем в поезде. Заметил одну штуку, о которой раньше не задумывался, но это прям UX в реальной жизни.

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

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

Главное тут не нужно внедрять ничего нового, а просто переработать текущий UX. Минимальные усилия, которые могут улучшить опыт сотен тысяч пассажиров.

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