Согласно теории разбитых окон люди в два раза чаще мусорят на улицах, если на стенах нарисовано граффити. Этот закон применим к работе дизайнеров и программистов — если офис плохой, стул разваливается, а в туалете воняет, значит жди кучу мелких багов в коде и небрежности в дизайне.
Я вовсе не утверждаю, что если посадить людей в элитный офис, дать всем по новенькому Маку, то работа пойдет в два раза лучше. Отнюдь. Но я убежден, что в обратную сторону этот принцип работает. Люди в душном грязном офисе, сидящие на качающемся стуле, делают в два раза больше мелких ошибок. Это утверждение не универсально:
увеличивается только количество мелких ошибок, идущих от небрежности; эффект проявляется только на контрасте «плохо/нормально», т.е. если заменить сотрудникам разваливающиеся дешевые кресла на нормальные это принесет плоды, но если проапгрейдиться до еще более дорогой модели, эффекта уже не будет; закон работает для программистов и дизайнеров, я не уверен, что он будет работать, скажем, для бухгалтеров или секретарей; речь идет об окружении (офис, мебель, кухня, район города), а не о средстве производства — если у работника тормозящий компьютер, то нужно ждать не мелких помарок, а медленной работы; фактор окружения не является самым сильным и может быть перекрыт чем то другим, например, обидой на начальника.
Давайте посчитаем
По моему опыту одни из самых частых косяков работодателей — это плохие компьютеры и дешевые кресла. Прикинем, так ли выгодно на них экономить.
Сейчас хороший программист в Питере получает 70 т.р. Для работодателя это стоит около 100 т.р. в месяц. Разница между плохим и хорошим компьютером составляет 25 т.р., а между плохим и хорошим креслом — 3 т.р. Примем срок службы равным двум годам.
Получается, что нормальное кресло стоит дороже на 0.1% от зарплаты работника, а компьютер — на 1%. На самом деле компания тратит на работника гораздо больше, но ведь мебелью и компьютерами не ограничиваются «раздражающие факторы», так что оставим это упрощение.
Стоит ли 1% расходов двухкратного увеличения количества мелких ошибок?
На этот вопрос каждый работодатель должен ответить сам. Допускаю, что есть множество компаний для которых увеличение мелких ошибок ничего не стоит, а вот 1% расходов — очень и очень много. Другой вопрос, хотят ли квалифицированные сотрудники создавать продукт, который прощает постоянную небрежность?
Закончу цитатой самого эффективного менеджера всех времен и народов:
Как мертвые мухи портят и делают зловонными благовония, так и небольшая глупость перевешивает мудрость и честь. (Екклезиаст 10:1)
Недавно, в одном бизнес-центре, где я часто бываю, появлися новый медицинский центр. Проходя мимо, я поймал себя на мысли, что он мне нравится и я ему, пожалуй, доверяю и готов при необходимости воспользоваться услугами их врачей. Я спросил себя: «почему»? Я ведь видел только вывеску, и да, она показалась мне довольно профессионально выполненной. «Виновата профессиональная дизайнерская деформация», — решил я. Но потом я подумал, что хорошая вывеска о многом говорит.
Мир вокруг нас полон ужасного дизайна — аляповатых вывесок, «цыганских» интерьеров, вырвиглазовых сайтов. Откуда это все берется? Логично предположить, что дело в плохих дизайнерах. Отчасти это верно, но лишь отчасти.
Дизайнерская среда полна анекдотов про безумных заказчиков (или начальников), которые садятся рядом и начинают играть в дизайнера, двигать картинки, просить добавить цветов и сделать «меньше пустоты». В результате выходит... ну, выходит то, что обычно выходит. Дизайнеры смеются над такими заказчиками, но им это нужно, чтобы не сойти с ума. На самом деле таких заказчиков можно понять.
Вот к примеру некий сферическо-вакуумный директор. Он делает сайт (вывеску, буклет) для своего ДЕТИЩА. Это его бизнес, он и только он знает, что его «ребеночку» нужно. Поэтому он и обязан взять все в свои руки, в том числе и дизайн. В лучшем случае он навязывает дизайнеру свою волю, а в худшем — делает работу самостоятельно. Однако, он не дизайнер и результат выходит плохой. Почти всегда. Но беда не ходит одна. Подобная практика скорее всего распространяется и на все остальные сферы деятельности компании. Вероятно, повар в кафе у такого директора будет плохо готовить, а уборщица плохо мыть полы.
Это называется неумение делегировать полномочия. Хорошего руководителя от плохого отличают следующие вещи:
- навык делегировать полномочия,
- умение доверять профессионалам в сфере их деятельности,
- способность не относиться к сотрудникам, как детям-дебилам,
- дар контролировать ситуацию, не занимаясь при этом микроменеджментом.
Именно поэтому, если владелец увиденного мною медицинского центра смог доверить дизайнеру создать вывеску (не такую уж красивую, к слову, просто аккуратную, без аляповатости), то уж точно он смог доверить все врачебные дела кому-то компетентному в медицине.
Конечно, нужно относиться к данному правилу с осторожностью (и не пытаться повторить это дома), но все же правило часто работает: видишь хороший сайт или вывеску — значить фирма хорошая. В данном случае не работает поговорка «встречают по одежке, провожают по уму», потому что хорошая одежка очень часто является признаком наличия ума, а не просто красивым фасадом.
На днях я читал лекцию по проектированию пользовательского интерфейса (хотя строго говоря это был мастер-класс) в одном из ведущих университетов города — ИТМО. К сожалению, результат меня сильно разочаровал.
В нашей UX-школе занимаются студенты (половина из ИТМО) и они мне очень нравятся, потому что в свободное от учебы время, вместо того, чтобы пить интересную водку, учатся проектировать скучные интерфейсы. Видимо поэтому у меня сложилось чувство, что как-то незаметно от меня выросло новое поколение — прагматичное, трудолюбивое, без советских комплексов и попрошайничества.
Современные университеты представлялись мне сверкающими дворцами, давно пережившими безденежье девяностых, в которые довелось учиться мне.
Какого же было мое удивление, когда я увидел СОВОК. Совок был во всем — в здании, в охране, в аудитории, в столовой и, самое печальное, в студентах.
На мастер-класс люди пришли добровольно, никто их не заставлял. Но они были очень вялыми. Было видно, что они привыкли слушать лекции и тихо дремать. Я же задавал им вопросы, заставлял думать. И это удавалось с большим скрипом.
Возможно они просто устали под вечер и хотели есть. Но я думаю, что дело в том, что в стенах этого университета живет Совок. Живет советская система образования, чванливая своими ложными академическими достижениями и не имеющая никакого отношения к практической работе.
Конечно, я не прав, и многие меня справедливо обвинят в необъективном однобоком взгляде. Но я так увидел ИТМО в этот раз.
Через две недели у меня второй мастер-класс и, если здание вряд ли отремонтируют, то студенты просто обязаны покаяться и стать активными.
И знаете, я всерьез думаю купить им что-нибудь поесть.
По загадочной причине 90% всех вакансий ужасны. То есть сами вакансии хорошие, а вот их описание на сайтах по трудоустройству чудовищны. Такое чувство, что роботы пытаются взять на работу других роботов.
Роботы, роботы пишут вакансии. Бессмысленные и беспощадные: «Требуется копатель. Обязанности: копать. Требование: целеустремленный и стрессоустойчивый». Написали много букв, но бедный копатель так и не понял: предстоит ему копать лопатой или быть оператором экскаватора.
Я не HR-специалист, но я часто ищу работников, в основном дизайнеров и веб-разработчиков. Давайте рассмотрим пример из моей недавней практики — поиск младшего дизайнера интерфейсов.
Как не надо писать вакансию (и как ее пишут в отделе кадров)
UX/UI Designer, Ineraction Designer (з/п не указана)
Наша компания бла-бла-бла, сто лет в обед, крута, динамичноразвивающаямся (абзац-два текста).
Требования: Photoshop, Illustrator, Corel Drow, PowerPoint (и еще много-много). Ответственность, обучаемость, стрессоустойчивость.
Обязанности: работа над современными сайтами, порталами, мобильными приложениями, верстка сайтов, создание маркетинговых и рекламных материалов.
Мы предлагаем: современный офис в центре города, корпоративные мероприятия, трудоустройство с соблюдением трудового кодекса (и еще много текста).
Что здесь не правильно
- не понятно, чем именно нужно будет заниматься;
- не ясно, какие перспективы;
- не понятно, сколько платят и для кого эта вакансия, для начинающих или для опытных;
- нет уверенности, что нужно уметь (хотя вроде бы указано, но есть чувство, что писал тот, кто не понимает сути вопроса).
Кстати.
Отдельная песня — вакансии (про)иностранных компаний на английском языке. Такое чувство, что попал на предвыборную программу президента. Две страницы высокопарного текста, а смысла — ноль.
Что же делать
Чтобы написать хорошую вакансию достаточно просто не быть роботом. Напишите простым русским языком:
- кто вы такой — да, да, вакансию должен писать
не робот не HR-специалист, а будущий начальник. Если из контекста понятно, кто вы (например, вакансия размещена в соц. сети) естественно не нужно представляться;
- зачем лично ВАМ нужен работник, и чем ему предстоит заниматься;
- укажите только самые необходимые вещи, без которых вообще нет смысла начинать разговор, но не более того;
- напишите, какие есть перспективы (это касается и стажеров и директоров);
- укажите зарплату или зарплатный коридор, если вы не уверены, какого уровня специалист вам нужен, то обязательно напишите, что зарплата зависит от профессиональных навыков;
- не нужно писать про вашу компанию и условия работы в ней, об этом должно быть написано на вашем сайте или в профайле, а если не написано, то нужно написать. При большом желании можно очень коротко написать основные моменты.
Кто есть живой?
Неужели никто не пишет вменяемых вакансий? Пишут многие. К примеру я. Студия Артемия Лебедева пишет. Есть и другие (я встречал, но лень искать ссылки).
Пишут ли HR-специалисты хорошие вакансии? Не знаю, лично я не встречал. Мои попытки вразумить этих милых, умных и опытных людей почему-то заканчивались ничем.
В заключение приведу парочку хороших вакансий (на мой взгляд).
(Моя вакансия для Digital Design)
Младший дизайнер интерфейсов, 20 000 руб.
Привет, дизайнеры молодые и горячие!
Наша компания разрабатывает интернет-порталы и приложения под различные платформы. Нам очень не хватает дизайнеров для работы над интерфейсами. Мы приглашаем молодых специалистов, которые с одной стороны уже что-то умеют, а с другой готовы быстро учиться и осваивать новую для себя область дизайна. Мы же готовы предоставить возможность профессионального и карьерного роста.
Для начала мы хотим посмотреть ваши работы в любой области дизайна. Присылайте ссылку на образцы ваших работ: нас интересуют прежде всего сайты и интерфейсы, но подойдет и все остальное — логотипы, фирменный стиль, полиграфический дизайн, реклама. Если собственных работ у вас пока мало, мы предложим выполнить тестовое задание.
Авторы интересных работ или хорошо выполненных тестовых заданий приглашаются на собеседование. Не забудьте прислать номер вашего мобильного и адрес почты.
Мы предлагаем:
- работу над интересными современными проектами;
- обучение проектированию и дизайну интерфейсов;
- хороший офис рядом с метро Приморская;
- белая з/п, ДМС, бесплатные обеды в кафе и чай-кофе в офисе.
Вакансия с сайта Студии Артемия Лебедева
Дизайнер интерфейсов, в Москве
Меня зовут Анна Клейменова, и я ищу дизайнера интерфейсов. Нужен здравомыслящий человек, умеющий логически рассуждать, любящий структурные схемы во всех их проявлениях и никогда не выключающий мозг.
Необходимые таланты: быстро, но дотошно разобраться в любой среде или системе, понять как сделать взаимодействие с ней более удобным, затем изобразить и тщательно описать все улучшения. Важно внимание к мелочам и понимание интерфейсных принципов основных операционных систем. Кроме того, развитое чувство прекрасного и умение использовать популярные графические программы для отрисовки интерфейсов. Желательно хорошее знание русского и английского языков.
Если вы считаете, что подходите по всем параметрам, то пришлите мне иллюстрированный рассказ о том, как улучшить интерфейсы самых обыденных вещей. Не забудьте приложить ссылку на свой сайт или примеры работ.
А что думаете вы о вакансиях, с которыми сталкивались? Знаете ли вы примеры хороших вакансий?
Что бы там ни говорили проектировщики интерфейсов и другие «друзья пользователей», но работают они прежде всего для заказчика. Заказчиком же обычно являются маркетологи и/или коммерсанты. К сожалению эти замечательные люди порою бывают слишком уж замечательными и начинают сами «писать код» веб-приложения. Но проектировать интерфейсы они не умеют, программировать тоже, зато хорошо умеют писать длинные тексты — их то они и вставляют в обилии везде, где только можно, это и есть их «код». Результат получается как в том письме, что писал Дядя Фёдор из Простоквашино, когда все написали по чуть-чуть, а пользователь получатель этого письма хватался за сердце и падал в обморок.
Я приведу пару примеров из жизни, но намеренно не буду приводить скриншотов и называть имена и явки. Просто я боюсь мести не хочу переходить на личности. В конце (для терпеливых и неумеющих быстро прокручивать страницы) я скажу секрет, как нужно поступать, чтобы все были счастливы.
С точностью до запятой
Делали мы как-то веб-сервис, на котором была очень длинная форма. Заказчик был ну очень щепетилен в плане юридической составляющей. И они по сути нарисовали форму сами и...
Вы пробовали когда-нибудь читать юридические документы? Это крайне затруднительно, ты теряешь суть уже после второго абзаца. Так вот та длинная форма была из той же песни. Она изобиловала разнномастными полями и флажочками, многие из которых были заморожены, т.е. выбрать их или что-то в них ввести было нельзя. Зачем же их тогда было показывать? Это не обсуждалось! Венчало эту форму поле с датой, которую нельзя было поменять, а показывалась дата ради единообразия с бумажным документом, где внизу стоит дата и подпись. До сих пор радуюсь, что нас не заставили делать инструмент для рисования подписи...
Мы пытались сделать форму более простой и понятной. Сокращали ненужное, переформулировали тексты. Но все это категорически отвергалось и на нашу голову призывались заклинания древних юристов :)
Завершили мы проект разместив на странице с этой формой инструкцию, как эту форму заполнять. Т.е. заказчик увидел, что его творением (я уже не говорю «нашим») пользоваться крайне затруднительно, и не нашел ничего лучшего, как написать достаточно пространную инструкцию, разместив ее тут же.
Возможно кто-то подумает, что целью заказчика было не удобство пользования, а что-то другое, например, прохождение аудита или осваивание бюджета. Нет! Они постоянно говорили «юзабилити», проводили тестирование своими силами и переживали, когда что-то кому-то из пользователей было непонятно.
Объявление: объявление находится ниже
В другом проекте заказчик попросил разместить НАД формой авторизации инструкцию как пользоватья веб-сервисом. Не как авторизовываться, а именно весь цикл, что произойдет после авторизации.
В результате поля с логином и паролем существенно съехали вниз и... были не видны не многих мониторах, особенно на лэптопах.
Сроки поджимали, спорить было затруднительно и проект вышел с такой фичей. И только позже я узнал причину, почему заказчик решил так поступить. Дело в том, что пользователю на телефон в виде SMS высылалась ссылка на эту страницу. А высылалась она под видом «узнай поподробнее».
Очевидно, что будь задача сформулирована иначе, решение было бы не только более элегантным, но и продуктивным.
Вот мы и подошли к нашему секретному выводу.
Большой секрет
Заказчик должен ставить перед разработчиком общую задачу, а не углубляться в частности. Разработчик на то и подряжен, что он лучше знает КАК сделать, а заказчик на то и заказчик, что лучше знает ЧТО сделать.
Нарушение этого принципа — углубление заказчика в частности, сокрытие от проектировщика истинных задач — приводит к тому, что из проекта получается полное гэ.
Грустно, но эту прописную истину, которая описана в куче книг, не понимают очень многие.
Краткая шпаргалка для заказчика, что такое «хорошо», а что такое «плохо»:
|
Неправильно
|
Правильно
|
|
Размести в шапке логотипы всех наших партнеров.
|
Нашему сайту не доверяют, давайте подумаем, как это можно поменять.
|
|
Размести перед формой инструкцию из этого doc-документа.
|
Нужно сообщить пользователю о том, что услуга платная заранее.
|
|
Перемести меню влево, а сверху поставь эти ссылки.
|
Нужно сделать акцент на этом и этом, придумай варианты.
|
|
Вставь эти картинки и ссылки на главной, слева.
|
Мы хотим показать пользователю, что у нас есть и другие сервисы.
|
Мало создать интерфейс, нужно довести его до состояния, когда им возможно будет пользоваться, а вот это уже на порядок сложнее.
Есть такая компания Макдоналдз. Она американская, а Америка — это такая страна, где уважают инвалидов и считают (на практике, а не в теории) их обычными гражданами, достойными без посторонней помощи сходить на спортивный матч, в магазин или в столовку.
Именно поэтому все русские Макдоналдзы имеют отдельный туалет для инвалидов. А вот сделать крыльцо, ведущее в этот туалет ресторан, доступным для инвалидов — до этого уже руки не дошли. Короче, типичный пример тупого следования заокеанским гайдлайнами, лицемерия и русской экономии:
Назвался груздем — полезай в стандарты
В любом учебнике по веб-дизайну написано, что картинкам нужно проставлять атрибут ALT. Например, для того, чтобы пользователи браузеров для слепых могли узнать, что изображено на фотографии.
Я не пользовался браузерами для слепых, но чую, что ALT в картинках им мало поможет, когда приходится продираться сквозь чащу оформительских таблиц, распорок и прочего внутреннего мусора.
Хотите делать сайты для людей с ограниченными возможностями — следуйте стандартам, используйте семантическую верстку, резиновый дизайн, кастомизируемый размер шрифта и т.п. Тогда и подписи к картинкам пригодятся и TITLE в ссылках будет не лишним.
В заключение хочу показать пример семантической верстки как нужно делать общественные места доступными для инвалидов: версия НТВ, версия РТР.
Навеяно сегодняшним походом в поликлинику.
Все мы периодически посещаем общественные туалеты. К сожалению, они часто грязны, а порою и просто заср*ны (в прямом смысле слова). И проблема тут не в свинстве людей.
Унитаз vs Толчок
В современных общественных туалетах ставят унитазы. Унитаз подразумевает стульчак. Стульчак подразумевает наличие специальных (или хотя бы обычных) одноразовых салфеток. К использованию без салфеток (читай, без стульчака) унитаз в общественных местах не предназначен.
Салфетки в общественном туалете (особенно специальные для стульчака) — редкость. Результат известен — страждущие животом садятся на корточки и... [вырезано цензурой].
Спрашивается, зачем делать красивый кафельный туалет с блистающим чешским унитазом, если в нем никогда не будет салфеток, туалетной бумаги и мыла? Покрасили бы стены масляной зеленой краской, в полу проделали бы дырку — и готово. Чё выпендриваться то!
Веб-проект как унитаз
К сожалению, подобное часто происходит в веб-проектах. Делают что-то красивое и дорогое, но потом экономят на мелочах и через какое-то время проект начинает дурно пахнуть и к нему никто не хочет прикасаться.
Однажды я участвовал в разработке веб-портала для партнеров довольно крупной системы. За основу был взят один довольно известный колаборейшн-продукт, который мы долго и мучительно тюнили под наши нужды и нужды клиентов. Получилось неплохо. Однако, из-за несогласованности управления, этот портал использовался как домашняя страничка из нескольких статических страниц, большинство его возможностей так и не было использовано.
Как и унитаз без салфеток для стульчака, этот портал без должной поддержки, постепенно зарос грязью и паутиной и к нему сейчас не хочется даже прикасаться.
Так что, начиная новый проект, подумайте, может быть можно обойтись просто дыркой в полу?
|
Ах, эти интерфейсы
Этот блог — рассуждения о пользовательских интерфейсах в различных их проявлениях и веб-проектах.
|
