Bio3D

Bio3D

На Пикабу
95 рейтинг 25 подписчиков 0 подписок 15 постов 1 в горячем
Награды:
5 лет на Пикабу
16

Про 37 000 000 рублей

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


29 числа 11-го месяца рунет взорвался новостями о том, что каким-то счастливчикам заплатили аж 37 000 000 рублей за логотип грядущих выборов президента нашей страны. Естественно, от такого ценника у всех пригорело, ведь не может столько стоить один логотип. В общем-то, он столько и не стоит, эти 37 лямов предназначены не только для логотипа, но и для всего оформления выборов, включая информирование посредством наружной рекламы, телевидения и интернета о том, что и мне и вам(18+) нужно сходить и проголосовать. Однако, речь не об этом.


Фото с официального Twitter-аккаунта ЦИК:

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

Дизайн логотипа, бесспорно, паршивый, больше всего здесь бесит абсолютно бесхарактерный шрифт, но почему же так вышло? А дело в том, что логотип, судя по предоставленной в СМИ информации, разрабатывала контора под названием «ИМА-консалтинг» (очень известная в дизайнерской тусовке, да?). Это PR-компания, и, как я предполагаю, логотип они создавали как-то путем, подобным этому:


Директор: значит так, для распространения информации о выборах нам нужен логотип, у кого какие идеи?

...

Бухгалтер: у меня племянник делал логотип для школьной олимпиады.

Директор: ни слова больше.


Примерно так и появились на свет все 77 вариантов(76 из которых мы с вами никогда не увидим), затем прошло голосование, в котором никто из нас не участвовал, и путем голосования был выбран всем известный вариант.

Не стану отрицать того, что, ВОЗМОЖНО, к созданию некоторых из этих 76 мифических логотипов приложили свои руки настоящие профессионалы, виртуозы логотипного ремесла, и они представили действительно хорошие работы, но из-за того, что право выбора оставили большинству, которое в дизайне ничего не понимает, мы получили то, что имеем. Ведь эти люди, которые голосовали, они не знаю, какие бывают шрифты, они не разбирали тысячи успешных логотипов, у них просто не сформировалось то, что может сказать им, что что-то может быть в разы лучше этого варианта, где им просто понравилась идея объединения 2018 и 18 марта. Дизайнер, думай всегда своей головой.

Подготовлено телеграм-каналом о дизайне «Дизайнер»

Показать полностью 1
8

Наставник

Наставник

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


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


Любой дизайнер передаст тебе часть своих знаний, которая, скорее всего, окажется для тебя полезной информацией, но он никогда не сможет поделиться с тобой опытом того, как он приходил к тем или иным профессиональным "фишкам".


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


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


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


Думай шире.

Показать полностью
5

Как стать фрилансером?

Как стать фрилансером?

Очередной рабочий день подходит к концу, ты уже не знаешь чем занять себя эти бесконечные последние 40 минут до официального окончания рабочего дня, или (еще хуже) сидишь после окончания рабочего дня и тупо ждешь, когда свалит руководство, чтобы через 0.000001 сек. уйти и самому. Приходишь домой и говоришь сам себе, что больше не можешь так жить, это даже жизнью то назвать трудно. Другое дело работать на себя, нет никакого начальства, сам решаешь, за какую работу браться, а за какую нет, никто тебя не уволит и не лишит премии, отпуск берешь когда захочешь, в общем, этот режим максимально приближен к тому состоянию, которое можно назвать жизнью, а не просто существованием. Но это на первый взгляд, конечно.


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


Если не хочешь в офис по расписанию — фриланс для тебя.

Если хочешь решать с кем работать, а с кем нет — пора на фриланс.

Бесит дресс-код и рабочий коллектив — пора на фриланс.

Не хочешь тратить свое время в пробках по дороге на работу и обратно — фриланс.

Хочешь сам решать, когда работать, а когда отдыхать — фриланс.

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


Делай то, что нравится.

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

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

Сейчас самая прибыльная сфера для фриланса — программирование, особенно если работать на крупные стартап-хабы Лондона, Сан-Франциско или Нью-Йорка, а жить в развивающихся странах.

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


Не теряй контроль над временем.

Знаю дизайнеров-фрилансеров, которые не замечают, как лето сменяется зимой, настолько у них быстро летит время. Фрилансеру проще "заработаться", чем офисному планктону, потому что офисный дизайнер всегда стремится домой и это мотивирует его быстрее справляться с работой. Этого сильно не хватает на фрилансе, поэтому свободный график по факту может сожрать у тебя все время. Ты не будешь замечать, как пролетают дни и ты получаешь очередную копеечку за выполненный заказ, но... Это пролетают не дни и недели, а твоя жизнь, очень важно это понять. Старайся сразу выстраивать свою работу таким образом, чтобы работать приходилось суммарно не более 8 часов в сутки, постоянно торопи себя, со временем у тебя выработается соответствующий ритм работы. Если забить на это, то потом очень сложно будет переучиться.


Самый идеальный вариант — снять небольшой офис рядом с домом и работать там одному в режиме фрилансера.


Будь ответственным.

Это в особенности касается тех, кто уже сколько-то отработал в офисе на дядю. В офисе за тебя все решают другие люди, а ты просто делаешь, что тебе говорят они, но на фрилансе тебе придется свыкнуться с той мыслью, что придется выстраиваться коммуникации с заказчиком. Здесь очень важно всегда оставаться на связи, буквально 24/7. Это не значит, что ты должен быть готовым работать всегда в таком режиме, но ты должен всегда быть готовым, как минимум, просто ответить заказчику.


Обходи неадекватов стороной.

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

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



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

Подготовлено телеграм-каналом о дизайне «Дизайнер»

Показать полностью
12

Отказ от работы на стадии переговоров

Отказ от работы на стадии переговоров

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


Псевдо-пофигист

Заказчик поздно отвечает на ваше предложение. Это значит, что либо всех остальных дизайнеров что-то сильно не устроило в его предложении, либо ему дали задание найти исполнителя, он кинул вакансию на какой-нибудь UpWork и забил на неделю. А время-то тикает, это значит, что у тебя будет меньше времени чтобы выполнить работу, и это значит, что заказчик думает, что ты и так справишься за 1 ночь, ведь «ты просто сидишь, за тебя все компьютер сам делает». Такие заказчики потом будут постоянно орать о том, что ты уже трижды пробил дедлайн, но при этом будут отвечать на твои вопросы по непонятному ТЗ раз через сутки.


Недисциплинированность

В чем-то схоже с предыдущим пунктом, но тут я бы сделал акцент на тех моментах, когда заказчик опоздал на встречу больше 2 раз подряд(если он из твоего города), когда он не скидывает правки в сроки, согласованные ранее и прочие необоснованные и запоздание.


Некомпетентность

Заказчик, который "я лучше знаю, какую технологию и как использовать". Если заказчик преуспел в своем бизнесе и ему для продвижения нужен сайт/рекламный контент, то, безусловно, то что он разбирается в своем деле поможет формированию костяка готовой работы, но он не может решать за тебя дизайнерскую часть работы. Точно так же, как он не будет говорить своему стоматологу, как ему зубы сверлить. Также, если он спросил у своего племянника-студента первого курса какого нибудь худфака, сколько будет стоить работа, которую он собирается заказать, а тот ему говорит, что сделал бы такое за 5 копеек, или заказчик утверждает, что нашел школяра из Индии, который сделает эту работу за 1 копейку, то вот пусть к ним и обращается в таком случае.


Ты априори разбираешься в своей работе лучше, чем заказчик, потому-то он к тебе и обращается.


Импровизация

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


Нежелание платить

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


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

Подготовлено телеграм-каналом о дизайне «Дизайнер»

Показать полностью

Челка, рога и борода. В общем, про дизайн iPhone X.

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

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

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

— Макет. Макет после правок заказчика.

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


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


Если бы мы всегда на 100% следовали тому, что нам говорит целевая необразованная аудитория, то контакт до сих пор выглядел бы так:

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

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


Так и с обновленным дизайном iPhone X.

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

— А вся фишка в том, что он уверен в своем мастерстве. У него не было задачи сделать челку айфону, у него была задача сделать так, чтобы смотрелось круто, узнаваемо и при этом было функционально, с этой задачей он справился, но не все ещё это поняли. Да и я понял намного позже, первое время я просто отказывался верить в то, что ЭТО можно спокойно презентовать, а потом покупать и ходить с этим по улице:

Здесь главное не сама борода, а «рожки» по бокам, в которые дизайнер перенес строку состояния. Там теперь будет всякий мусор: время, состояние сети, Wi-Fi и прочее, тем самым он освободил место основной рабочей зоны:

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

Смартфон стал узнаваемым как спереди, так и сзади(вертикальная двойная камера, стекло), увеличена рабочая зона смартфона с функцией «удовлетворить потребности пользователей, которые "вернити все как было!11!"»


Интересно отметить, что отсутствие кнопки Домой почти никого не смутило. Это потому, что визуально это выглядит как простое увеличение экрана, то есть дизайнер просто взял и растянул экран вниз, почти до упора. А увеличение экрана в высоту или ширину — это привычно для потребителя, потому что это количественное изменение, а не качественное.

Конечно, в определенном смысле придется подстраиваться под эти рожки, придется незначительно изменить оптимизацию приложений, решить для себя, как смотреть видео с фото(с рожками или без них) но это все такие мелочи, что об этом даже говорить не хочется. Но как же все-таки круто смотрится iPhone X по сравнению с iPhone 6-8 Plus, здесь сразу видно, где старый дизайн, а где новый:

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

Не слушай, что говорит целевая аудитория, смотри, что она реально делает, учись прогнозировать поведение.

Нет, ну серьезно, разве дизайн iPhone X — не прорыв?

Резюмирую: это смелый шаг, но в Эппл перестраховались и сделали возможность через настройки "вернуть все как было". Решение сделать рожки обусловлено: техническими ограничениями(миллион датчиков под пиксели не запихаешь), стремлением увеличить полезную площадь экрана и сделать смартфон узнаваемым, стремлением следовать тренду "безрамочности" и больших экранов, но при этом не делать супер-лопату. Получилось на 5 из 5, браво, Джони Айв.


ИМХО


Подготовлено телеграм-каналом о дизайне «Дизайнер»

Показать полностью 9
38

7 грехов веб-дизайнера

Так уж сложилось, что мне намного ближе моушн-дизайн, но почему-то проще рассказывать про веб-дизайн. Не знаю, почему так вышло, но обещаю, что скоро расскажу и про моушен-дизайн, ну а пока так.

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


Чти предков.

Запомни, даже если ты считаешь, что в мире уже не осталось дедушек-мониторов с соотношением 3:2 или 4:3, то ты ошибаешься, ведь они очень живучие. Всегда учитывай их при разработке и тестировании своего сайта.

Очень часто такими бывают вторые мониторы, которые как раз используются для серфинга в интернете, когда на основной монитор выведена рабочая информация. Да и часто люди сидят в интернете в офисе со старого рабочего компьютера, к которому подключен не менее старый 3:2 монитор.


Не дай взору заблудиться.

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

— Обрати внимание, как сильно старается привлечь внимание кнопка ВКОНТАКТЕ. Почувствуй те усилия, которые прилагает твой мозг, чтобы не смотреть на эту абсолютно бесполезную кнопку.

Не обмани.

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

Вот эта оранжевая фигуля справа — не кнопка, это просто графический элемент. Он достаточно сильно акцентирует на себя внимание, а также похож на кнопку «Далее», однако такой функцией не обладает. Это пример того, как можно пользователя заставить почувствовать себя идиотом.

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



Не лезь в чужой браузер.

Не решай за пользователя, когда ему открыть ссылку в новой вкладке, а когда в текущей. Любой более-менее продвинутый пользователь знает, что для того, чтобы открыть ссылку в новой вкладке, нужно просто нажать по ней колесиком(СКП).

— Такое простительно только поисковикам.

Подобное поведение сайта игнорирует кнопку «Назад», которая является самым распространенным способом возвращения к предыдущему сайту.


Алчность.

Забудь про мусорную рекламу, которая занимает до 50% места на странице. Никаких вулканов и прочей параши в шапке сайта, никаких всплывающих окон и подобной ерунды.

Грамотная реклама занимает немного места, но расположена в максимально выгодных позициях и выглядит так, что она не мешает и при этом ловит взгляды:

Насилие.

Забудь про "насилие", ты не должен делать то, чего пользователь точно не хочет или не ожидает. В первую очередь это касается автоматического проигрывания видео и музыки, особенно часто это встречается в рекламном контенте.


Фу, пишу об этом, и только от одной мысли о том, что такое все еще где-то есть, становится тошно.

Гордыня.

Не пытайся напрямую текстом или картинкой заявлять нечто подобное про сайт или компанию:

«Мы лучшие»

«Лидеры на рынке»

«Самая успешная ... по версии ...»

#1 (или) №1

ТОП, VIP.

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


Подготовлено телеграм-каналом о дизайне «Дизайнер»

Показать полностью 8
9

Устаревшая панель

Для начала взгляни на картинку ниже:

С 60-х годов дизайн панели набора номера не менялся. Почему? Наверное потому что текущий вариант — идеальный. А что если я тебе скажу, что это архаизм, не учитывающий особенности современных средств связи? Сейчас объясню.


Впервые кнопочную модель набора номера представили в, как не трудно догадаться, 1963 году, тогда компания Bell System просто решила взять за основу дизайн панели набора на калькуляторах того времени. Однако, какой-то умный человек в этой компании задался вопросом, а почему у калькуляторов именно такой дизайн панели?

Вопрос был задан производителям калькуляторов (Texas Instruments и Sharp), на что они сказали, что этот дизайн взят просто «от балды», никаких исследований они не проводили. Класс. Но ребята из Bell System дураками не были, и решили провести собственное исследование с множеством вариантов дизайна панели набора номера:

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

Пока размеры экранов были небольшими, люди могли набирать номер, удерживая телефон одной рукой. Однако теперь смартфоны становятся все больше и больше. Эта модель перестает работать.

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


Большинство людей держит телефон одной рукой(правой), при этом вторая рука никак не задействована, то есть все действия выполняются большим пальцем правой руки:

Интересно (и неудивительно), что наиболее эффективная часть экрана находится внутри т.н. «дуги большого пальца» и значительно ниже середины большинства крупных смартфонов.

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


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


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


Эта проблема со временем никуда не денется, а станет только более актуальной при взаимодействии со смартфоном.


Вот примеры того, как можно было бы попробовать оформить панель набора номера:

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


В общем-то, теперь, какой совершенный флагман ни возьми, везде будет старая, неудобная, неадаптированная под сам телефон панель набора номера, и это только из-за того, что дизайнеры не придают этому значения, говоря себе что-то вроде этого: «да ну его нафиг, всю жизнь пользуемся такой панелью, зачем ее менять, если бы она не была идеальной, она бы так долго не продержалась».


Не будь дураком, думай своей головой.


Подготовлено telegram-каналом о дизайне «Дизайнер»

Показать полностью 6
63

Веб-дизайнеру

«Каждый дизайнер — индивидуальность, но ошибки у всех одинаковые».

Небольшое напутствие тем, кто рисует сайты.

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


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

Если элементов списка меньше 5, то смело лепи их всех в форму, а если их больше, то прячь в скролл.

Даже у дизайна форм есть свой ритм, который можно нарушить необоснованно прервав вертикальный список.

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

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

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

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

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

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


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


Подготовлено telegram-каналом «Дизайнер»

Показать полностью 7
Отличная работа, все прочитано!

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества

Недвижимость и ремонт

Теги

Популярные авторы

Сообщества