Правильно ли рисовать для сайта каждый раз новый UI?

Question

[Дима Паутов]

Накипело!!!
В моей фирме как мне кажется, очень странный и не правильный подход к созданию сайтов.

Допустим для главной страницы, дизайнер нарисовал макет, в нем есть модальные окошки(например с формой обратной связи). ОК!
Сверстали! И появился еще один макет, в котором есть модальные окна с регистрацией, авторизацией, но уже другого дизайна.
Дальше появился еще макет, где есть страница с фотоконкурсом, там появились еще 2 модальных окна, отличающихся от 2х предыдущих, но и друг на друга не похожи. Получается у нас 4 разных дизайна окна.

Это просто жесть как раздражает, в тот момент, когда можно было бы использовать одно окно на всех(Чем дизайн его будет плох то?), дизайнер берет и рисует все время разные. Ощущение будто он 1й раз работает с проектом.

Смотришь на какой нибудь сайт, сделанный с помощью бутстрапа и в нем интерфейс единый. Одинаковые модальные окна, одинаковые кнопочки, одинаковые поля ввода и прочее. И весь UI гармонирует.

Так ли это? или это только мой вкус и цвет?

Comments

[Любовь]

ой-ё-ёй! по рукам дизайнеру, по рукам за такое. Стиль проекта задается один раз, прописывается один раз и используется. Это же как непрактично каждый раз прописывать для разных форм разные стили

Answer 1

[Александр Горчаков]

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

Этот подход справедлив как со стороны UI/UX/Product дизайна - пользователь пользуется одинаковым элементом интерфейса, правила поведения и внешний вид которого ему нужно понять один раз.

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

Comments

[Дима Паутов]

Большое спс, я полностью с вами согласен! Но вот наши дизайнеры х*р клали на эти правила.

[Александр Горчаков]

Это как правило болезнь всех дизайнеров, не разу не делавших больших проектов с вложенностью 100+. Попробуйте рассказать им на примерах, понятных им. Возьмите любой большой ресурс Twitter, Facebook, Quora, Vkontakte, Soundcloud которым они пользуются и посмотреть теже формы, они будут унифицированны как и большинство элементов интерфейса. Или попробуйте объяснить на примере простых метафор например: "Вот смотри, едешь ты на работу, по пути тебе приходиться пользоваться интерфейсом светофора, он встречается по пути на работу несколько раз, принцип его работы одинаков. А теперь представь, что в каждый светофор работал по разному, в одном случае зеленый свет значил ехать можно, а в другом совсем другое. Доехать было бы крайне сложно и многие бы просто не доезжали (UI/UX), а производство просто бы не справлялось с задачей для кажого перекрестка делать светофор который работает каждый раз по другому (Backend/Frontend)"

[Дима Паутов]

Хм, как с маленькими детьми)), но интересная аналогия, большое спасибо. Попробую провернуть

[Александр Горчаков]

Дональд Норман (бывший вице президент Apple) объяснял в книге "Дизайн привычных вещей" проектирование сложных интерфейсов на примере работы дверей и тапочек www.mann-ivanov-ferber.ru/books/paperbook/design-e... посоветуйте ее вашим дизайнерам. Удачи!

[Дима Паутов]

Александр Горчаков: Как интересно, спс!

[Павел Волынцев]

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

Двери люди проектировали и делали как минимум 2000 лет, а тут хоп - и появилась идеальная дверь.

Тапочки - это вообще персонально, на вкус того, кто их носит.

Упомянутые вами веб-проекты пережили несколько редизайнов.

Дима Турков Я всё таки придерживаюсь мнения, что 1) надо поговорить с дизайнером, может он не в курсе про уже сушествующие скрины 2) надо выяснить, что они пытаются добиться изменением дизайна 3) блин, спроектировать систему так, чтобы можно было через CSS на разных страницах реализовать разный дизайн.

Answer 2

[alexgilev]

Дизайнер конечно же не прав, это дураку понятно. Это всё-равно что рисовать для каждого экрана разные типы кнопок (квадратные, закруглённые, градиент и прочие извращения) или использовать каждый раз новый шрифт для нового экрана.

Вы не пробовали попросить дизайнера аргументировать его решение рисовать каждый раз новый дизайн и привести пример :) Если получите ответ: "Я дизайнер, мне лучше знать!", то всё понятно - перед Вами очередной говно-дизайнер, коих в России великое множество. Все себя называют UX/UI, хотя работы говорят об обратном.

Соболезную вашей ситуации на работе.

P.s. Я Product designer, с отличным знанием вёрстки. Полностью понимаю, о чём Вы.

Удачи :)

Comments

[Дима Паутов]

У нас просто начальство любит нанимать подешевле и получается, то приходит нулёвый веб дизайнер, работавший в других отраслях дизайна, то пришедшие из каких-то школ веб дизайнеров, что по сути из 0 делает их на 1. Поэтому они долго у нас не засиживаются и если хоть как-то объяснил это прошлым, то круг начинает повторяться. И вот не знаю, что и делать! Но большое спс за ответ. Я думал что 1 такой)))

Answer 3

[Марк Розенталь]

Для каждого сайта, новый UI.
Иначе десигн как-то не десигн будет.
Если рисовать новый UI для каждой страницы (для регистрации один, для контактной формы -- другой), то надо обоссать дизайнера, потому что он явно считает что он -- творец, а его "творчество" неоспоримо.

Comments

[Дима Паутов]

1й пункт да, не спорю. Каждый новый сайт должен быть уникален. Но вот обоссать дизайнера - это тема)))

[Марк Розенталь]

Дима Турков:

[Дима Паутов]

Качество не очень, но текст я немного разобрал)))). Нужно у нас такую повесить. Не могли бы вы дать ссылку на полную картинку? Если имеется.

[Марк Розенталь]

Дима Турков: Лови

[Павел Волынцев]

Дима Турков: "Но вот обоссать дизайнера - это тема)))" Как пошло и неконструктивно!

Answer 4

[kapuletti]

Поздравляю! Сам часто сталкиваюсь с такой проблемой :)

Обычно, в таких случаях делаю на пролом, верстаю сам, соблюдая универсальность в интерфейсе. Если же дизайнер начинает бузить, мол «а почему тут кнопка 50px высоты, когда на макете 48», начинаю объяснять что к чему. Если дизайнер адекватный, то поймет свой косяк и согласится на компромисс - оставить какой-то один из вариантов. Если же дизайнер дибил и твои аргументы ему пофигу, то это значит следующее:

• Дизайнеру конкретно наплевать на коллег
  
• Дизайнеру не интересно будущее развитие проекта, он не видит общей картины
  
• Дизайнеру интереснее тратить свое и чужое время на мелочи, которые возможно никак не повлияют на проект
  

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

Answer 5

[Павел Волынцев]

Во-первых, этот вопрос не к нам, а к дизайнеру. Есть такое правило коммуникаций: общайся. Позвони ему! Сейчас! :)

Во-вторых, может быть, им кажется, что предыдущая версия попапов и диалогов, набор цветов и шрифтов недостаточно нравятся пользователям. И, может быть, они делают это по наитию и субъективно, надеясь, что в результате что-то изменится в лучшую сторону. На этот случай есть методики "A/B testing" и "Usability testing". Изучи сам и расскажи им, как это правильно реализуется.

Пример:
прежде чем страницы нашего проекта Icons8 стали такими, они были такими. А сколько сил было потрачено на страницу покупки, регистрацию и профиль пользователя - ужас! И так практически по каждой странице проекта, почти по каждой кнопке. Анализ ведётся с помощью Google Analytics, User Testing и другими средствами.

Comments

[Дима Паутов]

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

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

[Павел Волынцев]

Не, у нас контора специализируется на UIX ;)
"Что хорошо пользователю, а что нет! " - это выясняет UserTesting. Пользователи выполняют заданные сценарии и вслух говорят, насколько интуитивно понятно и удобно им было это сделать, а дизайнер потом анализирует их поведение и комментарии, чтобы улучшить. Иногда улучшить - это переделать ещё раз с нуля. Ничего плохого в такой переделке нет, если в результате пользователям станет только лучше.

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

[Дима Паутов]

А время то где на это взять? У нас есть сроки. Не будем же мы, создавая очередной интернет магазин, сидеть и расспрашивать пользователей. Александр Горчаков сказал очень хорошо и его аналогия со светофором очень подходит!

[Павел Волынцев]

Дима Турков: вот сроками и оперируй. Есть ещё аргументы против нового дизайна? Выскажи их, обоснуй, добейся отмены либо прими контраргументы и измени со своей стороны систему так, чтобы на отдельных страницах можно было применить разный дизайн. Вот посмотри, простой пример: блог WordPress проставляет специальные классы, чтобы можно было поменять дизайн вообще любого отдельного поста take.ms/DsatK И это очень несложно на самом деле.

Answer 6

[Sanes]

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

Comments

[Дима Паутов]

Вы не поняли мысль. Я говорю не про целиком дизайн страницы, а только про UI элементы. Которые на одном проекте, по моему мнению должны быть одни и не меняться.