Есть у меня долг перед Хабром. Два года назад я написал статью «Веб-технологии для дизайнеров — зачем и как», а продолжение статьи так и не выпустил.

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

Меня зовут Антон Шеин. Иногда я выступаю с докладами про дизайн, прототипирование и систематизацию интерфейсов.

После каждого доклада, раз за разом мне задают два основных вопроса:

1. Должен ли дизайнер уметь работать с веб-технологиями?
2. С чего дизайнеру начать, если хочется с ними разобраться?

Постараюсь ответить на них в этой статье.

Уже совсем скоро начнётся очередной 404 фестиваль. К его открытию я подготовил страницу, на которой собрал всех участников, чтобы они могли узнать друг друга в лицо ещё до начала фестиваля: antonshein.ru/404fest (осторожно, за ссылкой прячется трафик).

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

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

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

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

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

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

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

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

В этой статье я, на примере редизайна главной страницы cplaza.ru, расскажу об одном из принципов разработки сайтов: «показать товар лицом».

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

Под катом вы найдёте вредные советы про дизайн сайтов, разбор существующего дизайна главной страницы cplaza.ru, рассказ о том, какие блоки могут оказаться более полезными для этой страницы, а в конце я покажу пример переработанной главной.

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

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

За последние 10—20 лет мир IT далеко ушёл вперёд. Способы взаимодействия с устройствами сильно изменились изменив при этом многие стороны жизни. Но некоторые отрасли продолжают упорно сопротивляться прогрессу. И одна из них: интерфейсы бытовой техники.

Так не может продолжаться вечно, и рано или поздно производителям придётся начать наверстывать упущенное.

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

В этой статье я расскажу о том, как за счёт несложного редизайна Яндекс.словари могли бы помогать в изучении иностранных языков. Нет, для этого не придётся вводить 25-й кадр или методику Илоны Довыдовой. Достаточно просто немного поработать над логикой и интерфейсом, всё остальное уже есть.

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

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

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

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

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

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

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

Перед тем, как рассказать о том что есть в этом будильнике, я начну с того, чего в нём нет. Во-первых, в нём нет возможности установки нескольких будильников, так как в большинстве случаев они используются только для того, чтобы поставить 3 будильника подряд с целью не проспать. Это не работает и должно решаться другими средствами.

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

И в-третьих, в нём нет никаких математических примеров для отключения звонка. Так что для любителей математики он не подойдёт.

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

Как давно вы в последний раз покупали батарейки? А помните сколько вы их покупали лет 15 назад? Раньше почти всё от них работало, а сейчас плееры, фотоаппараты, телефоны и прочие основные мобильные потребители энергии работают в основном от собственных форматов аккумуляторов. И, казалось бы, особого будущего у массового использования батареек нет. Но многие современные устройства объединяют две черты: ёмкости встроенного аккумулятора хватает не так уж на долго и их можно зарядить через micro-USB. Так что у батарейки могут ещё послужить.

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

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

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

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

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

А пока я решил начать отдельную ветку по улучшению интерфейса этого банка и освещать её на Хабре. Так как тема очень обширная, то в одну статью она не вместится. Поэтому если тема будет интересна читателям — буду выпускать новую «серию» этого сериала каждую неделю.

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

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

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

И был бы этот топик топиком-ссылкой, да по необъяснимым причинам не разрешает Хабр в топиках-ссылках указывать авторов, заслуживающих похвал. Так что вот они ссылки:
Описание: artpolikarpov.ru/projects/flags
Архив с флагами: artpolikarpov.ru/projects/flags/flags.zip

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

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

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

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

Поскольку до того как мы начнём захватывать космические фрегаты и маленькие колониальные планеты, бюджеты будут не очень большими, приходится думать над тем, как сделать так, чтобы стартового капитала хватило на большее время, но при этом не в ущерб участника команды. Поэтому вариант просто снять шикарный офис в каком-нибудь мега-крутом бизнес-центре класса A+100500 — не является рациональным в данной ситуации. Но коробочки в зданиях класса C, D (разнообразные бывшие НИИ и т. п. с советским уровнем сервиса) тоже не подходят — нельзя заставлять людей работать в таких условиях.

И встал вопрос: а нужен ли офис вообще?