Куда же мы да без вкусной рубрики БИСКВИТНЫЙ ДВОР! Заносите пациента!
За сегодняшний подгон и интерфейсную смелость поблагодарим Риту Комиссарову!
Пациентом вы можете насладиться в фотокарточке чуть выше по течению. На серые квадраты не обращайте внимания - это я замазал пару полей исходного скриншота во имя ПОЛИТИКИ КОНФИДЕНЦИАЛЬНОСТИ, а то Маргарита барышня видная, вдруг будете к ней ломиться в личку за каким-нибудь непотребством или, там, шубы из поддельного песца ей продавать.
Что же мы там видим? А видим мы обычные поля для заполнения и хрень космическую на месте выбора пола. Так и вижу, как дизайнер, поводя жвалами, рассуждал на своем клингонском «АЧАЧАЧАЧА ЧЕЛОВЕК БУДЕТ ВЫБИРАТЬ ПОЛ АЧАЧАЧАЧА ЗАЧЕМ ДЕЛАТЬ ВЫБОР В ДВЕ СТРОКИ ЛУЧШЕ СДЕЛАЮ В ТРИ СТРОКИ АЧАЧАЧАЧА И ЕЩЕ ЧТОБЫ ПОЛЬЗОВАТЕЛЬ МОЗГ ПОЛОМАЛ В ПРОЦЕССЕ АЧАЧАЧАЧА», - после чего нарисовал вот это непотребство, расправил ложные крылья и с улюлюканием убежал в ночь.
Ведь тут в чем лажа? Взгляд пользователя скользит по интерфейсам по определенным рельсам, которые, конечно же, задаются дизайнером, но чаще всего являются вариациями «строго сверху вниз», «пробежался по списку сверху вниз, выбрал нужный пункт и прочел его слева направо» или, там, «читаю сперва первую строку слева направо, потом вторую слева направо, потом третью слева направо» и так далее. Эти штуки высоконаучно называются F-паттернами, Z-паттернами и прочими хмурыми словами, но тут я про это говорить не буду - сами про это почитайте, ну или я потом как-нибудь напишу. Но не щас, не это главное.
Главное же в том, что взгляд пользователя, как и сам пользователь - штука довольно ленивая и не любящая нервничать, и если вы проложили простые, предсказуемые и хорошо считываемые пути, по которым по экрану пойдут пользовательские глаза, то люди воспримут это хорошо. Если же вы заставите глаза метаться кабанчиком в стиле «так-так смотрю в левый верхний угол, а потом информер в правом верхнем, а потом прочесть строчку снизу, а потом сверху баннер, а потом кнопка справа в центре», но пользователь взвоет от усталости, непредсказуемости и растерянности и свалит от вас нахрен.
И вот это, казалось бы, простое правило тут сломано напрочь. Взгляд пользователя, убаюканный заглавным текстом и стандартнейшими полями ввода, безмятежно скользит сверху вниз и внезапно натыкается на безумное домино, где управляющие элементы (вот эти вот пупышки для выбора пола) находится на одном уровне, а подписи к ним - находятся сверху и снизу. Еще 5 минут назад пользователь был убаюкан горизонтальным распределением информации (1 строка = одна единица вводимой информации) и двигался через интерфейс, как шампур - через шашлык, а сейчас натыкается на форменный кавардак, ритмика работы с интерфейсом ломается, пользователь просыпается и думает, к примеру, «А ЧТО Я ТУТ ВООБЩЕ ЗАБЫЛ?».
Но это еще ладно. Хуже всего то, что этот интерфейсный элемент вообще непонятно как работает, и что к чему относится. Можно лишь предполагать, что левая пупышка отвечает за мужской пол, а правая - за женский (но это не точно) - и все усугубляется кривейшей реализацией, когда надпись «Женский» отстоит дальше от пупышек, чем надпись «Мужской», и приваливается к полю ввода города ниже. То есть даже в рамках придуманной самому себе реальности дизайнер умудрился обосраться, что символично.
Ну и вишенка идиотизма на торте клингонского дизайна - такая трехэтажная компоновка выбора пола за каким-то хером крадет больше места, чем если бы это был стандартный переключатель в одну или две строки, который бы и смотрелся нормально, и работал по-человечески.
За сегодняшний подгон и интерфейсную смелость поблагодарим Риту Комиссарову!
Пациентом вы можете насладиться в фотокарточке чуть выше по течению. На серые квадраты не обращайте внимания - это я замазал пару полей исходного скриншота во имя ПОЛИТИКИ КОНФИДЕНЦИАЛЬНОСТИ, а то Маргарита барышня видная, вдруг будете к ней ломиться в личку за каким-нибудь непотребством или, там, шубы из поддельного песца ей продавать.
Что же мы там видим? А видим мы обычные поля для заполнения и хрень космическую на месте выбора пола. Так и вижу, как дизайнер, поводя жвалами, рассуждал на своем клингонском «АЧАЧАЧАЧА ЧЕЛОВЕК БУДЕТ ВЫБИРАТЬ ПОЛ АЧАЧАЧАЧА ЗАЧЕМ ДЕЛАТЬ ВЫБОР В ДВЕ СТРОКИ ЛУЧШЕ СДЕЛАЮ В ТРИ СТРОКИ АЧАЧАЧАЧА И ЕЩЕ ЧТОБЫ ПОЛЬЗОВАТЕЛЬ МОЗГ ПОЛОМАЛ В ПРОЦЕССЕ АЧАЧАЧАЧА», - после чего нарисовал вот это непотребство, расправил ложные крылья и с улюлюканием убежал в ночь.
Ведь тут в чем лажа? Взгляд пользователя скользит по интерфейсам по определенным рельсам, которые, конечно же, задаются дизайнером, но чаще всего являются вариациями «строго сверху вниз», «пробежался по списку сверху вниз, выбрал нужный пункт и прочел его слева направо» или, там, «читаю сперва первую строку слева направо, потом вторую слева направо, потом третью слева направо» и так далее. Эти штуки высоконаучно называются F-паттернами, Z-паттернами и прочими хмурыми словами, но тут я про это говорить не буду - сами про это почитайте, ну или я потом как-нибудь напишу. Но не щас, не это главное.
Главное же в том, что взгляд пользователя, как и сам пользователь - штука довольно ленивая и не любящая нервничать, и если вы проложили простые, предсказуемые и хорошо считываемые пути, по которым по экрану пойдут пользовательские глаза, то люди воспримут это хорошо. Если же вы заставите глаза метаться кабанчиком в стиле «так-так смотрю в левый верхний угол, а потом информер в правом верхнем, а потом прочесть строчку снизу, а потом сверху баннер, а потом кнопка справа в центре», но пользователь взвоет от усталости, непредсказуемости и растерянности и свалит от вас нахрен.
И вот это, казалось бы, простое правило тут сломано напрочь. Взгляд пользователя, убаюканный заглавным текстом и стандартнейшими полями ввода, безмятежно скользит сверху вниз и внезапно натыкается на безумное домино, где управляющие элементы (вот эти вот пупышки для выбора пола) находится на одном уровне, а подписи к ним - находятся сверху и снизу. Еще 5 минут назад пользователь был убаюкан горизонтальным распределением информации (1 строка = одна единица вводимой информации) и двигался через интерфейс, как шампур - через шашлык, а сейчас натыкается на форменный кавардак, ритмика работы с интерфейсом ломается, пользователь просыпается и думает, к примеру, «А ЧТО Я ТУТ ВООБЩЕ ЗАБЫЛ?».
Но это еще ладно. Хуже всего то, что этот интерфейсный элемент вообще непонятно как работает, и что к чему относится. Можно лишь предполагать, что левая пупышка отвечает за мужской пол, а правая - за женский (но это не точно) - и все усугубляется кривейшей реализацией, когда надпись «Женский» отстоит дальше от пупышек, чем надпись «Мужской», и приваливается к полю ввода города ниже. То есть даже в рамках придуманной самому себе реальности дизайнер умудрился обосраться, что символично.
Ну и вишенка идиотизма на торте клингонского дизайна - такая трехэтажная компоновка выбора пола за каким-то хером крадет больше места, чем если бы это был стандартный переключатель в одну или две строки, который бы и смотрелся нормально, и работал по-человечески.