0:00 Привет, дизайнеры мои!
0:01 Решил для вас тут записать небольшой такой аудиоподкаст на тему того, в чем разница вообще между ю дизайнером и веб-дизайнером.
0:08 Мне кажется, это такой вот самый вечный вопрос, который существует столько, сколько появился этот термин и кюй, и чтобы понять, в чем отличие, вообще надо понять, кто что делает.
0:18 Поэтому давайте разберемся вначале, именно в этом.
0:21 Итак, веб-дизайнер делает одностраничные сайты, их чаще всего называют лендингами, он делает многостраничные сайты, на которых побольше контента от двух там до нескольких десятков страниц.
0:32 Эти страницы, как правило, типовые, например, страница статьи в блоге.
0:36 Она абсолютно одинаковая, но если статьи 10, то это просто типовые 10 страниц, у которых дизайн особо не отличается, отличаются только там фотографии и текст.
0:44 Помимо этого, веб-дизайнер еще делает интернет-магазины.
0:47 Ну и там по мелочи, да, баннеры, соцсети тоже можно учесть под шапку веб-дизайна, но это уже такая сопутствующая штуковина.
0:55 И вот для того чтобы сделать все эти единицы дизайна, лендинги, интернет-магазины и так далее, дизайнер собирает референсы, подбирает шрифты, подбирает иконки, фотографии, цветовую палитру и как-то все это между собой располагает в пространстве, группирует, разделяет и так далее.
1:12 То есть, основной пул задачи веб-дизайнера - он такой приблизительно.
1:16 А что касается ю дизайнера, да, на самом деле это такая, как бы сказать, не умаляя вообще профессии, это модная формулировка, которая на самом деле раньше все время называлась дизайнером интерфейсов.
1:28 А интерфейс - это не просто какой-то контент, это то, с чем можно повзаимодействовать.
1:34 Интерфейс может быть понятным, может быть непонятным, может быть удобным, а может быть неудобным абсолютно.
1:39 Вот, например, интерфейс автомобиля - это по сути приборная панель.
1:43 Мы на ней что-то нажимаем, какие-то цифры видим, что-то крутим, и железки начинают работать.
1:49 Там печка начинает работать.
1:51 Или наоборот, автомобиль может налево повернуть, если мы руль крутим налево, или окна опустить.
1:56 Вот, мы каким-то образом вызываем какие-то функции, и за счет этого получаем необходимый результат, или другой пример: интерфейс чайника у вас дома.
2:05 Это, допустим, что-то может быть удобный и неудобный носик, кнопка открытия крышки, чтобы воду залить новую.
2:12 Это кнопка кипячения, чтобы скипятить чайник.
2:14 Это индикатор уровня воды.
2:16 А если чайник еще какой-нибудь там супер современный, то скорее всего он будет показывать, какой температуры вода в чайнике сейчас, ну и по мере нагрева тоже будет показывать.
2:25 И мы вот смотрим на эту информацию, на всю чайнике, как-то управляем этими показателями и кипятим таким образом воду.
2:32 А интерфейс, если в дизайне говорить, да, если это те от реальных примеров, то это вот как раз-таки тоже совокупность всех тех вещей, с которыми мы можем как-то управляться, как-то нажимать и какой-то отклик получать.
2:43 Это совокупность полей ввода, куда мы вводим текст, это совокупность кнопок, переключателей, вкладок, разделов, подразделов, настроек - всего-всего того, что позволяет пользователю что-то сделать, как-то информацию ввести и что-то в ответ получить, например, интерфейс мобильного приложения: Ну, допустим, допустим, допустим, вызова такси, это то, где мы вводим поле А, точка А, откуда мы собираемся уехать, это то, где мы вводим точку Б, тоже, как правило, это поле ввода, это возможно, если есть, да, если дизайнер позаботился, это функция автоматического определения геопозиции, чтобы человек взял и вызвал туда машину, где он, собственно, находится.
3:26 Вдруг он в принципе не понимает, какой это адрес.
3:29 Это возможность выбора тарифа, на котором хочет человек уехать.
3:33 Это возможность увидеть стоимость поездки, длительность поездки.
3:37 Это выбор способа оплаты.
3:39 В общем, я сейчас так бегло перечислил все то, что подвластно нам, когда мы вызываем такси, чтобы этим мы управляли, или чтобы эту информацию мы считывали.
3:49 Вот это и есть интерфейс.
3:52 Интерфейс мобильного приложения в данном случае.
3:54 Или вот другой пример: интерфейс телеграма: это личные чаты, это групповые чаты, это каналы, стикеры, смайлы, ответы на сообщения, уведомления, настройки, вкладки, навигация, группы - блин, сотни функций и различных элементов экранчиков разных, всевозможных, и все они как-то расположены и сгруппированы между собой так, что мы, когда пользуемся телеграммом, особо не задумываемся, да?
4:20 Мы предполагаем, что вот где-то там эта функция может быть, и она там оказывается.
4:24 Мы пользуемся, ну и все, собственно.
4:26 А если какую-то функцию не находим, то мы можем там немножечко разозлиться или не быть в каком-то сметении, потому что не нашли эту функцию.
4:34 Но телеграм в этом плане он хорош, поэтому обычно там находится то, что хотелось.
4:39 Вот, это и есть тоже интерфейс, интерфейс мессенджера, и вот именно такими сложно-составными штуками и занимается у дизайнер.
4:48 Он же дизайнер интерфейсов, и интерфейсы могут быть в мобильном приложении, а могут быть в веб-приложении, то есть в браузере.
4:55 И вот чтобы понять, что веб-мобильное приложение, вроде бы понятно, да, в мобильнике оно у вас есть там банк, ваш такси, телеграм и прочее, прочее.
5:03 А что такое веб-приложение?
5:05 Вот зайдите в личный кабинет банка, которым вы пользуетесь, прям с компьютера, прям с браузера, вот это с большой вероятностью, и будет веб-приложением.
5:13 Там тоже наверняка много функций, много экранов, много всякой информации.
5:18 Вы там можете карточку открыть новую, заявку на кредит допустим.
5:21 Оставить, посмотреть, сколько у вас денег сейчас на карте есть, вот это и есть тоже веб-приложение.
5:27 По сути, это тоже интерфейс, просто вы его видите, им управляете на компьютере.
5:31 И вот фишка в том, что для того чтобы такой интерфейс сделать, 20 дизайнеру мало посмотреть референсы, которые уже существуют.
5:39 В нормальном мире УСИ дизайнер он что делает?
5:42 Он проводит аналитику, он проводит интервью пользователей, которые уже пользуются аналогичным сервисом или прям этим же проводит исследования, тесты для того, чтобы понять, а каким образом будет удобнее для пользователя.
5:57 Ведь то, каким образом представляем мы, вот конкретно я, конкретно ты, кто слушаешь сейчас этот подкаст, это одно.
6:04 Но каким образом думает группа пользователя, которые будут потом использовать этот сервис, это совершенно может быть другое.
6:10 Поэтому основываться на своих предположениях, как правило, ну, это не самая лучшая стратегия, потому что это может отличаться в корне - прям.
6:19 Поэтому укю дизайнер проводит большую часть времени именно в аналитике, именно в обдумывании того, каким образом будет лучше сделать.
6:28 И чтобы это сделать грамотно, лучше опереться не просто на свои мысли, а на тесты.
6:32 Это объективная более картина.
6:34 И только потом - только потом это все дело доходит до отрисовки.
6:38 Порой укю дизайнер в меньшей степени занимается отрисовкой, а в большую часть времени тратит там 60-70-80 процентов времени именно на аналитику и на проектирование будущего интерфейса: что где будет располагаться, каким образом группироваться, потому что информации и функций много.
6:57 Вот и получается, что у веб-дизайнера участь она немножечко проще.
7:02 Ведь основная задача веб-дизайнера вызвать правильные эмоции, сделать эстетичный визуал, ну, картинку, да, грубо говоря, такой, чтобы информация на сайте была такой, чтобы ее хотелось изучать, чтобы тексты хотелось читать, а не наоборот.
7:16 Ведь мы можем наделать такой красоты, да, что даже самый классный текст он не спасет и его никто не захочет читать.
7:22 И с другой стороны, визуал может быть таким, что даже самый скучный текст будет интересно изучать.
7:28 И вот это как раз таки тот ребус, который решает веб-дизайнер, а у-и дизайнер у него другая первоочередная задача - это удобство.
7:36 Потому что там больше количества функций.
7:40 И вот тут, знаете, когда я говорю про эту разницу, у вас может возникнуть такое ощущение: типа, так, стоп, но если веб-дизайнер делает интернет-магазины то почему это не 20?
7:51 И тут дело в том, что у большинства интернет-магазинов функции очень типовые, да и их немного на самом деле.
7:57 и их реализация уже во всевозможных вариантах существует.
8:01 К тому же, когда делают интернет-магазин, то его чаще всего не создают с нуля, а используют коробочное решение, готовую систему управления содержимом, там, СМС, Джумла, Опенкар, Ворс.
8:13 И там уже все эти функции существуют.
8:16 Остается только сделать дизайн, который потом натянут на этот движок, и функции будут работать и как-то выглядеть.
8:22 Короче, не создают чаще всего интернет-магазин с нуля - это нерационально, в отличие от каких-то нестандартных интерфейсов - там банков, вызова такси и прочее, всех приложений, которые у вас есть, вот именно в этом самые основные отличия одного направления от другого: не путайтесь в них, если вы занимаетесь интернет-магазинами, лендингами, многостраничными сайтами, то вы веб-дизайнер.
8:45 Если вы наоборот занимаетесь сложными интерфейсами, в которых много функций, мобильные интерфейсы или веб-интерфейсы, тогда вы у к.
8:53 дизайнер, который еще и плюс ко всему много времени проводит в аналитике.
8:57 Вот что я хотел донести - самую ключевую мысль в этом таком небольшом подкасте.
9:02 Если что-то новое для себя узнали, то дайте знать.
9:05 Пульните реакцию или напишите комментарий.
9:08 Мне будет приятно вдвойне.
9:09 Будем еще записывать для вас полезности такие.
Комментарии
Войдите, чтобы оставить комментарий.