Блоги: заметки с тегом веб-дизайн

Потыкать в интерфейс автомобиля онлайн

Илья Бирман — Wed, 26 Feb 2025 12:10:09 +0500

Я давно жалуюсь, что все сайты автомобилей — ужасны. Из них ничего нельзя понять. Начиная с того, что в интернете нереально даже найти подробную спецификацию. Если очень повезёт, будет бесконечный список пунктов типа «Интеллектуальная система управления бардачком», но нигде не будет объяснено, что конкретно и как она делает.

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

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

Про солидность и человечность

Илья Бирман — Sat, 02 Nov 2024 12:54:02 +0500

Илья Бирман:

Из моего комментария к работе студентки:

Выглядит по-деловому. Как будто компании 20 лет, в офисе у директора висят дипломы и сертификаты всякие. Иногда можно услышать довод, что такой вот «надёжный» вид кого-то привлекает, типа что это не какая-то хипстерская фирма-однодневка, а что-то серьёзное. Но я в это и раньше-то не верил, а уж когда даже все банки отказались от этого казённого вида и стали человечными, совсем верить перестал. Меня-то всё-таки волнует не солидность компании, а довезут ли мою хрупкую вещь. А страница как будто вообще не об этом.

А то вдруг вы всё ещё солидный сайт хотите.

Блиц-редизайн сайта «Уникорн»

Илья Бирман — Mon, 08 Jul 2024 18:21:11 +0500

Илья Бирман:

Запилили блиц-редизайн сайта «Уникорн»:

Повысили конверсию на 20% среди новых покупателей и на 13% среди возвращающихся. Приходите тоже за блиц-редизайном.

Разбор дизайна сайта компании «Альфа-Медикал»

Илья Бирман — Wed, 24 Jan 2024 00:26:52 +0500

Илья Бирман:

Недавно я выложил на сайте рассказ о дизайне сайта компании «Альфа-Медикал». Теперь снял про него более подробное видео. Рассказываю о том, почему он именно такой, что нужно было в нём учесть. Видео будет полезно дизайнерам и интернет-предпринимателям:

00:00 Интро и что за компания «Альфа-Медикал»
03:46 Схема «Вы — Мы» — визуализация роли компании
04:24 Информативное главное меню сайта
05:02 Приёмы управления вниманием в большой текстовой странице
05:57 В основе сайта — ситуации
07:44 Этаж про деньги
11:06 Работа над текстом и согласование с клиентом
11:51 Котекстные отзывы как ещё один способ разнообразить подачу
12:49 Этаж про компетентность
13:23 Плавающая кнопка с телефоном
14:02 Страница ситуации
19:24 Шаблонизация и переиспользование текста в ситуациях
21:36 Зачем каждой ситуации нужна своя страница: забота и сео в одном
23:01 Страница «Команда» тоже не про команду, а про клиента
24:52 Страница «Контакты» помогает решиться обратиться в компанию
26:10 Мобильная версия — полноценная, и даже меню не спрятано
26:54 Итоги и как поработать со мной

Разбор дизайна интернет-магазина «Дом Тома»

Илья Бирман — Thu, 03 Aug 2023 10:19:41 +0500

Илья Бирман:

Недавно я выложил на сайте рассказ о дизайне интернет-магазина «Дом Тома». Теперь снял про него более подробное видео. Рассказываю о том, почему он именно такой, что нужно было в нём учесть. Видео будет полезно дизайнерам и интернет-предпринимателям:

00:00 Интро
02:33 Подробное главное меню: навигация и вовлечение
03:55 Внесение разнообразия в списки
06:29 Фотографии товаров в разном стиле
07:48 Товар представляет себя и свой отдел
10:03 Акции и банеры распределены по странице
11:56 Как показать намного больше товаров: этажи отделов
13:57 Строчка того, что люди ищут
15:20 Нестрогое разделение товаров по отделам
16:15 «Новые товары декабря»
17:11 Ещё про меню и подвал
18:40 Дизайн подходит для разработки
19:58 Инстаграм
20:50 Мобильная версия олжна быть полноценной, а не урезанной
22:17 Как поработать со мной

О сайте Джексона Поллока и визуальном богатстве

Илья Бирман — Wed, 26 Jul 2023 11:19:04 +0500

Илья Бирман:

Искал я картины Поллока (рекомендую), и набрёл на некий сайт jackson-pollock.org:

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

Частая проблема дизайнера — недостаток визуального материала. Делаешь ты сайт про инвестиции, и тебе всю красоту приходится изобретать из цифр и графиков — никакого визуального богатства там сходу не видно. Или про грузоперевозки какие-нибудь — ну контейнеры, ну грузовики, так кто их не видел? А особенно сложно в таких случаях чем-то отличаться от других. Окей, красивые графики и грузовики, но у конкурентов-то точно такие же красивые графики и грузовики.

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

Ну и вот наш Поллок несчастный:

Картина показана на уменьшенной и плохой фотографии, не подписана. Снизу — три совсем микроскопических картины в листаемой галерее. Почему нельзя делать листаемые галереи — рассказывал в самом начале одной из публичных консультаций. В середине мы видим ту же самую картину, что показана выше, но в других цветах! Получается, автору сайта нельзя доверить и цветопередачу. Но ты ж картины показываешь, а не метизы! Также картина снизу обрезана с краёв — непонятно, по какому праву.

Сравните с сайтом про марки:

Кажется, Поллок заслужил уважения хотя бы на уровне почтовых марок?

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

Илья Бирман — Thu, 01 Dec 2022 12:31:50 +0500

Илья Бирман:

Участница подумала, что в дизайне хорошо бы сразу учесть закон о персональных данных. Я дополняю тем, что хорошо бы сразу учесть и требования сеошников. 3 минутки:

Это фрагмент № 82 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 27 мая 2022 года.

До 2 декабря идёт запись на курс, который пройдёт с 3 декабря по 1 января.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: метод «Например»

Илья Бирман — Sat, 20 Feb 2021 00:04:04 +0500

Илья Бирман:

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

00:00 Обсуждение участников
00:39 Метод «Например» в конфигураторе окон
02:29 Метод «Например» в лондоских киосках велопроката

Это фрагмент № 30 онлайн-курса «Пользовательский интерфейс и представление информации».
Записано на курсе 20 ноября 2020 года.

До 7 марта идёт запись на курс, который пройдёт с 13 марта по 9 апреля:

Почитать о курсе

Программа, отзывы, запись

Бизнес-линчевое

Дмитрий Маслов — Wed, 13 Oct 2010 14:40:10 +0500

Дмитрий Маслов:

Один из лучших линчей. С грамотным объяснением причин. От Людвига Быстроновского.

ГОСТимся

Дмитрий Маслов — Mon, 31 Aug 2009 17:22:39 +0500

Дмитрий Маслов:

Следуя исследованию, организованному Артёмом Горбуновым и Ильей Бирманом, изменил текст копирайта в подвале в соответствии с ГОСТом. Присоединяйтесь.